@font-face{font-family:Onest;src:url("./public/fonts/onest-400.ttf") format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Onest;src:url("./public/fonts/onest-600.ttf") format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Onest;src:url("./public/fonts/onest-800.ttf") format("truetype");font-weight:800;font-display:swap}
:root{--paper:#fff;--ink:#101112;--teal:#16786f;--muted:#5e6565;--line:#d7dddd;--pad:clamp(1.25rem,3vw,3.5rem);--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Onest,Arial,sans-serif;font-size:16px;line-height:1.35}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.skip-link{position:fixed;z-index:20;left:1rem;top:-5rem;background:var(--ink);color:#fff;padding:.75rem 1rem}.skip-link:focus{top:1rem}.site-header{position:absolute;z-index:2;top:0;left:0;width:100%;padding:1.55rem var(--pad);display:flex;justify-content:space-between;align-items:center}.wordmark{font-size:.98rem;font-weight:800;letter-spacing:-.04em}.site-nav{display:flex;gap:clamp(1rem,2vw,2.25rem);align-items:center;font-size:.83rem}.nav-action{color:var(--teal);border-bottom:1px solid var(--teal);padding-bottom:.2rem}.section-shell{padding-left:var(--pad);padding-right:var(--pad)}.hero{min-height:100svh;padding-top:clamp(7rem,16vh,12rem);display:grid;grid-template-rows:1fr auto auto;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero h1,.manifesto h2,.process h2,.contact h2{font-size:clamp(3.5rem,9.3vw,9rem);line-height:.84;letter-spacing:-.065em;font-weight:800;margin:0;max-width:11ch}.hero-mark{position:absolute;left:-.06em;top:15%;font-size:min(52vw,49rem);line-height:.8;font-weight:800;letter-spacing:-.12em;opacity:.98;pointer-events:none}.hero h1{position:relative;z-index:1;align-self:center}.hero-bottom{display:flex;justify-content:space-between;gap:2rem;align-items:end;position:relative;z-index:1;margin-top:2.5rem}.hero-bottom p{font-size:clamp(1rem,1.65vw,1.5rem);margin:0;max-width:34rem}.text-action{display:inline-flex;gap:.6rem;align-items:center;color:var(--teal);border-bottom:1px solid var(--teal);padding-bottom:.35rem;font-size:.92rem;white-space:nowrap}.system-axis{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;margin-top:clamp(4rem,11vh,8rem);font-size:.66rem;letter-spacing:.04em}.system-axis i{height:1px;background:linear-gradient(90deg,var(--ink),var(--teal));position:relative}.system-axis b{display:block;width:.75rem;height:.75rem;background:var(--teal);border-radius:50%;margin-left:-1.4rem}.manifesto{padding-top:clamp(7rem,15vw,15rem);padding-bottom:clamp(7rem,14vw,13rem);display:grid;grid-template-columns:1.4fr .6fr;gap:3rem;border-bottom:1px solid var(--line)}.manifesto h2{font-size:clamp(2.5rem,5.7vw,6.2rem)}.manifesto p{max-width:28rem;align-self:end;margin:0;font-size:clamp(1rem,1.6vw,1.35rem)}.cap-heading{padding-top:5rem;padding-bottom:3rem}.cap-heading h2{font-size:clamp(1.8rem,3.3vw,3.3rem);line-height:.95;letter-spacing:-.05em;margin:0;max-width:15ch}.cap-list{border-top:1px solid var(--ink)}.cap-row{min-height:clamp(7.5rem,13vw,12rem);display:grid;grid-template-columns:minmax(16rem,1.2fr) minmax(15rem,.8fr) auto;gap:2rem;align-items:center;padding:1.5rem var(--pad);border-bottom:1px solid var(--line);transition:background .45s var(--ease),color .45s var(--ease)}.cap-row span{font-size:clamp(1.65rem,3.7vw,4rem);letter-spacing:-.065em;font-weight:600;line-height:.92}.cap-row p{margin:0;max-width:27rem;color:var(--muted);font-size:.96rem}.cap-row i{font-size:1.5rem;font-style:normal;color:var(--teal);transition:transform .45s var(--ease)}.cap-row:hover,.cap-row:focus-within{background:var(--ink);color:#fff}.cap-row:hover p,.cap-row:focus-within p{color:#d4dcdb}.cap-row:hover i,.cap-row:focus-within i{transform:translate(.4rem,.4rem)}.project-teaser{padding-top:clamp(7rem,14vw,13rem);padding-bottom:clamp(7rem,14vw,13rem)}.section-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;margin:0 0:2rem;color:var(--muted)}.project-trigger{appearance:none;border:1px solid var(--ink);background:var(--paper);padding:clamp(1.2rem,3vw,3rem);width:100%;display:grid;grid-template-columns:auto 1fr minmax(12rem,23vw);gap:clamp(1rem,3vw,4rem);align-items:start;text-align:left;cursor:pointer;transition:background .5s var(--ease),color .5s var(--ease)}.project-number{font-size:.75rem;padding-top:.6rem}.project-copy{display:grid;gap:1rem;max-width:37rem}.project-copy strong{font-size:clamp(3rem,7.5vw,7.5rem);line-height:.8;letter-spacing:-.075em;font-weight:800}.project-copy span{font-size:clamp(1rem,1.8vw,1.45rem);max-width:26rem}.project-media{display:block;height:clamp(16rem,31vw,31rem);overflow:hidden;background:#e8eeee;position:relative}.project-media img{width:100%;height:100%;object-fit:cover;object-position:50% 10%;display:block;transform:scale(1.05);transition:transform .7s var(--ease)}.project-open{grid-column:2/4;color:var(--teal);font-size:.85rem;display:flex;justify-content:space-between;border-top:1px solid currentColor;padding-top:1rem}.project-trigger:hover,.project-trigger:focus-visible{background:var(--ink);color:#fff}.project-trigger:hover .project-media img,.project-trigger:focus-visible .project-media img{transform:scale(1.13)}.process{padding-top:clamp(7rem,14vw,13rem);padding-bottom:clamp(7rem,14vw,13rem);background:var(--ink);color:#fff}.process h2{font-size:clamp(3rem,7vw,7rem)}.process ol{list-style:none;padding:0;margin:clamp(4rem,9vw,8rem) 0 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #676d6d}.process li{padding:1.1rem 1.1rem 0 0;min-height:10rem;border-right:1px solid #676d6d}.process li+li{padding-left:1.1rem}.process span{font-size:clamp(1.25rem,2.4vw,2.5rem);letter-spacing:-.05em;font-weight:600}.process p{color:#b8c1c0;max-width:13rem;font-size:.88rem}.contact{padding-top:clamp(7rem,14vw,13rem);padding-bottom:clamp(7rem,13vw,12rem);display:grid;grid-template-columns:1fr 1fr;gap:4rem}.contact h2{font-size:clamp(2.9rem,6.5vw,6.8rem);grid-column:1/-1}.contact>p{font-size:clamp(1rem,1.8vw,1.4rem);max-width:30rem;margin:0}.contact-form{display:grid;gap:1.2rem;max-width:34rem}.contact-form label{display:grid;gap:.55rem;font-size:.78rem;color:var(--muted)}.contact-form input,.contact-form textarea{border:0;border-bottom:1px solid var(--ink);border-radius:0;padding:.6rem 0;background:transparent;color:var(--ink);outline-offset:.35rem;resize:vertical}.contact-form button{border:0;background:var(--teal);color:#fff;padding:1rem 1.1rem;text-align:left;display:flex;justify-content:space-between;cursor:pointer}.form-note{min-height:1.4em;margin:0;font-size:.82rem;color:var(--muted)}.site-footer{border-top:1px solid var(--line);padding-top:1.5rem;padding-bottom:1.5rem;display:flex;justify-content:space-between;gap:1rem;font-size:.78rem}.site-footer a{color:var(--teal);border-bottom:1px solid var(--teal)}.project-dialog{width:min(98vw,1900px);height:min(96dvh,1200px);max-width:none;max-height:none;border:1px solid var(--ink);padding:0;background:var(--paper);color:var(--ink)}.project-dialog::backdrop{background:rgb(16 17 18 / .45);backdrop-filter:blur(5px)}.case-shell{height:100%;overflow:auto;scroll-behavior:smooth}.case-header{position:sticky;top:0;z-index:2;background:rgb(255 255 255 / .94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:1.15rem var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;font-size:.7rem;letter-spacing:.03em}.case-header button{justify-self:end;border:0;background:transparent;padding:.4rem;cursor:pointer;color:var(--ink);font-size:.8rem}.case-header button:first-letter{font-size:1.7rem}.case-content>section{padding-left:var(--pad);padding-right:var(--pad)}.case-hero{min-height:80dvh;display:flex;flex-direction:column;justify-content:center;padding-top:5rem;padding-bottom:5rem;border-bottom:1px solid var(--line)}.case-hero>p{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.case-hero h2{font-size:clamp(4rem,13vw,13rem);line-height:.78;letter-spacing:-.09em;margin:2rem 0 4rem}.case-intro{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:61rem;font-size:clamp(1.15rem,2.5vw,2.4rem);line-height:1.03;letter-spacing:-.04em}.case-intro p{margin:0}.case-hero .text-action{margin-top:4rem;width:max-content}.case-panel{border-bottom:1px solid var(--line);padding-top:clamp(5rem,11vw,10rem);padding-bottom:clamp(5rem,11vw,10rem)}.case-panel h3,.relay h3,.mechanics h3,.pricing h3{margin:0;font-size:clamp(2.4rem,5vw,5.5rem);line-height:.87;letter-spacing:-.065em}.case-idea{display:grid;grid-template-columns:1.1fr .9fr;gap:4rem}.case-idea p{align-self:end;max-width:30rem;font-size:clamp(1.05rem,1.8vw,1.4rem);margin:0}.relay{padding-top:clamp(5rem,11vw,10rem);border-bottom:1px solid var(--line)}.relay h3{padding-left:var(--pad);padding-right:var(--pad);margin-bottom:clamp(4rem,8vw,7rem)}.relay-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}.relay-role{min-height:44rem;padding:1.25rem var(--pad) 0;border-right:1px solid var(--line);display:grid;grid-template-rows:auto auto 1fr;gap:1.3rem}.relay-role:last-child{border-right:0}.relay-role>span{font-size:clamp(1.5rem,3vw,3.2rem);font-weight:600;letter-spacing:-.06em}.relay-role p{max-width:19rem;margin:0;color:var(--muted);font-size:.9rem}.screen-slot{align-self:end;height:29rem;overflow:hidden;background:#edf1f1;margin-top:2rem}.screen-slot img,.visit-screens img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.visit ol{list-style:none;padding:0;margin:clamp(3rem,7vw,6rem) 0;display:flex;flex-wrap:wrap;gap:.7rem 1.4rem;font-size:clamp(1.1rem,2.3vw,2.1rem);letter-spacing:-.05em}.visit li:not(:last-child)::after{content:"→";margin-left:1.4rem;color:var(--teal)}.visit-screens{display:grid;grid-template-columns:repeat(2,minmax(10rem,20rem));gap:clamp(1rem,4vw,5rem);justify-content:end}.visit-screens img{height:29rem;box-shadow:0 18px 35px rgb(16 17 18 / .13)}.mechanics{padding-top:clamp(5rem,11vw,10rem);padding-bottom:clamp(5rem,11vw,10rem);background:var(--teal);color:#fff}.mechanics p{font-size:clamp(1.4rem,3.7vw,4rem);line-height:.97;letter-spacing:-.055em;max-width:24ch;margin:4rem 0 0}.formats{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.formats ul{list-style:none;padding:0;margin:0;display:grid;gap:.65rem;align-self:end;font-size:clamp(1.25rem,2.6vw,2.5rem);letter-spacing:-.05em}.formats li{border-bottom:1px solid var(--line);padding-bottom:.65rem}.pricing{padding-top:clamp(5rem,11vw,10rem);padding-bottom:clamp(5rem,11vw,10rem);display:grid;grid-template-columns:1fr 1fr;gap:4rem;border-bottom:1px solid var(--line)}.pricing p{margin:0;max-width:32rem;align-self:end}.pricing .text-action{grid-column:2;width:max-content}.faq{display:grid;grid-template-columns:1fr 1.25fr;gap:5rem}.faq details{border-top:1px solid var(--ink);padding:1rem 0}.faq details:last-child{border-bottom:1px solid var(--ink)}.faq summary{cursor:pointer;font-weight:600;list-style:none;padding-right:2rem;position:relative}.faq summary::after{content:"+";position:absolute;right:0;color:var(--teal);font-size:1.3rem}.faq details[open] summary::after{content:"−"}.faq details p{max-width:42rem;color:var(--muted);font-size:.92rem}.case-end{min-height:72dvh;padding-top:clamp(6rem,14vw,13rem);padding-bottom:clamp(6rem,14vw,13rem);display:flex;flex-direction:column;justify-content:center}.case-end h3{font-size:clamp(4rem,12vw,12rem);line-height:.77;letter-spacing:-.09em;margin:0}.case-end p{font-size:clamp(1.3rem,3vw,3rem);line-height:.98;max-width:17ch;letter-spacing:-.05em}.case-end .text-action{width:max-content;margin-top:2rem}.case-end button{margin-top:5rem;border:0;border-bottom:1px solid var(--ink);background:transparent;width:max-content;padding:0 0 .35rem;cursor:pointer}.text-action:focus-visible,.site-nav a:focus-visible,.wordmark:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:4px}@media (max-width:800px){.site-header{padding-top:1.1rem}.site-nav a:not(.nav-action){display:none}.hero{min-height:90svh}.hero-mark{top:24%;font-size:69vw}.hero-bottom,.manifesto,.contact,.case-idea,.formats,.pricing,.faq{grid-template-columns:1fr}.hero-bottom{align-items:start;flex-direction:column}.hero-bottom .text-action{margin-top:1.5rem}.manifesto{gap:3rem}.cap-row{grid-template-columns:1fr auto;gap:1rem;min-height:0;padding-top:2rem;padding-bottom:2rem}.cap-row p{grid-column:1/-1;grid-row:2}.project-trigger{grid-template-columns:auto 1fr;gap:1rem}.project-media{grid-column:1/-1;grid-row:2;height:22rem}.project-open{grid-column:1/-1;grid-row:3}.process ol{grid-template-columns:1fr 1fr}.process li:nth-child(2){border-right:0}.process li:nth-child(n+3){border-top:1px solid #676d6d;padding-top:1.2rem}.contact{gap:3rem}.site-footer{flex-wrap:wrap}.case-header{grid-template-columns:1fr auto}.case-header>span:nth-child(2){display:none}.case-header button span{display:none}.case-hero{min-height:75svh}.case-intro{grid-template-columns:1fr;gap:1rem}.relay-grid{grid-template-columns:1fr}.relay-role{min-height:0;padding-top:2rem;padding-bottom:0;border-right:0;border-bottom:1px solid var(--line)}.relay-role:last-child{border-bottom:0}.screen-slot{height:23rem;max-width:20rem;justify-self:end;width:100%}.visit-screens{grid-template-columns:repeat(2,1fr);gap:1rem}.visit-screens img{height:19rem}.formats ul{margin-top:1.5rem}.pricing .text-action{grid-column:auto}.faq{gap:3rem}.case-end{min-height:65svh}}@media (max-width:430px){.hero h1{font-size:clamp(3.35rem,16.6vw,4.6rem)}.system-axis{font-size:.56rem;gap:.55rem}.process ol{grid-template-columns:1fr}.process li{border-right:0;border-top:1px solid #676d6d}.process li:first-child{border-top:0}.project-copy strong{font-size:3.35rem}.project-media{height:18rem}.case-header{font-size:.59rem}.case-content>section{padding-left:1.1rem;padding-right:1.1rem}.relay h3{padding-left:1.1rem;padding-right:1.1rem}.case-hero h2{font-size:4.1rem}.visit ol{display:grid;font-size:1.45rem}.visit li:not(:last-child)::after{float:right}.visit-screens img{height:16rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}