@import "https://fonts.googleapis.com/css2?family=DM+Mono&family=Syne:wght@500;600;700;800&display=swap";
:root{--ink:#101010;--paper:#f3f2ee;--muted:#74736f;--line:#1010102e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Syne,Arial,sans-serif}a{color:inherit;text-decoration:none}.header{z-index:2;background:#fff;justify-content:space-between;align-items:center;height:88px;padding:0 4vw;display:flex;position:relative}.header-dark{color:#fff;background:0 0}.brand img{width:176px;display:block}nav{text-transform:uppercase;letter-spacing:.08em;gap:clamp(18px,3vw,52px);font-family:DM Mono,monospace;font-size:11px;display:flex}.hero{isolation:isolate;color:#fff;align-items:flex-end;min-height:calc(100svh - 88px);padding:7vw 4vw;display:flex;position:relative;overflow:hidden}.hero-media,.hero-shade{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.hero-shade{z-index:-1;background:linear-gradient(90deg,#00000075,#00000008 70%),linear-gradient(#0000 45%,#0000008c)}.hero-content h1{letter-spacing:-.075em;max-width:1100px;margin:0;font-size:clamp(48px,8.2vw,142px);font-weight:800;line-height:.83}.hero-content h1 span{display:block}.hero-content em{letter-spacing:-.08em;font-weight:500}.hero-content strong{font-weight:800}.hero-content p{letter-spacing:.06em;margin:35px 0 0;font-family:DM Mono,monospace;font-size:clamp(11px,1.2vw,15px)}.scroll-cue{text-transform:uppercase;letter-spacing:.08em;font-family:DM Mono,monospace;font-size:11px;position:absolute;bottom:7vw;right:4vw}.scroll-cue span{vertical-align:middle;margin-left:8px;font-size:22px}.intro,.capabilities,.projects,.contact{padding:clamp(85px,13vw,210px) 7vw}.eyebrow{letter-spacing:.08em;margin:0 0 35px;font:11px DM Mono,monospace}.intro h2,.capabilities h2,.projects h2,.contact h2{letter-spacing:-.07em;max-width:1050px;margin:0;font-size:clamp(45px,7vw,116px);line-height:.91}.intro-copy{max-width:610px;margin:80px 0 0 auto;font-family:DM Mono,monospace;font-size:clamp(15px,1.5vw,20px);line-height:1.65}.intro-copy p+p{margin-top:30px}.feature-image{background:#222;height:min(80vw,960px);overflow:hidden}.feature-image img{object-fit:cover;width:100%;height:100%}.capabilities{color:#fff;background:#141414}.capability-grid{border-top:1px solid #ffffff4d;grid-template-columns:repeat(3,1fr);margin-top:90px;display:grid}.capability-grid article{border-right:1px solid #ffffff4d;min-height:260px;padding:25px 28px}.capability-grid article:first-child{border-left:1px solid #ffffff4d}.capability-grid span{font:11px DM Mono,monospace}.capability-grid h3{letter-spacing:-.06em;margin:85px 0 16px;font-size:clamp(24px,3vw,45px)}.capability-grid p{color:#d1d1d1;max-width:250px;font:14px/1.5 DM Mono,monospace}.projects{justify-content:space-between;align-items:end;gap:30px;display:flex}.text-link,.contact-link{white-space:nowrap;border-bottom:1px solid;padding-bottom:8px;font:14px DM Mono,monospace}.text-link span,.contact-link span{margin-left:28px;font-size:22px}.contact{background:#d3ff43;flex-direction:column;justify-content:flex-end;min-height:75vh;display:flex}.contact-link{width:max-content;margin-top:65px;font-size:clamp(14px,2vw,22px)}footer{color:#fff;background:#111;justify-content:space-between;align-items:center;padding:36px 4vw;display:flex}footer img{width:150px}footer p{font:11px DM Mono,monospace}.page-intro{flex-direction:column;justify-content:flex-end;min-height:70vh;padding:clamp(90px,14vw,220px) 7vw 10vw;display:flex}.page-intro h1{letter-spacing:-.1em;margin:0;font-size:clamp(65px,12vw,210px);line-height:.76}.page-intro h1 em{font-weight:500}.page-lede{max-width:430px;margin:70px 0 0 auto;font:clamp(15px,1.4vw,19px)/1.6 DM Mono,monospace}.project-index{background:var(--line);border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.project-card{background:var(--paper);min-height:0;padding:clamp(18px,2vw,34px);position:relative}.project-image-wrap{background:#222;height:clamp(340px,48vw,760px);overflow:hidden}.project-image-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.project-card:hover img{transform:scale(1.035)}.project-card-meta{letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;margin:20px 0;font:11px DM Mono,monospace;display:flex}.project-card h2{letter-spacing:-.075em;margin:0;font-size:clamp(32px,4.5vw,74px);line-height:.9}.project-card p{max-width:360px;font:14px/1.5 DM Mono,monospace}.project-arrow{font-size:26px;position:absolute;bottom:26px;right:clamp(18px,2vw,34px)}.project-hero{color:#fff;isolation:isolate;min-height:100svh;position:relative;overflow:hidden}.project-hero>img,.project-hero-shade{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.project-hero-shade{z-index:-1;background:linear-gradient(#0000 40%,#000000b3)}.project-hero .header{position:relative}.project-hero-title{position:absolute;bottom:8vw;left:7vw}.project-hero-title p{text-transform:uppercase;letter-spacing:.1em;font:12px DM Mono,monospace}.project-hero-title h1{letter-spacing:-.1em;margin:12px 0 0;font-size:clamp(64px,12vw,210px);line-height:.75}.project-statement{color:#fff;background:#151515;padding:clamp(85px,14vw,220px) 7vw}.project-statement h2{letter-spacing:-.08em;max-width:970px;margin:0;font-size:clamp(44px,7vw,118px);line-height:.9}.project-statement>p:last-child{color:#c8c8c8;max-width:430px;margin:75px 0 0 auto;font:15px/1.6 DM Mono,monospace}.project-back{text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;padding:34px 7vw;font:12px DM Mono,monospace;display:flex}@media (max-width:700px){.header{height:70px;padding:0 22px}.brand img{width:132px}nav{gap:14px;font-size:9px}nav a:first-child{display:none}.hero{min-height:calc(100svh - 70px);padding:60px 22px}.hero-content h1{font-size:clamp(47px,14vw,78px)}.hero-content p{max-width:280px;line-height:1.6}.scroll-cue{display:none}.intro,.capabilities,.projects,.contact{padding:85px 22px}.intro-copy{margin-top:52px}.capability-grid{grid-template-columns:1fr;margin-top:55px}.capability-grid article{border-bottom:1px solid #ffffff4d;border-right:0;min-height:0;padding:25px 0 40px;border-left:0!important}.capability-grid h3{margin:45px 0 12px}.projects{flex-direction:column;align-items:flex-start}.contact{min-height:60vh}.contact h2{font-size:clamp(46px,14vw,75px)}footer{padding:26px 22px}.page-intro{min-height:65svh;padding:100px 22px 85px}.page-intro h1{font-size:clamp(62px,19vw,100px)}.page-lede{margin:48px 0 0}.project-index{grid-template-columns:1fr}.project-image-wrap{height:118vw}.project-card h2{font-size:52px}.project-hero-title{bottom:64px;left:22px}.project-hero-title h1{font-size:clamp(64px,19vw,100px)}.project-statement{padding:90px 22px}.project-statement>p:last-child{margin-top:50px}.project-back{flex-direction:column;gap:20px;padding:28px 22px}}.interactive-page{color:#fff;background:#121212;min-height:100vh}.interactive-hero{background:radial-gradient(circle at 78% 65%,#3c3c3c 0,#0000 34%);flex-direction:column;justify-content:flex-end;min-height:80vh;padding:clamp(80px,12vw,180px) 7vw 13vw;display:flex}.interactive-hero h1{letter-spacing:-.1em;margin:0;font-size:clamp(62px,11vw,190px);line-height:.76}.interactive-hero h1 em{font-weight:500}.interactive-hero>p:last-child{max-width:390px;margin:60px 0 0 auto;font:15px/1.65 DM Mono,monospace}.interactive-formats{padding:30px 7vw 12vw}.interactive-formats>div{border-top:1px solid #ffffff52}.interactive-formats article{border-bottom:1px solid #ffffff52;grid-template-columns:10% 45% 1fr;align-items:baseline;gap:20px;padding:32px 0;display:grid}.interactive-formats span,.interactive-formats p{font:12px/1.55 DM Mono,monospace}.interactive-formats h2{letter-spacing:-.07em;margin:0;font-size:clamp(30px,4.2vw,70px);line-height:.9}.interactive-formats p{color:#c5c5c5;max-width:330px;margin:0}.interactive-cta{color:#101010;background:#d3ff43;padding:clamp(85px,14vw,210px) 7vw}.interactive-cta h2{letter-spacing:-.08em;max-width:950px;margin:0;font-size:clamp(46px,7vw,120px);line-height:.9}.interactive-cta a{margin-top:65px;display:inline-block}.contact-page{background:#d3ff43;flex-direction:column;justify-content:flex-end;min-height:calc(100svh - 88px);padding:clamp(90px,14vw,220px) 7vw 9vw;display:flex}.contact-page h1{letter-spacing:-.1em;max-width:1200px;margin:0;font-size:clamp(52px,9.4vw,158px);line-height:.8}.contact-page-lede{max-width:430px;margin:68px 0 0 auto;font:15px/1.65 DM Mono,monospace}.contact-channels{border-top:1px solid #10101052;margin-top:90px}.contact-channels a{border-bottom:1px solid #10101052;grid-template-columns:25% 1fr auto;padding:20px 0;font:clamp(16px,1.8vw,26px) DM Mono,monospace;display:grid}.contact-channels span{text-transform:uppercase;letter-spacing:.08em;font-size:11px}.contact-channels b{font-size:25px;font-weight:400}@media (max-width:700px){.interactive-hero{min-height:75svh;padding:110px 22px 90px}.interactive-hero h1{font-size:clamp(65px,19vw,98px)}.interactive-hero>p:last-child{margin:42px 0 0}.interactive-formats{padding:30px 22px 85px}.interactive-formats article{grid-template-columns:15% 1fr;gap:16px}.interactive-formats p{grid-column:2}.interactive-cta{padding:90px 22px}.contact-page{min-height:calc(100svh - 70px);padding:100px 22px 62px}.contact-page h1{font-size:clamp(50px,14vw,76px)}.contact-page-lede{margin:50px 0 0}.contact-channels{margin-top:65px}.contact-channels a{grid-template-columns:1fr auto;gap:12px;font-size:14px}.contact-channels span{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}