@font-face{font-family:Inter;src:url('/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:74px;-webkit-text-size-adjust:100%;background:#fff}
body{background:#fff;color:#070707;font-family:Inter,'Helvetica Neue',Arial,sans-serif;font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}
button,a{color:inherit;font:inherit}button{border:0}img{display:block;max-width:100%}h1,h2,h3{text-wrap:balance}
.site{--green:#33e800;--ink:#070707;--paper:#fff;--line:#d7d7d7;min-height:100vh;background:var(--paper);color:var(--ink);font-family:Inter,'Helvetica Neue',Arial,sans-serif;overflow:clip}
.progress{position:fixed;z-index:150;top:0;left:0;width:100%;height:4px;background:var(--green);transform-origin:left center;pointer-events:none}
.header{position:fixed;z-index:100;top:0;left:0;right:0;height:74px;display:flex;align-items:center;gap:2rem;padding:0 clamp(1.2rem,4vw,4rem);background:rgba(255,255,255,.88);border-bottom:1px solid rgba(0,0,0,.13);backdrop-filter:blur(16px)}
.logo{display:inline-flex}.logo img{width:clamp(160px,15vw,225px);height:auto}.header nav{margin-left:auto;display:flex;align-items:center;gap:clamp(1rem,2.6vw,2.8rem)}.header nav a{font-size:.7rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}.headerCta{background:var(--green);padding:.75rem 1rem}
.hero{--mx:50%;--my:50%;height:100svh;min-height:720px;position:relative;display:grid;grid-template-rows:auto 1fr auto;padding:calc(74px + 2rem) clamp(1.2rem,4vw,4rem) 2rem;color:#fff;background:#000;isolation:isolate}
.heroImage,.heroShade,.heroLight{position:absolute;inset:0;width:100%;height:100%}.heroImage{object-fit:cover;object-position:center;z-index:-4;filter:saturate(.82) contrast(1.08);animation:heroIn 1.4s cubic-bezier(.16,1,.3,1) both}.heroShade{z-index:-3;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.12) 62%),linear-gradient(0deg,rgba(0,0,0,.86),transparent 55%)}.heroLight{z-index:-2;background:radial-gradient(500px circle at var(--mx) var(--my),rgba(51,232,0,.16),transparent 60%);mix-blend-mode:screen}.heroMeta{display:flex;justify-content:space-between;text-transform:uppercase;font-size:.7rem;font-weight:700;letter-spacing:.08em}.heroMeta span:first-child{color:var(--green)}.heroCopy{align-self:center;max-width:1150px}.heroCopy p{font-size:clamp(.78rem,1.2vw,1rem);font-weight:750;letter-spacing:.08em;margin-bottom:1.2rem}.hero h1{font-size:clamp(5.1rem,12.6vw,13.3rem);line-height:.72;letter-spacing:-.085em;font-weight:900;max-width:6.8ch;animation:headlineIn 1.1s .15s cubic-bezier(.16,1,.3,1) both}.heroDown{display:flex;align-items:end;justify-content:space-between;width:min(430px,100%);padding-top:1rem;border-top:1px solid rgba(255,255,255,.7);text-decoration:none;font-size:.68rem;letter-spacing:.1em;font-weight:650}.heroDown b{display:grid;place-items:center;width:54px;height:54px;background:var(--green);color:#000;font-size:1.8rem}.heroTicker{position:absolute;right:-1rem;bottom:2rem;display:flex;align-items:center;gap:1rem;transform:rotate(-90deg) translateX(100%);transform-origin:right bottom;font-size:.56rem;letter-spacing:.13em}.heroTicker i{color:var(--green);font-style:normal}
.sectionLabel{display:flex;gap:1.2rem;font-size:.67rem;line-height:1;text-transform:uppercase;letter-spacing:.12em;font-weight:650}.sectionLabel span:first-child{color:var(--green)}
.entrySection{min-height:100svh;padding:clamp(6rem,9vw,9rem) clamp(1.2rem,4vw,4rem);background:#fff}.entryHeading{display:grid;grid-template-columns:1.2fr .65fr;align-items:end;gap:4rem;margin:3rem 0 4rem}.entryHeading h2{font-size:clamp(4rem,9vw,9.2rem);line-height:.78;letter-spacing:-.08em;font-weight:900}.entryHeading p{max-width:42ch;font-size:1.05rem}.entryGrid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.entryCard{position:relative;min-height:560px;overflow:hidden;border:1px solid #bbb;background:#0a0a0a;color:#fff;text-align:left;padding:2rem;display:flex;flex-direction:column;cursor:pointer;isolation:isolate;transition:transform .5s cubic-bezier(.16,1,.3,1),color .3s}.entryCard>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.45);transition:filter .5s,transform .8s cubic-bezier(.16,1,.3,1)}.entryCard:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.88),transparent 70%)}.entryCard:hover{transform:translateY(-8px)}.entryCard:hover>img,.entryActive>img{filter:grayscale(0) brightness(.58);transform:scale(1.025)}.entryActive{outline:5px solid var(--green);outline-offset:-5px}.entryIndex{margin-left:auto;font-size:.65rem;letter-spacing:.1em}.entryCard>div{margin-top:auto;max-width:90%}.entryCard h3{font-size:clamp(2.2rem,4.5vw,4.9rem);line-height:.84;letter-spacing:-.065em;margin-bottom:1rem}.entryCard p{max-width:44ch;font-size:.9rem}.entryCard>b{margin-top:2rem;color:var(--green);font-size:.65rem;letter-spacing:.12em}
.logicSection{background:#f8f8f6}.logicIntro{padding:clamp(6rem,9vw,9rem) clamp(1.2rem,4vw,4rem);display:grid;grid-template-columns:1.3fr .7fr;gap:4rem;align-items:end}.logicIntro .sectionLabel{grid-column:1/-1}.logicIntro h2{font-size:clamp(4rem,8.5vw,9rem);line-height:.78;letter-spacing:-.075em}.logicIntro>p{font-size:1.1rem;max-width:38ch}.logicExperience{display:grid;grid-template-columns:1.15fr .85fr;gap:0;padding:0 clamp(1.2rem,4vw,4rem) 15vh}.logicVisual{position:sticky;top:calc(74px + 4vh);height:calc(100svh - 10vh - 74px);background:#050505;overflow:hidden}.logicVisual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;filter:grayscale(1) brightness(.5);transform:scale(1.08);transition:opacity .65s,transform 1.1s,filter .65s}.logicVisual>.logicImageActive{opacity:1;transform:scale(1);filter:grayscale(.2) brightness(.54)}.logicLetter{position:absolute;left:4%;bottom:-10%;font-size:clamp(15rem,29vw,33rem);line-height:.75;font-weight:900;color:#f6f4eb;letter-spacing:-.16em}.logicRoute{position:absolute;right:2rem;top:2rem;display:flex;gap:.55rem;align-items:center;font-size:.7rem;font-weight:850}.logicRoute i{color:var(--green);font-style:normal}.logicSteps{padding-left:clamp(2rem,5vw,6rem)}.logicSteps article{min-height:75svh;display:grid;align-content:center;grid-template-columns:3rem 1fr;gap:1rem;border-top:1px solid #999;opacity:.25;transition:opacity .5s}.logicSteps article>span{color:var(--green);font-size:.72rem;font-weight:800}.logicSteps h3{font-size:clamp(2.3rem,4.5vw,5.2rem);line-height:.9;letter-spacing:-.055em}.logicSteps p{grid-column:2;max-width:35ch;font-size:1rem}.logicSteps>.logicStepActive{opacity:1}
.ecosystemSection{min-height:100svh;background:#050505;color:#fff;padding:clamp(5rem,8vw,8rem) clamp(1.2rem,4vw,4rem)}.ecoTop{display:flex;justify-content:space-between;font-size:.67rem;text-transform:uppercase;letter-spacing:.1em}.ecoTop span{color:var(--green)}.ecoStage{position:relative;height:min(72vw,760px);margin-top:2rem;border:1px solid #333;overflow:hidden;background:radial-gradient(circle at center,rgba(51,232,0,.1),transparent 32%)}.ecoStage:before,.ecoStage:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #292929;border-radius:50%}.ecoStage:before{width:58%;aspect-ratio:1}.ecoStage:after{width:82%;aspect-ratio:1}.ecoChip{position:absolute;left:var(--x);top:var(--y);z-index:2;padding:.7rem 1rem;border:1px solid #777;background:#050505;font-size:.7rem;letter-spacing:.12em;transition:background .3s,color .3s,transform .3s}.ecoChip:hover{background:var(--green);color:#000;transform:scale(1.08)}.oneLead{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%);text-align:center}.oneLead small{color:var(--green);font-size:.65rem;letter-spacing:.12em}.oneLead strong{display:block;font-size:clamp(7rem,17vw,18rem);line-height:.63;letter-spacing:-.1em;margin:.3em 0 .18em}.oneLead p{max-width:32ch;margin:auto;color:#bbb}
.workSection{padding:clamp(6rem,9vw,9rem) 0;background:#fff}.workHead{display:grid;grid-template-columns:1.25fr .75fr;gap:3rem;align-items:end;padding:0 clamp(1.2rem,4vw,4rem)}.workHead .sectionLabel{grid-column:1/-1}.workHead h2{font-size:clamp(4rem,8.5vw,9rem);line-height:.78;letter-spacing:-.075em}.workHead>p{font-size:1rem;max-width:38ch}.caseRail{display:flex;gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:5rem clamp(1.2rem,4vw,4rem) 2rem;scrollbar-width:thin}.caseCard{flex:0 0 min(72vw,820px);scroll-snap-align:center;border:0;background:transparent;text-align:left;cursor:pointer;color:inherit;padding:0}.caseCardLead{flex-basis:min(82vw,1020px)}.caseImage{position:relative;height:min(55vw,590px);overflow:hidden;background:#ddd}.caseImage img{width:100%;height:100%;object-fit:cover;filter:grayscale(.72);transition:filter .45s,transform .8s cubic-bezier(.16,1,.3,1)}.caseImage>span{position:absolute;right:1rem;top:1rem;display:grid;place-items:center;width:42px;height:42px;background:var(--green);font-weight:850}.caseCard:hover img{filter:grayscale(0);transform:scale(1.025)}.caseCopy{display:grid;grid-template-columns:1fr 1fr;gap:.6rem 2rem;padding-top:1rem;border-top:1px solid;margin-top:1rem}.caseCopy small{grid-column:1/-1;font-size:.63rem;letter-spacing:.12em}.caseCopy h3{font-size:clamp(2.3rem,4.2vw,4.6rem);line-height:.83;letter-spacing:-.06em}.caseCopy h3 span{display:block}.caseCopy p{align-self:start;max-width:38ch;font-size:.9rem}.caseCopy>b{grid-column:2;font-size:.65rem;color:#555;letter-spacing:.08em}
.formatsSection{padding:clamp(6rem,9vw,9rem) 0;background:#f2f2ef}.formatsIntro{display:grid;grid-template-columns:1.25fr .75fr;gap:3rem;align-items:end;padding:0 clamp(1.2rem,4vw,4rem)}.formatsIntro .sectionLabel{grid-column:1/-1}.formatsIntro h2{font-size:clamp(4rem,8.4vw,9rem);line-height:.78;letter-spacing:-.075em}.formatsIntro>p{font-size:1.05rem;max-width:40ch}.formatJourney{margin-top:5rem;display:flex;align-items:center;gap:1.1rem;overflow:hidden;white-space:nowrap;background:var(--green);padding:1rem clamp(1.2rem,4vw,4rem);font-size:.66rem;font-weight:800;letter-spacing:.1em}.formatJourney i{font-style:normal}.formatRail{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:4rem clamp(1.2rem,4vw,4rem) 1rem}.formatRail article{flex:0 0 clamp(220px,25vw,390px);scroll-snap-align:start}.formatOffset{margin-top:5rem}.formatRail img{width:100%;aspect-ratio:1;object-fit:cover;filter:grayscale(1);transition:filter .35s,transform .55s}.formatRail article:hover img{filter:grayscale(0);transform:translateY(-8px)}.formatRail span{display:block;margin-top:.85rem;font-size:.58rem;letter-spacing:.12em}.formatRail h3{font-size:1.05rem;margin-top:.35rem}
.audienceSection{display:grid;grid-template-columns:1fr 1fr;min-height:100svh;background:#fff}.audienceImage{min-height:760px;overflow:hidden}.audienceImage img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .8s,transform 1s}.audienceSection:hover .audienceImage img{filter:grayscale(.15);transform:scale(1.015)}.audienceCopy{padding:clamp(5rem,7vw,7rem) clamp(1.5rem,6vw,7rem);display:flex;flex-direction:column;justify-content:center}.audienceCopy>span{font-size:.67rem;letter-spacing:.12em}.audienceCopy h2{font-size:clamp(3.5rem,6.3vw,7rem);line-height:.79;letter-spacing:-.075em;margin:3rem 0 2.5rem}.audienceCopy>p{max-width:48ch}.stats{display:grid;grid-template-columns:1fr 1fr;gap:2rem;border-top:1px solid;margin-top:3rem;padding-top:1.5rem}.stats>div{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:1rem}.stats b{font-size:clamp(2.6rem,4.5vw,5rem);line-height:.8;letter-spacing:-.06em}.stats small{font-size:.68rem}.source{margin-top:2rem;color:#777;font-size:.55rem}
.peopleSection{padding:clamp(6rem,9vw,9rem) clamp(1.2rem,4vw,4rem);background:#050505;color:#fff}.peopleTitle>span{color:var(--green);font-size:.67rem;letter-spacing:.12em}.peopleTitle h2{font-size:clamp(4rem,8.5vw,9rem);line-height:.78;letter-spacing:-.075em;margin:2.5rem 0 5rem}.personGrid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.personGrid article{display:grid;grid-template-columns:1.15fr .85fr;gap:1.3rem;align-items:end}.personGrid img{width:100%;aspect-ratio:1;object-fit:cover;filter:grayscale(1);transition:filter .45s}.personGrid article:hover img{filter:grayscale(0)}.personGrid h3{font-size:clamp(1.2rem,2vw,2rem);line-height:1}.personGrid p{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;margin-top:.7rem;color:#aaa}.peopleCopy{width:min(850px,70%);margin:5rem 0 0 auto;border-top:1px solid #777;padding-top:1.3rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.peopleCopy p{font-size:.9rem;color:#bbb}.peopleCopy strong{grid-column:1/-1;color:var(--green);font-size:.72rem;letter-spacing:.1em}
.contactSection{min-height:100svh;padding:clamp(6rem,9vw,9rem) clamp(1.2rem,4vw,4rem);display:grid;grid-template-rows:auto 1fr auto;background:#fff}.contactSection>span{font-size:.67rem;letter-spacing:.12em}.contactSection h2{align-self:center;font-size:clamp(5rem,12.8vw,14rem);line-height:.74;letter-spacing:-.085em}.contactSection>div{display:flex;justify-content:space-between;align-items:end;gap:2rem}.contactSection p{max-width:48ch}.contactSection a{display:flex;align-items:center;justify-content:space-between;gap:4rem;background:var(--green);min-width:min(400px,100%);padding:1.1rem 1.25rem;text-decoration:none;font-size:.75rem;font-weight:800;letter-spacing:.08em}.contactSection a b{font-size:1.5rem}.footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:2rem;padding:2rem clamp(1.2rem,4vw,4rem);border-top:1px solid;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase}.footer img{width:170px}.footer a{text-decoration:none}
.caseModal{position:fixed;z-index:200;inset:0;background:#050505;color:#fff;display:grid;grid-template-columns:.7fr 1.3fr;gap:3rem;padding:clamp(4rem,7vw,7rem) clamp(1.2rem,4vw,4rem);overflow-y:auto;animation:modalIn .45s cubic-bezier(.16,1,.3,1)}.modalClose{position:fixed;z-index:3;right:2rem;top:2rem;border:0;background:var(--green);padding:.9rem 1rem;font-size:.66rem;font-weight:800;cursor:pointer}.modalCopy{align-self:center}.modalCopy>span{color:var(--green);font-size:.65rem;letter-spacing:.12em}.modalCopy h2{font-size:clamp(4rem,7vw,8rem);line-height:.78;letter-spacing:-.075em;margin:2rem 0}.modalCopy h2 span{display:block}.modalCopy p{font-size:1rem;max-width:40ch;color:#bbb}.modalCopy strong{display:block;max-width:38ch;border-top:1px solid #777;padding-top:1.2rem;margin-top:3rem}.modalGallery{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-content:start}.modalGallery img{width:100%;aspect-ratio:1.2;object-fit:cover}.modalHero{grid-column:1/-1!important;aspect-ratio:1.55!important}

/* Keep the display type bold while giving every character enough room to read. */
.hero h1{font-size:clamp(5.1rem,12.1vw,12.8rem);line-height:.79;letter-spacing:-.045em;max-width:7.4ch}
.entryHeading h2{font-size:clamp(4rem,8.6vw,8.9rem);line-height:.84;letter-spacing:-.045em}
.entryCard h3{font-size:clamp(2.2rem,4.35vw,4.7rem);line-height:.9;letter-spacing:-.035em}
.logicIntro h2,.workHead h2,.formatsIntro h2,.peopleTitle h2{font-size:clamp(4rem,8.1vw,8.6rem);line-height:.84;letter-spacing:-.04em}
.logicSteps h3{font-size:clamp(2.3rem,4.35vw,5rem);line-height:.94;letter-spacing:-.03em}
.logicLetter{bottom:2%;letter-spacing:-.08em}
.oneLead strong{font-size:clamp(7rem,16vw,17rem);line-height:.72;letter-spacing:-.045em;margin:.26em 0 .18em}
.caseCopy h3{font-size:clamp(2.3rem,4vw,4.4rem);line-height:.9;letter-spacing:-.03em}
.contactSection h2{font-size:clamp(5rem,12.2vw,13.2rem);line-height:.8;letter-spacing:-.045em}
.modalCopy h2{font-size:clamp(4rem,6.7vw,7.6rem);line-height:.84;letter-spacing:-.04em}
@keyframes heroIn{from{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}
@keyframes headlineIn{from{opacity:0;transform:translateY(90px)}to{opacity:1;transform:translateY(0)}}
@keyframes modalIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.header nav a:not(.headerCta){display:none}.hero{min-height:680px}.heroTicker{display:none}.entryHeading,.logicIntro,.workHead,.formatsIntro{grid-template-columns:1fr}.entryHeading .sectionLabel,.logicIntro .sectionLabel,.workHead .sectionLabel,.formatsIntro .sectionLabel{grid-column:1}.entryGrid{grid-template-columns:1fr}.entryCard{min-height:520px}.logicExperience{grid-template-columns:1fr}.logicVisual{position:relative;top:0;height:72svh}.logicSteps{padding-left:0}.logicSteps article{min-height:58svh}.ecoStage{height:85svh}.oneLead strong{font-size:22vw}.caseCard,.caseCardLead{flex-basis:88vw}.audienceSection{grid-template-columns:1fr}.audienceImage{min-height:72svh}.personGrid{grid-template-columns:1fr}.peopleCopy{width:100%}.caseModal{grid-template-columns:1fr}.modalCopy{padding-top:2rem}}
@media(max-width:560px){.header{height:66px}.logo img{width:150px}.headerCta{font-size:0!important;padding:.6rem}.headerCta:after{content:'↗';font-size:1.2rem}.hero{padding:calc(66px + 1.5rem) 1.2rem 1.2rem;min-height:640px}.heroMeta span:last-child{display:none}.hero h1{font-size:11.5vw;line-height:.8;max-width:none}.heroDown{width:100%}.entrySection,.logicIntro,.ecosystemSection,.peopleSection,.contactSection{padding-left:1.2rem;padding-right:1.2rem}.entryHeading{gap:1.5rem;margin:2rem 0 3rem}.entryHeading h2,.logicIntro h2,.workHead h2,.formatsIntro h2,.peopleTitle h2{font-size:16vw}.entryCard{min-height:470px;padding:1.2rem}.entryCard>div{max-width:100%}.entryCard h3{font-size:11vw}.logicExperience{padding:0 1.2rem 10vh}.logicVisual{height:62svh}.logicSteps article{min-height:55svh;grid-template-columns:2rem 1fr}.ecoTop{display:block}.ecoTop p{margin-top:.6rem}.ecoStage{height:72svh}.ecoStage:before{width:95%}.ecoStage:after{display:none}.ecoChip{font-size:.55rem;padding:.55rem}.oneLead strong{font-size:29vw}.workHead,.formatsIntro{padding:0 1.2rem;gap:1.5rem}.caseRail,.formatRail{padding-left:1.2rem;padding-right:1.2rem}.caseCard,.caseCardLead{flex-basis:90vw}.caseImage{height:68vw}.caseCopy{grid-template-columns:1fr}.caseCopy>b{grid-column:1}.formatJourney{overflow-x:auto}.formatOffset{margin-top:2.5rem}.audienceCopy{padding:4.5rem 1.2rem}.stats{grid-template-columns:1fr}.personGrid article{grid-template-columns:1fr 1fr}.peopleCopy{grid-template-columns:1fr}.peopleCopy strong{grid-column:1}.contactSection h2{font-size:20vw}.contactSection>div{display:block}.contactSection a{margin-top:2rem;min-width:0}.footer{grid-template-columns:1fr;gap:1rem}.caseModal{padding:4.5rem 1.2rem}.modalClose{right:1rem;top:1rem}.modalGallery{grid-template-columns:1fr}.modalHero{grid-column:1!important}.modalCopy h2{font-size:16vw}}
@media(max-width:560px){.hero h1{font-size:10.8vw;line-height:.84}.entryHeading h2,.logicIntro h2,.workHead h2,.formatsIntro h2,.peopleTitle h2{font-size:14.5vw}.entryCard h3{font-size:10.2vw}.ecoChip{font-size:.5rem;padding:.48rem}.oneLead strong{font-size:25vw}.contactSection h2{font-size:17.5vw}.modalCopy h2{font-size:14.5vw}}
@media(prefers-reduced-motion:reduce){.site{scroll-behavior:auto}.heroImage,.hero h1{animation:none}.entryCard,.entryCard>img,.logicVisual>img,.logicSteps article,.caseImage img,.formatRail img,.audienceImage img,.personGrid img{transition:none!important}}