@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Manrope:wght@400;600;700;800&display=swap";:root{--ink:#182019;--paper:#f4f0e7;--lime:#b8cf8c;--muted:#687068;--line:#d4d1c8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}.nav{border-bottom:1px solid var(--line);z-index:3;justify-content:space-between;align-items:center;height:82px;padding:0 clamp(24px,5vw,76px);display:flex;position:relative}.brand{letter-spacing:-.03em;align-items:center;gap:12px;font-weight:800;display:flex}.brand span{border:1px solid var(--ink);place-items:center;width:34px;height:34px;font-family:IBM Plex Mono,monospace;font-size:12px;display:grid}.nav-links{gap:34px;font-size:14px;display:flex}.nav-links a:hover{opacity:.55}.nav-cta{background:var(--ink);color:#fff;padding:13px 18px;font-size:13px;font-weight:700}.nav-toggle,.nav-mobile-cta{display:none}.hero{grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:clamp(36px,5vw,78px);height:calc(100svh - 82px);min-height:610px;max-height:900px;padding:clamp(18px,2.8vh,30px) clamp(24px,5vw,76px);display:grid;overflow:hidden}.hero-copy{align-self:center;max-width:730px;transform:translateY(-2.8vh)}.eyebrow,.section-kicker,.board-label{letter-spacing:.12em;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600}.eyebrow{align-items:center;gap:11px;display:flex}.eyebrow span{background:var(--lime);border-radius:50%;width:8px;height:8px}.hero h1{letter-spacing:-.065em;margin:clamp(14px,2vh,22px) 0;font-size:clamp(50px,5.25vw,82px);font-weight:650;line-height:.98}.hero h1 em{font-family:Georgia,serif;font-weight:400}.lede{color:#4d544d;max-width:660px;margin:0;font-size:clamp(16px,1.18vw,19px);line-height:1.55}.hero-path{letter-spacing:.035em;text-transform:uppercase;flex-wrap:wrap;gap:8px 20px;margin:clamp(14px,2vh,20px) 0 0;padding:0;font:600 10px/1.4 IBM Plex Mono,monospace;list-style:none;display:flex}.hero-path li{white-space:nowrap;align-items:center;gap:7px;display:flex}.hero-path span{color:#668d28}.hero-actions{gap:12px;margin:clamp(18px,2.6vh,26px) 0;display:flex}.button{border:1px solid var(--ink);justify-content:center;align-items:center;gap:22px;min-height:51px;padding:0 21px;font-size:14px;font-weight:750;transition:transform .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--ink);color:#fff}.button.primary span{color:var(--lime)}.button.ghost:hover{background:#fff}.founder{align-items:center;gap:14px;margin-top:clamp(14px,2vh,22px);display:flex}.founder-mark{background:var(--lime);border-radius:50%;place-items:center;width:42px;height:42px;font-family:IBM Plex Mono,monospace;font-size:11px;display:grid}.founder p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.founder strong{color:var(--ink);font-size:13px}.hero-media{background:#d6d0c4;align-self:stretch;min-height:0;margin:0;position:relative;overflow:hidden}.hero-media img{object-fit:cover;object-position:53% center;width:100%;height:100%;transition:transform 1.1s cubic-bezier(.2,.8,.2,1);display:block}.hero-media:hover img{transform:scale(1.025)}.hero-media:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0d110e7a);position:absolute;inset:55% 0 0}.hero-media figcaption{z-index:1;color:#fff;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;gap:16px;font:10px IBM Plex Mono,monospace;display:flex;position:absolute;bottom:20px;left:24px;right:24px}.section{padding:110px clamp(24px,8vw,130px) 58px}.intro{grid-template-columns:.6fr 1.5fr 1fr;align-items:start;gap:7vw;display:grid}.intro h2{letter-spacing:-.05em;margin:0;font-size:clamp(36px,4vw,60px);line-height:1.06}.intro-copy{max-width:48ch}.intro-copy p{color:var(--muted);margin:5px 0 16px;line-height:1.72}.intro-copy p:last-child{margin-bottom:0}.service-grid{grid-template-columns:repeat(3,1fr);padding:0 clamp(24px,5vw,76px) 120px;display:grid}.service{border-top:1px solid var(--ink);border-right:1px solid var(--line);padding:29px 34px 35px;transition:background .25s}.service:hover{background:#ffffff61}.service:last-child{border-right:0}.service>span{color:var(--muted);font:11px IBM Plex Mono,monospace}.service h3{letter-spacing:-.035em;margin:46px 0 15px;font-size:25px}.service p{color:var(--muted);min-height:96px;font-size:14px;line-height:1.7}.service a{border-bottom:1px solid var(--ink);padding-bottom:4px;font-size:12px;font-weight:750}@media (width<=1100px){.hero{grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);gap:36px}.hero h1{font-size:clamp(48px,5.5vw,68px)}}@media (width<=900px){.nav{height:72px}.nav-links{display:none}.hero{grid-template-columns:1fr;gap:40px;height:auto;min-height:0;max-height:none;padding-top:38px;padding-bottom:42px}.hero-copy{max-width:760px;transform:none}.hero h1{font-size:clamp(52px,9vw,76px)}.hero-media{aspect-ratio:16/10;min-height:0}.intro{grid-template-columns:1fr}.intro-copy{max-width:66ch}.service-grid{grid-template-columns:1fr}.service{border-right:0}.nav-cta{display:none}}@media (width<=520px){.hero{gap:32px;padding-top:26px}.hero h1{font-size:clamp(44px,13vw,58px)}.hero-path{gap:7px;display:grid}.hero-actions{flex-direction:column}.button{width:100%}.hero-media{aspect-ratio:4/3}.hero-media img{object-position:57% center}.hero-media figcaption{font-size:8px;bottom:13px;left:14px;right:14px}.founder{margin-top:20px}}.dark-section{background:var(--ink);color:#fff;padding:110px clamp(24px,5vw,76px)}.method-head{grid-template-columns:.55fr 1.25fr 1fr;gap:7vw;display:grid}.method-head h2,.work h2,.about h2,.contact h2{letter-spacing:-.055em;margin:0;font-size:clamp(40px,5vw,70px);line-height:1}.method-head>p:last-child{color:#acb2ac;margin:3px 0;line-height:1.75}.steps{border-top:1px solid #3b423c;grid-template-columns:repeat(5,1fr);margin-top:80px;display:grid}.steps article{border-right:1px solid #3b423c;min-height:210px;padding:27px 24px 0}.steps article:last-child{border:0}.steps span,.case-top,.case-kind{letter-spacing:.08em;font:10px IBM Plex Mono,monospace}.steps span{color:var(--lime)}.steps h3{margin:48px 0 12px;font-size:21px}.steps p{color:#aeb5ae;font-size:12px;line-height:1.65}.work{padding:115px clamp(24px,5vw,76px)}.work-head{grid-template-columns:1.6fr 1fr;align-items:end;gap:10vw;margin-bottom:60px;display:grid}.work-head>p{color:var(--muted);line-height:1.7}.work-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.case{background:#e8e2d7;flex-direction:column;min-height:470px;padding:22px;transition:transform .35s,box-shadow .35s;display:flex}.case:hover{transform:translateY(-6px);box-shadow:0 18px 44px #1014111c}.case-2{background:#e2e6dd}.case-3{background:#ebe5d5}.case-4{background:#dfe5dc}.case-top{justify-content:space-between;display:flex}.case-top i{font-style:normal}.case-graphic{background:#d8d4ca;min-height:270px;margin:24px 0;position:relative;overflow:hidden}.case-photo{object-fit:fill;width:200%;max-width:none;height:200%;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .7s;position:absolute}.case-photo-1{top:0;left:0}.case-photo-2{top:0;right:0}.case-photo-3{bottom:0;left:0}.case-photo-4{bottom:0;right:0}.case:hover .case-photo{filter:saturate(1.06);transform:scale(1.045)}.photo-shade{background:linear-gradient(#0000,#1218138f);position:absolute;inset:55% 0 0}.visual-caption{letter-spacing:.1em;color:#fff;text-shadow:0 1px 8px #0006;font:9px IBM Plex Mono,monospace;position:absolute;bottom:14px;left:18px}.case-kind{color:var(--muted)}.case h3{letter-spacing:-.03em;max-width:500px;margin:10px 0;font-size:26px;line-height:1.2}.about{background:#dddcd4;grid-template-columns:.8fr 1.4fr;gap:11vw;padding:120px clamp(24px,8vw,130px);display:grid}.about-number{letter-spacing:-.1em;font-size:clamp(100px,14vw,190px);font-weight:600;line-height:.8}.about-number span{color:#86b526}.about-number small{letter-spacing:.06em;margin:30px 0 0 12px;font:11px/1.5 IBM Plex Mono,monospace;display:block}.about-copy h2{margin:24px 0 34px}.about-copy>p{color:#525951;font-size:16px;line-height:1.8}.skills{flex-wrap:wrap;gap:8px;margin-top:34px;display:flex}.skills span{border:1px solid #a5aaa2;padding:9px 12px;font:10px IBM Plex Mono,monospace}.contact{text-align:center;background:var(--lime);padding:120px 24px}.contact h2{margin:18px 0 24px;font-size:clamp(64px,9vw,130px)}.contact>p{max-width:630px;margin:0 auto 35px;line-height:1.7}.contact-button{background:var(--ink);color:#fff;width:max-content;margin:auto}.contact>small{margin-top:26px;font:10px IBM Plex Mono,monospace;display:block}footer{grid-template-columns:1fr 1fr 1fr;align-items:end;padding:50px clamp(24px,5vw,76px);display:grid}footer p{color:var(--muted);margin:0;font-size:11px;line-height:1.6}footer>div{justify-content:flex-end;gap:23px;font-size:12px;font-weight:700;display:flex}@media (width<=900px){.method-head,.work-head,.about,.steps{grid-template-columns:1fr}.steps article{border-bottom:1px solid #3b423c;border-right:0;min-height:auto;padding-bottom:30px}.steps h3{margin-top:25px}.work-grid{grid-template-columns:1fr}.about-number{font-size:120px}footer{grid-template-columns:1fr;gap:25px}footer>div{justify-content:flex-start}}@media (width<=520px){.work,.dark-section,.about{padding-top:80px;padding-bottom:80px}.case{min-height:380px}.contact h2{font-size:64px}footer>div{flex-wrap:wrap}}.reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.75,.25,1);transform:translateY(30px)}.reveal.is-visible{opacity:1;transform:none}.service.reveal:nth-child(2),.steps article.reveal:nth-child(2),.case.reveal:nth-child(2){transition-delay:80ms}.service.reveal:nth-child(3),.steps article.reveal:nth-child(3),.case.reveal:nth-child(3){transition-delay:.16s}.steps article.reveal:nth-child(4),.case.reveal:nth-child(4){transition-delay:.24s}.steps article.reveal:nth-child(5){transition-delay:.32s}.hero-media{align-self:center;height:clamp(360px,47vh,440px);transform:translateY(-4.1vh)}@media (width>=1601px){.hero-media{transform:translateY(-4.1vh)}}@media (width<=900px){.hero-media{height:auto;transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}.case,.case-photo,.hero-media img{transition:none}.case:hover,.hero-media:hover img{transform:none}}@media (width>=901px){.hero-copy{align-self:start;margin-top:clamp(14px,2.2vh,22px);transform:none}.hero h1{margin:clamp(12px,1.6vh,17px) 0;font-size:clamp(48px,4.75vw,74px)}.lede{font-size:clamp(15px,1.08vw,18px);line-height:1.48}.hero-path{margin-top:clamp(10px,1.4vh,14px)}.hero-actions{margin:clamp(14px,1.8vh,18px) 0}.founder{margin-top:clamp(10px,1.4vh,14px)}.hero-media{align-self:start;height:clamp(390px,52vh,450px);margin-top:clamp(10px,1.6vh,16px);transform:none}}@media (width>=901px) and (width<=1600px){.hero-media{height:clamp(430px,54vh,480px)}}.nav{z-index:10;-webkit-backdrop-filter:blur(14px);background:#f4f0e7eb;height:72px;position:sticky;top:0}.hero{height:calc(100svh - 72px)}#services,#method,#work,#about,#contact{scroll-margin-top:72px}.section{padding-top:clamp(64px,7vw,86px);padding-bottom:44px}.intro h2,.method-head h2,.work h2,.about h2{font-size:clamp(36px,3.6vw,58px)}.work{padding-top:clamp(68px,7vw,92px);padding-bottom:clamp(84px,8vw,112px)}.work-head{align-items:start;margin-bottom:44px}.work-head h2{margin-top:14px}.case-photo{background-size:200%}.case-photo-1{background-position:0 0}.case-photo-2{background-position:100% 0}.case-photo-3{background-position:0 100%}.case-photo-4{background-position:100% 100%}.case-graphic:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(115deg,#0000 43%,#fff3 50%,#0000 57%);transition:transform 1s cubic-bezier(.2,.75,.2,1);position:absolute;inset:-45% -80%;transform:translate(-45%)}.case:hover .case-graphic:after{transform:translate(45%)}.service a{transition:transform .25s;display:inline-block}.service:hover a{transform:translate(5px)}.reveal{opacity:0;filter:blur(5px);transition:opacity .9s,filter .9s,transform .9s cubic-bezier(.18,.75,.22,1);transform:translateY(42px)scale(.988)}.reveal.is-visible{opacity:1;filter:none;transform:none}@keyframes hero-enter{0%{opacity:0;transform:scale(1.045)}to{opacity:1;transform:scale(1)}}.hero-media img{animation:1.25s cubic-bezier(.2,.8,.2,1) both hero-enter}@supports (animation-timeline:view()){.case-graphic{animation:linear both visual-unfold;animation-timeline:view();animation-range:entry 5% cover 38%}@keyframes visual-unfold{0%{clip-path:inset(8% 4%);transform:translateY(22px)scale(.975)}to{clip-path:inset(0);transform:none}}}@media (width<=900px){.nav{height:64px}.hero{height:auto}.section{padding-top:64px}.work{padding-top:70px}.work-head{margin-bottom:36px}#top,#services,#method,#work,#about,#contact{scroll-margin-top:64px}.nav-toggle{border:1px solid var(--line);cursor:pointer;background:0 0;place-content:center;gap:7px;width:44px;height:44px;padding:0;display:grid}.nav-toggle span{background:var(--ink);width:18px;height:1px;display:block}.nav-links.is-open{border-bottom:1px solid var(--line);background:#f4f0e7fa;gap:0;padding:18px 24px 24px;display:grid;position:absolute;top:64px;left:0;right:0;box-shadow:0 18px 35px #121b141f}.nav-links.is-open a{border-bottom:1px solid var(--line);padding:13px 0;font-size:16px}.nav-links.is-open .nav-mobile-cta{background:var(--ink);color:#fff;text-align:center;border:0;margin-top:14px;padding:14px 16px;font-weight:700;display:block}.brand{font-size:15px}.brand span{width:32px;height:32px}}@media (prefers-reduced-motion:reduce){.hero-media img{animation:none}.case-graphic{animation:none!important}.case-graphic:after{display:none}.reveal{filter:none}}@media (width>=901px){html{scroll-snap-type:y proximity}#top,#services,#method,#work,#about,#contact{scroll-snap-align:start;scroll-margin-top:72px}.services-page,.dark-section,.work,.about{height:calc(100svh - 72px);min-height:650px;overflow:hidden}.services-page{flex-direction:column;display:flex}.services-page .section{flex:none;grid-template-columns:.52fr 1.35fr 1fr;gap:clamp(34px,5vw,80px);padding:clamp(32px,4.5vh,48px) clamp(24px,5vw,76px) clamp(22px,3vh,30px)}.services-page .intro h2{font-size:clamp(35px,3.25vw,52px)}.services-page .intro-copy p{margin-bottom:10px;font-size:clamp(13px,1vw,16px);line-height:1.58}.services-page .service-grid{flex:1;min-height:0;padding:0 clamp(24px,5vw,76px) clamp(28px,4vh,42px)}.services-page .service{min-height:0;padding:clamp(18px,2.5vh,26px) clamp(22px,2.5vw,34px)}.services-page .service h3{margin:clamp(22px,4vh,38px) 0 12px;font-size:clamp(20px,1.65vw,25px)}.services-page .service p{min-height:0;margin-bottom:clamp(18px,3vh,30px);font-size:clamp(12px,.9vw,14px);line-height:1.58}.dark-section{flex-direction:column;padding:clamp(38px,5vh,56px) clamp(24px,5vw,76px);display:flex}.method-head{grid-template-columns:.52fr 1.25fr 1fr;gap:clamp(34px,6vw,92px)}.method-head h2{font-size:clamp(36px,3.5vw,56px)}.method-head>p:last-child{font-size:clamp(13px,1vw,16px);line-height:1.6}.steps{flex:1;min-height:0;margin-top:clamp(30px,5vh,48px)}.steps article{min-height:0;padding:clamp(18px,2.5vh,26px) clamp(14px,1.5vw,24px) 0}.steps h3{margin:clamp(22px,4vh,38px) 0 10px;font-size:clamp(17px,1.4vw,21px)}.work{flex-direction:column;padding:clamp(30px,4.5vh,46px) clamp(24px,4vw,64px);display:flex}.work-head{flex:none;grid-template-columns:1.45fr 1fr;margin-bottom:clamp(18px,2.6vh,26px)}.work-head h2{margin-top:8px;font-size:clamp(36px,3.5vw,56px)}.work-head>p{margin:4px 0;font-size:clamp(13px,1vw,16px);line-height:1.55}.work-grid{flex:1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,1fr);gap:12px;min-height:0}.case{min-height:0;padding:clamp(12px,1.5vh,17px)}.case-top{font-size:9px}.case-graphic{flex:1;min-height:82px;margin:clamp(9px,1.4vh,14px) 0 10px}.case-kind{margin:0;font-size:9px}.case h3{max-width:620px;margin:6px 0 0;font-size:clamp(16px,1.35vw,21px);line-height:1.14}.visual-caption{font-size:8px;bottom:9px;left:12px}.about{align-items:center;padding:clamp(44px,6vh,68px) clamp(24px,7vw,112px)}.about-number{font-size:clamp(100px,12vw,170px)}.about-copy h2{margin:18px 0 24px;font-size:clamp(36px,3.5vw,56px)}.about-copy>p{font-size:clamp(13px,1vw,16px);line-height:1.65}.skills{margin-top:22px}}@media (width<=520px){.hero-media{aspect-ratio:3/2}.hero-media img{object-position:center}}@media (width>=901px){.work-grid{grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.case{height:100%}.case-graphic{aspect-ratio:1;flex:none;width:100%;height:auto;min-height:0}.case-photo{background-size:200% 200%}.case-photo-1{background-position:0 0}.case-photo-2{background-position:100% 0}.case-photo-3{background-position:0 100%}.case-photo-4{background-position:100% 100%}.case h3{font-size:clamp(15px,1.15vw,19px)}.nav{height:62px}.brand{gap:10px;font-size:15px}.brand span{width:30px;height:30px;font-size:11px}.nav-links{gap:30px;font-size:13px}.nav-cta{padding:10px 16px;font-size:12px}.hero{height:calc(100svh - 62px)}#top,#services,#method,#work,#about,#contact{scroll-margin-top:62px}.services-page,.dark-section,.work,.about{height:calc(100svh - 62px)}.about{align-items:start;padding-top:clamp(38px,4.8vh,48px);padding-bottom:clamp(34px,4vh,44px)}.about-copy{align-self:start}.about-copy h2{margin-top:14px;margin-bottom:20px}.about-copy>p{margin-top:0;margin-bottom:12px}.about-number{align-self:start;margin-top:clamp(28px,5vh,46px)}.about{grid-template-columns:.58fr 1.55fr;gap:clamp(44px,6vw,96px);padding-left:clamp(24px,4vw,64px);padding-right:clamp(32px,6vw,96px)}.about-number{letter-spacing:-.085em;margin-top:clamp(18px,3vh,28px);font-size:clamp(92px,9.5vw,136px)}.about-number small{letter-spacing:.04em;margin-top:22px;margin-left:8px}.about-copy h2{font-size:clamp(34px,3.1vw,49px);line-height:1.02}.about-copy>p{font-size:clamp(12px,.92vw,15px);line-height:1.55}.skills{gap:7px;margin-top:18px}.skills span{padding:8px 10px;font-size:9px}}@media (width<=900px){.hero-media{aspect-ratio:3/2}.hero-media img{object-position:center}}
