@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap');
:root{--ink:#0b1720;--orange:#f26a21;--cream:#f3f1ea;--line:#d9d8d1}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:#f8f7f3}
a{text-decoration:none;color:inherit}
svg{width:18px;height:18px}
.top{height:38px;background:#0a151d;color:#aeb9c0;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:1.7px}
.top>span{color:#f3a16f;font-weight:600}
.top div{display:flex;gap:28px}
.top a{display:flex;align-items:center;gap:7px;letter-spacing:.4px}
.top svg{width:13px}
header{height:88px;padding:0 4.5vw;background:#fff;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20}
.brand{display:flex;align-items:center;gap:12px;font:700 17px 'Manrope';letter-spacing:1.6px}
.brand small{display:block;font-size:8px;letter-spacing:2.1px;margin-top:3px;color:#67727a}
.brandmark{display:grid;place-items:center;width:42px;height:42px;background:var(--ink);color:#fff;font-size:19px;letter-spacing:-4px;padding-right:4px;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)}
.brandmark span{color:var(--orange)}
nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:600}
nav>a:not(.quote):hover{color:var(--orange)}
.quote,.primary{display:flex;align-items:center;gap:25px;background:var(--orange);color:#fff;padding:17px 20px}
.quote{margin-left:12px}
.hamb{display:none;background:none;border:0}
.hero{height:calc(100vh - 126px);min-height:620px;position:relative;display:flex;align-items:center;color:#fff;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,14,21,.94) 0%,rgba(4,14,21,.75) 45%,rgba(4,14,21,.08) 80%),url('https://images.unsplash.com/photo-1581094794329-c8112a89af12?auto=format&fit=crop&w=2200&q=90') center/cover}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:90px 90px}
.hero-copy{position:relative;width:820px;margin-left:8vw}
.eyebrow{font-size:11px;font-weight:600;letter-spacing:2.8px;color:#e8aa86;margin-bottom:28px;display:flex;align-items:center;gap:12px}
.eyebrow span{width:35px;height:1px;background:var(--orange)}
.eyebrow.dark{color:#9a4b23}
.hero h1,.intro h2,.section-head h2,.approach h2,.cta h2{font:500 clamp(48px,6vw,88px)/1.02 'Manrope';letter-spacing:-4px;margin:0}
.hero h1 em,.intro h2 em,.section-head h2 em,.approach h2 em,.cta h2 em{font-style:normal;color:var(--orange)}
.hero-copy>p{font-size:18px;line-height:1.65;color:#c6d0d5;width:620px;margin:30px 0}
.actions{display:flex;align-items:center;gap:34px}
.primary{width:max-content;padding:18px 23px;font-size:13px;font-weight:600}
.primary:hover svg,.textlink:hover svg,article a:hover svg{transform:translate(3px,-3px)}
a svg{transition:.2s}
.secondary{font-size:13px;border-bottom:1px solid #7e8d94;padding:10px 0}
.hero-stat{position:absolute;right:5vw;bottom:8vh;display:flex;align-items:center;gap:15px;border-left:2px solid var(--orange);padding-left:18px}
.hero-stat b{font:500 42px 'Manrope'}
.hero-stat span{font-size:11px;line-height:1.4;color:#ced6d9}
.scroll{position:absolute;bottom:8vh;left:8vw;font-size:9px;letter-spacing:2px;color:#8d9a9f}
.scroll span{margin-left:12px;color:#fff}
.intro{padding:130px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw}
.intro h2,.section-head h2,.approach h2{font-size:clamp(42px,5vw,68px);letter-spacing:-3px}
.intro .lead{font:500 25px/1.45 'Manrope';margin:40px 0 24px}
.intro p:not(.lead){color:#667177;line-height:1.8}
.textlink{display:inline-flex;gap:30px;align-items:center;margin-top:25px;font-size:13px;font-weight:600;border-bottom:1px solid var(--ink);padding-bottom:8px}
.services{background:#0b1720;color:#fff;padding:120px 4.5vw}
.section-head{display:flex;justify-content:space-between;align-items:end;margin:0 3.5vw 65px}
.section-head>p{width:390px;color:#99a6ad;line-height:1.7}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr)}
article{height:620px;position:relative;padding:35px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border-right:1px solid rgba(255,255,255,.15);background:var(--bg) center/cover}
article:before{content:"";position:absolute;inset:0;background:#13232d;transition:.5s;opacity:.93}
article:hover:before{opacity:.25}
.shade{position:absolute;inset:0;background:linear-gradient(transparent 20%,rgba(4,10,14,.95));opacity:.5;transition:.4s}
article:hover .shade{opacity:1}
.num,.service-content{position:relative}
.num{font:500 13px 'Manrope';color:#f39462}
.service-content h3{font:500 29px 'Manrope';margin:0 0 18px}
.service-content p{line-height:1.65;color:#bac4c9;font-size:14px}
.service-content ul{list-style:none;padding:10px 0;margin:0;max-height:0;opacity:0;overflow:hidden;transition:.5s}
.service-content li{font-size:12px;margin:9px 0;display:flex;align-items:center;gap:8px}
.service-content li svg{width:13px;color:var(--orange)}
article:hover ul{max-height:120px;opacity:1}
article a{font-size:12px;display:flex;align-items:center;gap:20px;margin-top:25px;color:#f3a37a}
.approach{display:grid;grid-template-columns:1.03fr .97fr;min-height:760px}
.approach-photo{background:url('https://images.unsplash.com/photo-1531834685032-c34bf0d84c77?auto=format&fit=crop&w=1400&q=85') center/cover;position:relative}
.floatcard{position:absolute;right:-70px;bottom:60px;width:290px;padding:35px;background:var(--orange);color:white;display:grid;gap:12px;z-index:2}
.floatcard svg{width:32px;height:32px}
.floatcard b{font:600 19px 'Manrope'}
.floatcard span{font-size:12px;line-height:1.6}
.approach-copy{padding:110px 8vw 90px 10vw;background:#f1efe8}
.approach-copy>p{color:#677177;line-height:1.75;margin:30px 0 40px}
.benefits{display:grid;gap:25px}
.benefits>div{display:flex;gap:20px;border-top:1px solid var(--line);padding-top:22px}
.benefits svg{color:var(--orange);width:24px;height:24px}
.benefits span{display:grid;font-size:13px;color:#798287;gap:5px}
.benefits b{font:600 15px 'Manrope';color:var(--ink)}
.metrics{padding:65px 8vw;display:grid;grid-template-columns:repeat(4,1fr);background:#fff}
.metrics div{padding-left:30px;border-left:1px solid var(--line);display:grid;gap:7px}
.metrics b{font:500 42px 'Manrope'}
.metrics span{font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:#7e888d}
.cta{text-align:center;background:linear-gradient(rgba(8,20,28,.9),rgba(8,20,28,.94)),url('https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=1800&q=80') center/cover;color:#fff;padding:115px 20px}
.cta .eyebrow{justify-content:center}
.cta h2{font-size:clamp(45px,5vw,70px)}
.cta p{color:#aebbc1}
.cta .primary{margin:35px auto 0}
.light{background:#fff;color:var(--ink)}
footer{background:#071117;color:#fff;padding:70px 7vw 25px}
.inverse .brandmark{background:#fff;color:var(--ink)}
.foot-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:50px}
.foot-main>div:first-child p{width:330px;color:#8e9ba1;line-height:1.6;margin-top:25px}
.foot-main h4{font:600 12px 'Manrope';text-transform:uppercase;letter-spacing:2px;color:#f19362}
.foot-main p,.foot-main>div>a{color:#9ba7ad;font-size:13px;line-height:1.8;display:block}
.foot-main p svg{width:13px;vertical-align:middle}
.foot-bottom{border-top:1px solid #263138;margin-top:60px;padding-top:25px;font-size:10px;color:#728087;letter-spacing:.5px;display:flex;justify-content:space-between}
@media(max-width:900px){.top div a:nth-child(2){display:none}header{height:74px}.hamb{display:block}nav{display:none;position:absolute;top:74px;left:0;right:0;background:white;padding:25px;flex-direction:column;align-items:stretch}nav.show{display:flex}.quote{margin:0}.hero{height:760px}.hero-copy{margin:0 7vw;width:auto}.hero-copy>p{width:auto}.hero-stat{right:7vw}.intro{grid-template-columns:1fr;padding:90px 7vw}.service-grid{grid-template-columns:1fr 1fr}article{height:520px}.section-head{display:block}.section-head>p{width:auto}.approach{grid-template-columns:1fr}.approach-photo{min-height:520px}.floatcard{right:25px}.metrics{grid-template-columns:1fr 1fr;gap:35px}.foot-main{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.top{padding:0 20px}.top>span{font-size:9px}.top div{gap:0}.hero h1{font-size:47px;letter-spacing:-2.8px}.hero-copy>p{font-size:15px}.actions{align-items:flex-start;flex-direction:column;gap:12px}.hero-stat{display:none}.scroll{bottom:30px}.intro h2,.section-head h2,.approach h2{font-size:42px;letter-spacing:-2.2px}.intro{padding:80px 22px}.services{padding:80px 20px}.section-head{margin:0 0 40px}.service-grid{grid-template-columns:1fr}article{height:480px}.service-content ul{max-height:120px;opacity:1}.approach-photo{min-height:420px}.floatcard{left:20px;right:20px;bottom:-80px;width:auto}.approach-copy{padding:150px 24px 80px}.metrics{grid-template-columns:1fr 1fr;padding:55px 20px}.metrics b{font-size:30px}.foot-main{grid-template-columns:1fr}.foot-bottom{display:block}.foot-bottom span{display:block;margin-top:10px}.cta{padding:90px 20px}.cta h2{font-size:42px}.brand{font-size:14px}.brandmark{width:38px;height:38px}}
:root{--ink:#061b32;--orange:#ef2838;--brand-blue:#079bd7;--brand-blue-dark:#006da7;--cream:#f2f7fa;--line:#d5e2e9}.real-logo{display:block;width:205px;height:68px}.real-logo img{width:100%;height:100%;object-fit:contain;object-position:left center}.inverse-logo{width:230px}.navdrop{position:relative;padding:35px 0}.navdrop>a{display:block}.navdrop>div{position:absolute;top:74px;left:-22px;background:#fff;width:280px;padding:12px 0;box-shadow:0 14px 40px rgba(6,20,28,.14);opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s}.navdrop:hover>div{opacity:1;visibility:visible;transform:none}.navdrop>div a{display:block;padding:12px 22px;color:#56636b}.navdrop>div a:hover{background:#edf7fb;color:var(--brand-blue-dark)}
.top{background:#04182b}.top>span{color:#5fc6ed}.quote,.primary{background:linear-gradient(135deg,#ef2838,#d8142b)}.hero-bg{background:linear-gradient(90deg,rgba(3,20,37,.96) 0%,rgba(3,36,60,.77) 48%,rgba(3,36,60,.12) 82%),url('https://images.unsplash.com/photo-1581094794329-c8112a89af12?auto=format&fit=crop&w=2200&q=90') center/cover}.eyebrow{color:#65c9ef}.eyebrow.dark,.service-detail aside>span,.next-services>span,.contact-blocks small{color:#007bab}.eyebrow span{background:var(--orange)}.hero h1 em,.intro h2 em,.section-head h2 em,.approach h2 em,.cta h2 em,.index-intro h2 em{color:#12a4dc}.services,.values>div,.contact-page form{background:#061b32}.num,.service-content a,.floatcard{color:#fff}.num,.service-content a{color:#67cdf2}.floatcard{background:linear-gradient(135deg,#079bd7,#006da7)}.approach-copy,.next-services{background:#edf5f8}.metrics b{color:#007eb7}.cta{background:linear-gradient(rgba(3,25,43,.91),rgba(4,31,51,.96)),url('https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=1800&q=80') center/cover}footer{background:#031524}.foot-main h4{color:#62c9ef}.light{background:#fff;color:#061b32}.index-row>span,.line-list article>span{color:var(--orange)}
.mz-signature{display:flex!important;align-items:center;gap:18px;padding:11px 14px 11px 18px;margin-top:-12px;border:1px solid rgba(100,205,245,.35);border-radius:5px;background:linear-gradient(135deg,rgba(7,155,215,.14),rgba(239,40,56,.08));color:#fff!important;transition:.25s;box-shadow:0 0 0 0 rgba(7,155,215,0)}.mz-signature>span{display:flex;flex-direction:column;gap:2px}.mz-signature small{font-size:7px;letter-spacing:2px;color:#72ccef}.mz-signature strong{font:600 17px 'Manrope';letter-spacing:.3px}.mz-signature svg{color:#ef3443;width:20px;height:20px;transition:.25s}.mz-signature:hover{transform:translateY(-3px);border-color:#61ccf4;background:linear-gradient(135deg,rgba(7,155,215,.27),rgba(239,40,56,.15));box-shadow:0 10px 28px rgba(0,123,171,.18)}.mz-signature:hover svg{transform:translate(3px,-3px)}
.honey-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}.contact-page .form-note{grid-column:1/-1;margin:0;color:#8fa1aa;font-size:11px;line-height:1.6;letter-spacing:.3px}
.page-hero{min-height:510px;padding:120px 8vw 90px;display:flex;align-items:end;color:#fff;position:relative;background:linear-gradient(90deg,rgba(5,18,26,.92),rgba(5,18,26,.35)),var(--hero) center/cover}.page-hero>div{position:relative;max-width:840px}.page-hero h1{font:500 clamp(48px,6vw,80px)/1.05 'Manrope';letter-spacing:-4px;margin:0 0 25px}.page-hero p{font-size:19px;line-height:1.6;color:#c7d1d6;max-width:650px}.services-index{padding:110px 8vw}.index-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:9vw;margin-bottom:70px}.index-intro h2{font:500 clamp(42px,5vw,65px)/1.08 'Manrope';letter-spacing:-3px;margin:0}.index-intro h2 em{color:var(--orange);font-style:normal}.index-intro>p{font-size:18px;line-height:1.8;color:#647079;margin-top:50px}.index-row{display:grid;grid-template-columns:80px 1fr 40px;gap:35px;align-items:start;padding:42px 0;border-top:1px solid var(--line);transition:.25s}.index-row:hover{padding-left:18px;background:#f1efe8}.index-row>span{color:var(--orange);font-weight:600}.index-row h3{font:500 30px 'Manrope';margin:0 0 10px}.index-row p{color:#667177;line-height:1.6;margin:0 0 14px}.index-row small{color:#9a6b51;line-height:1.7}.service-detail{display:grid;grid-template-columns:290px 1fr;gap:8vw;padding:110px 8vw}.service-detail aside{display:flex;flex-direction:column;align-self:start;position:sticky;top:30px}.service-detail aside>span,.next-services>span{font-size:10px;letter-spacing:2px;color:#9a4b23;font-weight:600;margin-bottom:20px}.service-detail aside>a:not(.primary){padding:12px 0;border-bottom:1px solid var(--line);font-size:12px;color:#68747a}.service-detail aside .primary{margin-top:28px}.detail-body>h2{font:500 clamp(30px,4vw,50px)/1.2 'Manrope';letter-spacing:-2px;margin:0}.detail-body>p{font-size:17px;color:#6e787d;line-height:1.8;max-width:760px;margin:28px 0 65px}.line-list article{height:auto;background:none;color:var(--ink);padding:38px 0;display:grid;grid-template-columns:60px 1fr;gap:25px;border-top:1px solid var(--line)}.line-list article:before{display:none}.line-list article>span{color:var(--orange);font-size:12px}.line-list h3{font:600 25px 'Manrope';margin:0 0 12px}.line-list p{color:#667177;line-height:1.75;margin:0}.next-services{padding:65px 8vw;background:#f0eee7;display:grid}.next-services a{font:500 21px 'Manrope';padding:18px 0;border-top:1px solid #cccac1;display:flex;justify-content:space-between}.story{padding:120px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:9vw}.story h2,.contact-page h2{font:500 clamp(38px,4.5vw,62px)/1.12 'Manrope';letter-spacing:-3px;margin:0}.story .lead{font:500 22px/1.55 'Manrope';color:var(--ink)}.story p{line-height:1.8;color:#647078}.values{display:grid;grid-template-columns:repeat(3,1fr);padding:0 8vw 110px;gap:2px}.values>div{background:#0b1720;color:#fff;padding:45px}.values svg{color:var(--orange);width:30px;height:30px}.values h3{font:500 24px 'Manrope'}.values p{color:#9eabb2;line-height:1.7}.founder{display:grid;grid-template-columns:1fr 1fr;background:#091720;color:#fff}.founder>div:first-child{min-height:650px;background:url('https://images.unsplash.com/photo-1560250097-0b93528c311a?auto=format&fit=crop&w=1200&q=85') center/cover}.founder>div:last-child{padding:100px 8vw}.founder h2{font:500 52px/1.12 'Manrope';letter-spacing:-3px}.founder p{color:#a9b5bb;line-height:1.8;margin-bottom:35px}.contact-page{padding:110px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:9vw}.contact-page>div>p{color:#67737a;line-height:1.8}.contact-blocks{display:grid;gap:5px;margin-top:40px}.contact-blocks>a,.contact-blocks>div{display:flex;gap:18px;padding:20px 0;border-top:1px solid var(--line);align-items:start}.contact-blocks svg{color:var(--orange)}.contact-blocks span{display:grid;gap:5px;color:#49565d}.contact-blocks small{font-size:9px;letter-spacing:1.8px;color:#9a4b23}.contact-page form{background:#0b1720;padding:50px;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-page label{font-size:11px;letter-spacing:1.3px;color:#aab6bc}.contact-page input,.contact-page select,.contact-page textarea{display:block;width:100%;margin-top:9px;border:0;border-bottom:1px solid #43515a;background:transparent;color:#fff;padding:12px 0;font:14px 'DM Sans'}.contact-page select option{color:#111}.contact-page label:nth-last-of-type(1),.contact-page label:nth-last-of-type(2){grid-column:1/-1}.contact-page button{border:0;grid-column:1/-1;cursor:pointer}
@media(max-width:900px){.navdrop{padding:0}.navdrop>div{display:none}.navdrop>a:after{content:' →'}.index-intro,.story,.service-detail,.contact-page{grid-template-columns:1fr}.service-detail aside{position:static}.founder{grid-template-columns:1fr}.values{grid-template-columns:1fr}.page-hero{min-height:440px}.contact-page form{padding:35px}.real-logo{width:180px}.foot-main .real-logo{width:200px}}
@media(max-width:560px){.page-hero{padding:90px 22px 60px;min-height:420px}.page-hero h1{font-size:45px;letter-spacing:-2px}.services-index,.service-detail,.story,.contact-page{padding:75px 22px}.index-row{grid-template-columns:40px 1fr}.index-row>svg{display:none}.index-row h3{font-size:23px}.values{padding:0 22px 75px}.founder>div:first-child{min-height:420px}.founder>div:last-child{padding:75px 24px}.founder h2{font-size:40px}.contact-page form{grid-template-columns:1fr}.contact-page form label{grid-column:1/-1}.real-logo{width:150px;height:58px}}
@media(max-width:560px){body{font-size:16px;line-height:1.6}.top{height:42px}.top a{min-height:42px;align-items:center}.hamb{width:44px;height:44px;padding:10px;display:grid;place-items:center}.hamb svg{width:24px;height:24px}header{padding-left:4.5vw;padding-right:4.5vw}.hero{min-height:730px;height:auto;padding:95px 0 75px}.hero h1{font-size:clamp(42px,12.5vw,47px);line-height:1.03}.hero-copy>p,.page-hero p{font-size:16px;line-height:1.65}.primary{min-height:50px;justify-content:space-between}.secondary,.textlink{min-height:44px;display:flex;align-items:center}.service-content>a{min-height:44px;align-items:center}.foot-main>div>a:not(.real-logo){min-height:44px;display:flex;align-items:center}.foot-main p{font-size:14px}.contact-blocks>a,.contact-blocks>div{min-height:64px}.contact-page input,.contact-page select{min-height:48px;font-size:16px}.contact-page textarea{font-size:16px;min-height:130px}.service-detail aside>a:not(.primary){min-height:44px;display:flex;align-items:center}.next-services a{min-height:56px;align-items:center}.index-row{min-height:110px}.line-list h3{font-size:24px;line-height:1.25}.line-list p{font-size:16px}.mz-signature{min-height:64px}.foot-bottom{line-height:1.5}}