@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#171716;font-synthesis:none;--bg:#f5f2ea;--paper:#fcfaf6;--ink:#12161f;--muted:#727985;--line:#d9dee7;--blue:#2457ff;--soft-blue:#e3e9ff;background:#f5f2ea;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.site{min-height:100vh;overflow:hidden}header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#f5f2eaeb;justify-content:space-between;align-items:center;height:82px;padding:0 5vw;display:flex;position:sticky;top:0}.logo{letter-spacing:-1.2px;font-size:21px;font-weight:800}nav{color:#686f7b;flex:1;justify-content:center;gap:30px;font-size:12px;display:flex}nav a:hover{color:var(--ink)}.actions{align-items:center;gap:17px;display:flex}.actions button{color:#727985;cursor:pointer;background:0 0;border:0;font:500 10px DM Mono}.navCta{border:1px solid #aab2bf;border-radius:999px;padding:10px 15px;font-size:11px}.navCta:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.hero{border-bottom:1px solid var(--line);grid-template-columns:1fr .82fr;align-items:center;gap:7vw;min-height:calc(100vh - 82px);padding:7vw 8vw;display:grid}.heroText{max-width:760px}.eyebrow{letter-spacing:1.8px;color:#727985;margin:0 0 22px;font:500 10px DM Mono}.hero h1{letter-spacing:-7px;margin:0 0 30px;font-size:clamp(58px,7.5vw,112px);line-height:.88}.lead{color:#66625c;max-width:650px;font-size:18px;line-height:1.7}.heroActions{align-items:center;gap:25px;margin-top:38px;display:flex}.button{border-radius:999px;align-items:center;gap:20px;padding:15px 20px;font-size:12px;font-weight:800;transition:transform .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.blue{background:var(--blue);color:#fff}.button.dark{background:var(--ink);color:#fff}.textLink{border-bottom:1px solid #9f9990;padding-bottom:4px;font-size:12px}.quiet,.audit small{color:#918b82;margin-top:18px;font:10px DM Mono}.heroArt{min-height:540px;position:relative}.heroCard{color:#f6f2e9;background:#1b1b19;flex-direction:column;justify-content:space-between;padding:34px;display:flex;position:absolute;inset:35px 0 35px 35px;transform:rotate(2.2deg);box-shadow:18px 22px #ded8cc}.heroCard small{color:#aaa79e;font:10px DM Mono}.heroCard strong{letter-spacing:-4px;font-size:clamp(45px,5vw,76px);line-height:.85}.heroCard strong i{color:var(--blue);font-style:normal}.heroCard>div{color:#aaa79e;gap:15px;font:9px DM Mono;display:flex}.typeStack{z-index:2;flex-direction:column;display:flex;position:absolute;top:0;left:0}.typeStack span{letter-spacing:2px;background:var(--blue);color:#fff;margin-bottom:2px;padding:10px 13px;font-size:11px}.typeStack span:nth-child(2){background:#171716}.typeStack span:nth-child(3){color:#171716;background:#fff}.typeStack span:nth-child(4){background:var(--soft-blue);color:#171716}.section{border-bottom:1px solid var(--line);padding:125px 8vw}.intro{max-width:950px;margin-bottom:65px}.intro h2,.statement h2{letter-spacing:-4px;margin:0 0 25px;font-size:clamp(42px,5.7vw,82px);line-height:.95}.intro>p:last-child{color:#727985;max-width:650px;line-height:1.7}.work{background:var(--paper)}.workGrid{grid-template-columns:1.25fr .85fr .85fr;gap:28px;display:grid}.project small,.project>h3{display:block}.project small{color:#858078;letter-spacing:1px;margin-top:18px;font:9px DM Mono}.project h3{letter-spacing:-.8px;margin:10px 0;font-size:21px;line-height:1.15}.mock{height:470px;position:relative;overflow:hidden}.projectA .mock{background:#e1e5ec;padding:20px}.browser{background:#e1e5ec}.browserBar{gap:5px;height:25px;display:flex}.browserBar i{background:#8c867e;border-radius:50%;width:6px;height:6px}.mockHero{color:#f3efe7;background:#181817;flex-direction:column;justify-content:space-between;height:calc(100% - 25px);padding:35px;display:flex}.mockHero span{color:#9c9890;font:9px DM Mono}.mockHero strong{letter-spacing:-3px;font-size:55px;line-height:.85}.projectB .mock{color:#f4f0e8;background:#171716;flex-direction:column;justify-content:space-between;padding:30px;display:flex}.brand span,.brand em{color:#aaa79e;font:10px DM Mono}.brand b{letter-spacing:-9px;font-size:105px}.brand em{font-style:normal}.projectC .mock{background:var(--blue);color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.campaign div{letter-spacing:-5px;font-size:72px;line-height:.82}.campaign b{color:#171716}.campaign span{font:9px DM Mono;position:absolute;bottom:30px}.capabilities{background:#eef1f6}.capGrid{border-top:1px solid #d5dae3;border-left:1px solid #d5dae3;grid-template-columns:repeat(4,1fr);display:grid}.capGrid a{border-bottom:1px solid #d5dae3;border-right:1px solid #d5dae3;flex-direction:column;min-height:300px;padding:28px;transition:background .2s,color .2s;display:flex}.capGrid a:hover{background:var(--ink);color:#fff}.capGrid span{color:#7c8490;font:10px DM Mono}.capGrid h3{letter-spacing:-1.5px;margin:65px 0 10px;font-size:30px}.capGrid p{color:#727985;font-size:13px;line-height:1.6}.capGrid a:hover p,.capGrid a:hover span{color:#aaa}.capGrid b{margin-top:auto;font-size:11px}.philosophy{background:var(--ink);color:#f4f0e8;grid-template-columns:1fr 1fr;gap:8vw;display:grid}.philosophy .eyebrow{color:#9f9a91}.philosophyGrid{grid-template-columns:1fr 1fr;align-content:start;gap:35px;display:grid}.philosophyGrid>p{color:#c2beb5;grid-column:1/-1;margin:0 0 25px;font-size:21px;line-height:1.5}.philosophyGrid div{border-top:1px solid #393936;padding-top:18px}.philosophyGrid span{color:var(--blue);margin-bottom:45px;font:10px DM Mono;display:block}.philosophyGrid strong{letter-spacing:-1px;font-size:25px}.philosophyGrid div p{color:#88847d;font-size:13px;line-height:1.6}.approachList{border-top:1px solid var(--line)}.approachList>div{border-bottom:1px solid var(--line);grid-template-columns:80px 1fr 1.2fr;align-items:center;gap:30px;padding:30px 0;display:grid}.approachList span{color:#8b867e;font:10px DM Mono}.approachList h3{letter-spacing:-1.8px;margin:0;font-size:36px}.approachList p{color:#727985;max-width:550px;margin:0;font-size:14px;line-height:1.7}.audit{background:var(--blue);color:#fff;grid-template-columns:1.3fr .7fr;gap:8vw;display:grid}.audit .eyebrow{color:#dce5ff}.audit h2{letter-spacing:-6px;margin:0 0 25px;font-size:clamp(55px,7vw,105px);line-height:.88}.audit>div>p:not(.eyebrow){color:#edf2ff;max-width:620px;line-height:1.7}.audit .button{margin-top:20px}.audit small{color:#dce5ff;display:block}.auditNotes{flex-direction:column;justify-content:center;gap:12px;display:flex}.auditNotes span{letter-spacing:1px;border-bottom:1px solid #6f8dff;padding:12px 0;font:10px DM Mono}.journal{background:var(--paper)}.articleGrid,.articleList{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.articleGrid a,.articleList a{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;min-height:310px;padding:30px;display:flex}.articleGrid span,.articleList span{color:#8b867e;font:9px DM Mono}.articleGrid h3{letter-spacing:-1.3px;margin:65px 0 15px;font-size:26px;line-height:1.05}.articleGrid p,.articleList p{color:#727985;font-size:13px;line-height:1.65}.articleGrid b,.articleList b{margin-top:auto;font-size:11px}.final{background:var(--soft-blue);padding:130px 8vw}.final h2{letter-spacing:-7px;margin:0 0 25px;font-size:clamp(58px,8vw,120px);line-height:.86}.final>p:not(.eyebrow){color:#566052;max-width:650px;line-height:1.7}.page{min-height:80vh;padding:120px 8vw}.page h1{letter-spacing:-6px;max-width:1050px;margin:0 0 30px;font-size:clamp(55px,8vw,115px);line-height:.88}.pageLead{color:#727985;max-width:700px;font-size:19px;line-height:1.7}.serviceGrid{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:90px;display:grid}.serviceGrid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:260px;padding:30px}.serviceGrid span{color:#7c8490;font:10px DM Mono}.serviceGrid h2{letter-spacing:-1.5px;margin:65px 0 12px;font-size:32px}.serviceGrid p{color:#727985;line-height:1.7}.pageCta{background:var(--ink);color:#fff;margin-top:80px;padding:55px}.pageCta h2{letter-spacing:-2px;margin:0 0 12px;font-size:45px}.pageCta p{color:#aaa79f}.articleBody{color:#57534e;max-width:760px;margin:70px 0;font-size:18px;line-height:1.9}.articleList{grid-template-columns:repeat(2,1fr);margin-top:75px}.articleList h2{letter-spacing:-1.5px;margin:55px 0 15px;font-size:30px;line-height:1.05}footer{border-top:1px solid var(--line);color:#727985;grid-template-columns:1fr auto 1fr;gap:20px;padding:32px 5vw;font:10px DM Mono;display:grid}footer>a:last-child{text-align:right}.logo{color:var(--ink);font:800 19px Manrope}.logo span{color:#7c8490;font-weight:400}@media (width<=1050px){nav{gap:16px}.hero{grid-template-columns:1fr}.heroArt{width:100%;max-width:700px;margin:auto}.workGrid{grid-template-columns:1fr 1fr}.projectA{grid-column:1/-1}.capGrid{grid-template-columns:1fr 1fr}.philosophy,.audit{grid-template-columns:1fr}.auditNotes{grid-template-columns:1fr 1fr;display:grid}.serviceGrid{grid-template-columns:1fr 1fr}}@media (width<=700px){header{height:68px;padding:0 5vw}nav{display:none}.navCta{padding:9px 11px}.hero{padding:70px 6vw}.hero h1,.page h1{letter-spacing:-4px;font-size:54px}.lead{font-size:16px}.heroActions{flex-direction:column;align-items:flex-start}.heroArt{min-height:430px}.heroCard{inset:35px 0 25px 20px}.heroCard strong{font-size:50px}.section,.page{padding:85px 6vw}.intro h2,.statement h2{letter-spacing:-2.8px;font-size:43px}.workGrid,.capGrid,.philosophyGrid,.serviceGrid,.articleGrid,.articleList{grid-template-columns:1fr}.projectA{grid-column:auto}.mock{height:380px}.brand b{font-size:85px}.campaign div{font-size:58px}.approachList>div{grid-template-columns:45px 1fr;gap:15px}.approachList p{grid-column:2}.audit h2,.final h2{letter-spacing:-3.5px;font-size:58px}.auditNotes{margin-top:20px}.pageCta{padding:35px}.pageCta h2{font-size:35px}footer{grid-template-columns:1fr;gap:15px}footer>a:last-child{text-align:left}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}