@font-face{font-family:ArtecSans;src:url('../webfonts/roboto-latin-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--bg:#050806;--panel:#09100c;--panel-2:#0b140f;--ink:#f3f7f4;--muted:#8e9992;--line:rgba(255,255,255,.11);--green:#00e878;--green-soft:#69f5ad;--max:1480px;--pad:clamp(20px,4vw,72px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:ArtecSans,Arial,sans-serif;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-60px;z-index:1000;background:var(--green);color:#001b0d;padding:12px 18px;border-radius:6px}.skip-link:focus{top:16px}.noise{position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(0,232,120,.08),transparent 68%);pointer-events:none;z-index:0;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s}.section{position:relative;max-width:var(--max);margin:0 auto;padding:clamp(90px,11vw,170px) var(--pad)}
.portfolio-header{height:92px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:36px;border-bottom:1px solid var(--line);position:absolute;inset:0 0 auto;z-index:80}.portfolio-header.is-scrolled{position:fixed;height:74px;background:rgba(5,8,6,.84);backdrop-filter:blur(18px);animation:headerIn .35s ease}.brand{justify-self:start;display:flex;align-items:center;gap:15px}.brand img{width:168px;height:auto}.brand__tag{font:600 9px/1 ArtecSans;letter-spacing:.16em;color:#677069;padding-left:15px;border-left:1px solid var(--line);white-space:nowrap}.desktop-nav{display:flex;gap:clamp(24px,3vw,48px);font-size:13px;font-weight:650}.desktop-nav a{color:#b8c0bb;transition:.2s}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:var(--ink)}.desktop-nav sup{font-size:8px;color:var(--green);margin-left:2px}.header-cta{justify-self:end;background:var(--green);color:#062514;font-size:12px;font-weight:800;padding:14px 20px;border-radius:3px;transition:transform .25s,box-shadow .25s}.header-cta:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,232,120,.22)}.header-cta span{margin-left:14px}.menu-toggle,.mobile-menu{display:none}@keyframes headerIn{from{transform:translateY(-100%)}to{transform:none}}
.hero{min-height:100svh;padding:118px var(--pad) 34px;position:relative;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 62% 36%,rgba(0,101,52,.28),transparent 34%),linear-gradient(115deg,#050806 45%,#07140c)}.hero-grid{position:absolute;inset:0;opacity:.23;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(to bottom,black,transparent 88%)}.hero-signal{position:absolute;border:1px solid rgba(0,232,120,.17);border-radius:50%;width:560px;height:560px;right:7vw;top:18%;animation:orbit 16s linear infinite}.hero-signal:before,.hero-signal:after{content:"";position:absolute;border:1px solid rgba(0,232,120,.1);border-radius:inherit;inset:55px}.hero-signal:after{inset:130px}.hero-signal--two{width:9px;height:9px;background:var(--green);box-shadow:0 0 24px var(--green);right:28%;top:21%;animation:pulse 2s infinite}.hero__topline{position:relative;display:flex;justify-content:space-between;font:650 9px/1 ArtecSans;letter-spacing:.2em;text-transform:uppercase;color:#858f88}.hero__topline span:first-child,.hero__topline span:last-child{display:flex;align-items:center;gap:9px}.hero__topline i,.eyebrow i,.work-hero__label i,.case-hero__eyebrow i{width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green)}.hero__content{position:relative;display:grid;grid-template-columns:.65fr 2.3fr 1fr;align-items:end;gap:30px;margin:auto 0 34px}.hero__index{font:600 10px/1.8 ArtecSans;letter-spacing:.18em;color:#657069}.hero h1{font-size:clamp(65px,9.35vw,166px);line-height:.82;letter-spacing:-.075em;margin:0;font-weight:720;white-space:nowrap}.hero h1 span{color:var(--green);font-style:italic;font-weight:620}.hero__aside{padding:0 0 7px 18px;border-left:1px solid var(--line);max-width:390px}.hero__aside p{font-size:clamp(14px,1.15vw,18px);line-height:1.65;color:#aab3ad;margin:0 0 24px}.hero__aside a{display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:750;border-bottom:1px solid #59615c;padding:0 0 11px}.hero__aside a span{color:var(--green)}.hero__console{position:relative;align-self:center;width:min(690px,54vw);margin-left:34%;border:1px solid rgba(255,255,255,.13);background:rgba(7,16,11,.64);backdrop-filter:blur(10px);box-shadow:0 30px 100px rgba(0,0,0,.35);border-radius:3px;overflow:hidden}.console-head{height:40px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 18px;color:#647068;font-size:8px;letter-spacing:.16em}.console-head>span{display:flex;gap:6px}.console-head i{width:6px;height:6px;background:#445047;border-radius:50%}.console-head code{text-align:center;font-size:8px}.console-head small{text-align:right}.console-head b{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);margin-right:7px}.console-body{display:grid;grid-template-columns:.85fr .85fr 1.4fr;align-items:center;padding:18px 22px;min-height:132px}.console-score small,.console-score span{font-size:8px;letter-spacing:.14em;color:#647068;display:block}.console-score strong{font-size:42px;line-height:1.15}.console-score sup{font-size:12px;color:#5d6860}.console-radar{width:90px;height:90px;border:1px solid #203126;border-radius:50%;position:relative;background:repeating-radial-gradient(circle,transparent 0 14px,rgba(0,232,120,.07) 15px 16px)}.console-radar:before,.console-radar:after{content:"";position:absolute;background:#203126}.console-radar:before{width:1px;height:100%;left:50%}.console-radar:after{height:1px;width:100%;top:50%}.console-radar span{position:absolute;inset:8px;border-right:2px solid var(--green);border-radius:50%;animation:orbit 3s linear infinite}.console-radar i,.console-radar b{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);top:22px;right:25px}.console-radar b{top:55px;right:56px}.console-lines p{display:grid;grid-template-columns:72px 1fr 40px;gap:10px;align-items:center;margin:11px 0;font-size:7px;letter-spacing:.1em;color:#69736c}.console-lines p>b{height:2px;background:#19251d;position:relative}.console-lines p>b:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:var(--green);box-shadow:0 0 8px rgba(0,232,120,.7)}.console-lines em{color:var(--green);font-style:normal;text-align:right}.hero__scroll{position:absolute;left:var(--pad);bottom:35px;display:flex;align-items:center;gap:14px;font-size:8px;letter-spacing:.16em;color:#657069;writing-mode:vertical-rl}.hero__scroll i{height:45px;width:1px;background:linear-gradient(var(--green),transparent)}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.35;box-shadow:0 0 4px var(--green)}}
.section-label{display:grid;grid-template-columns:1fr 3fr;border-top:1px solid var(--line);padding-top:17px;color:#77817a;text-transform:uppercase;font-size:9px;letter-spacing:.17em}.section-label span{color:var(--green)}.manifesto{padding-bottom:90px}.manifesto__content{max-width:1050px;margin:80px 0 40px auto}.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;font-size:9px;letter-spacing:.19em;color:#858f88}.manifesto h2,.section-heading h2,.process__intro h2{font-size:clamp(44px,6.7vw,102px);line-height:.97;letter-spacing:-.055em;margin:25px 0 50px;font-weight:570}.manifesto h2 em,.section-heading h2 em,.process__intro h2 em,.footer-cta h2 em,.work-hero h1 em{color:var(--green);font-weight:400}.manifesto__copy{margin-left:34%;display:grid;grid-template-columns:1fr 1fr;gap:42px;max-width:700px}.manifesto__copy p{font-size:15px;line-height:1.7;color:#a3ada6;margin:0}.manifesto__ticker{margin:100px calc(var(--pad)*-1) 0;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;transform:rotate(-2deg);width:calc(100% + var(--pad)*2)}.manifesto__ticker div{font-size:clamp(24px,3vw,42px);font-weight:750;letter-spacing:-.03em;white-space:nowrap;animation:ticker 25s linear infinite}.manifesto__ticker i{font-style:normal;color:var(--green);margin:0 22px}@keyframes ticker{to{transform:translateX(-50%)}}
.projects{padding-top:90px}.section-heading{display:grid;grid-template-columns:1.5fr .6fr;gap:60px;align-items:end;margin-bottom:80px}.section-heading h2{font-size:clamp(48px,6.5vw,96px);margin-bottom:0}.section-heading>p{color:#9ca69f;line-height:1.7;font-size:15px;margin:0 0 10px}.projects-list{display:grid;grid-template-columns:1fr 1fr;gap:120px 40px}.project-card--featured{grid-column:1/-1}.project-card__visual{position:relative;display:block;background:#0b100d;border:1px solid var(--line);border-radius:4px;overflow:hidden}.project-card__visual:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(130deg,transparent 45%,color-mix(in srgb,var(--project-accent) 16%,transparent));opacity:0;transition:.5s}.project-card__visual img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top;filter:saturate(.92);transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s}.project-card__visual:hover img{transform:scale(1.025);filter:saturate(1.12)}.project-card__visual:hover:before{opacity:1}.browser-chrome{height:38px;padding:0 16px;display:flex;align-items:center;gap:6px;background:#0c110e;border-bottom:1px solid var(--line);position:relative;color:#667069}.browser-chrome i{width:6px;height:6px;border-radius:50%;background:#39423c}.browser-chrome small{position:absolute;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.12em}.project-card__view{position:absolute;right:20px;bottom:20px;z-index:3;background:var(--project-accent);color:#050806;text-transform:uppercase;font-size:9px;letter-spacing:.12em;font-weight:800;padding:14px 16px;transform:translateY(10px);opacity:0;transition:.3s}.project-card__visual:hover .project-card__view{transform:none;opacity:1}.project-card__view b{margin-left:18px}.project-card__meta{display:grid;grid-template-columns:.7fr 1.1fr 1.2fr;gap:28px;padding-top:24px}.project-card:not(.project-card--featured) .project-card__meta{grid-template-columns:.35fr 1fr;gap:15px}.project-card:not(.project-card--featured) .project-card__summary{grid-column:2}.project-card__number{font-size:10px;color:var(--project-accent);letter-spacing:.14em}.project-card__meta>div p{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#79837c}.project-card__meta h3{font-size:clamp(27px,3.6vw,55px);letter-spacing:-.045em;margin:0;font-weight:570}.project-card__summary{font-size:13px;line-height:1.65;color:#949f98;margin:5px 0 0;max-width:420px}.all-projects-link{margin-top:100px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:35px;font-size:clamp(24px,3vw,42px);letter-spacing:-.03em}.all-projects-link i{font-size:10px;color:var(--green);font-style:normal}.all-projects-link b{font-weight:400;color:var(--green);transition:.25s}.all-projects-link:hover b{transform:translateX(8px)}
.process{padding-top:80px}.process__intro{margin:80px 0}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.process-grid article{min-height:310px;padding:24px;position:relative;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .3s}.process-grid article:hover{background:#09150e}.process-grid article>span{font-size:8px;letter-spacing:.14em;color:var(--green)}.process-grid h3{font-size:23px;line-height:1.15;margin:100px 0 16px;max-width:190px}.process-grid p{color:#8b968f;font-size:13px;line-height:1.6;max-width:220px}.process-grid article>i{position:absolute;right:22px;top:20px;font-size:20px;color:#5c6860;font-style:normal}.principles{min-height:720px;display:grid;grid-template-columns:1fr 1.25fr;gap:80px;align-items:center}.principles__orb{aspect-ratio:1;max-width:520px;border:1px solid #1c2a21;border-radius:50%;position:relative;background:radial-gradient(circle,rgba(0,232,120,.08),transparent 58%)}.principles__orb:before,.principles__orb:after,.principles__orb span{content:"";position:absolute;border:1px solid #17231c;border-radius:50%;inset:12%}.principles__orb:after{inset:28%}.principles__orb span:nth-child(1){border-radius:0;width:1px;height:100%;top:0;left:50%}.principles__orb span:nth-child(2){border-radius:0;width:100%;height:1px;left:0;top:50%}.principles__orb i{position:absolute;inset:39%;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#032012;font:800 25px ArtecSans;box-shadow:0 0 70px rgba(0,232,120,.35);font-style:normal}.principles__content blockquote{font-size:clamp(38px,5vw,72px);line-height:1.04;letter-spacing:-.05em;margin:35px 0;font-weight:560}.principles__content p{max-width:500px;color:#929d96;line-height:1.7}
.portfolio-footer{position:relative;min-height:880px;padding:140px var(--pad) 35px;border-top:1px solid var(--line);overflow:hidden;background:linear-gradient(180deg,#050806,#07110b)}.footer-orbit{position:absolute;width:900px;height:900px;border:1px solid rgba(0,232,120,.09);border-radius:50%;right:-240px;top:-100px}.footer-orbit:after,.footer-orbit:before,.footer-orbit span{content:"";position:absolute;inset:13%;border:1px solid rgba(0,232,120,.08);border-radius:inherit}.footer-orbit:after{inset:32%;background:radial-gradient(circle,rgba(0,232,120,.09),transparent)}.footer-orbit span{inset:47%;background:var(--green);box-shadow:0 0 80px var(--green)}.footer-cta{position:relative;z-index:1}.footer-cta h2{font-size:clamp(56px,8.3vw,128px);line-height:.92;letter-spacing:-.065em;margin:40px 0 70px;font-weight:620}.magnetic-link{display:flex;align-items:center;justify-content:space-between;width:min(420px,100%);padding:12px 12px 12px 24px;border:1px solid #405048;text-transform:uppercase;font-size:10px;letter-spacing:.15em}.magnetic-link b{width:54px;height:54px;display:grid;place-items:center;background:var(--green);color:#052013;font-size:20px}.footer-bottom{position:absolute;bottom:34px;left:var(--pad);right:var(--pad);display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:end;border-top:1px solid var(--line);padding-top:28px}.brand--footer img{width:155px}.brand--footer{justify-self:start}.footer-bottom p{font-size:10px;line-height:1.5;letter-spacing:.08em;color:#717b74;margin:0}.footer-links{display:flex;gap:28px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.footer-copy{font-size:9px;color:#626c65;letter-spacing:.12em}
/* Work index */
.work-hero{min-height:88vh;padding:150px var(--pad) 70px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:radial-gradient(circle at 75% 20%,rgba(0,232,120,.12),transparent 35%)}.work-hero__label{position:absolute;top:125px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;text-transform:uppercase;font-size:9px;letter-spacing:.18em;color:#77827b}.work-hero__label span:first-child{display:flex;align-items:center;gap:9px}.work-hero h1{font-size:clamp(66px,10vw,160px);line-height:.85;letter-spacing:-.07em;margin:0;font-weight:650}.work-hero__bottom{display:grid;grid-template-columns:1fr auto;margin-top:55px;padding-top:24px;border-top:1px solid var(--line)}.work-hero__bottom p{max-width:500px;color:#a1aca5;line-height:1.6;margin:0}.work-hero__bottom span{text-align:right;font-size:9px;line-height:1.6;letter-spacing:.15em;color:#68736b}.work-index{padding-top:60px}.work-index__head{display:grid;grid-template-columns:2fr 1fr .3fr 40px;margin-left:95px;padding:0 12px 15px;text-transform:uppercase;font-size:8px;letter-spacing:.16em;color:#606b64}.work-row{position:relative;display:grid;grid-template-columns:70px 2fr 1fr .3fr 40px;align-items:center;min-height:145px;border-top:1px solid var(--line);transition:padding .3s,background .3s}.work-row:last-child{border-bottom:1px solid var(--line)}.work-row:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--project-accent) 8%,transparent),transparent);padding:0 14px}.work-row__number{font-size:10px;color:var(--project-accent)}.work-row__name{font-size:clamp(32px,4.8vw,70px);letter-spacing:-.05em}.work-row__sector,.work-row__year{font-size:11px;color:#879189}.work-row__arrow{font-size:24px;color:var(--project-accent)}.work-row__preview{position:absolute;width:300px;aspect-ratio:16/10;right:18%;top:50%;transform:translateY(-50%) rotate(-4deg) scale(.8);opacity:0;z-index:5;pointer-events:none;border:5px solid #fff;box-shadow:0 20px 70px rgba(0,0,0,.55);transition:.3s}.work-row__preview img{width:100%;height:100%;object-fit:cover;object-position:top}.work-row:hover .work-row__preview{opacity:1;transform:translateY(-50%) rotate(2deg) scale(1)}.selection-note{display:grid;grid-template-columns:1fr 2fr;border-top:1px solid var(--line)}.selection-note span{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:var(--green)}.selection-note p{font-size:clamp(29px,4vw,58px);line-height:1.12;letter-spacing:-.045em;margin:0}
/* Case */
.case-page{--green:var(--case-accent)}.case-hero{min-height:92vh;padding:145px var(--pad) 70px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:radial-gradient(circle at 70% 30%,color-mix(in srgb,var(--case-accent) 12%,transparent),transparent 38%)}.case-hero__eyebrow{position:absolute;top:125px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;text-transform:uppercase;font-size:9px;letter-spacing:.17em;color:#7e8981}.case-hero__eyebrow span{display:flex;align-items:center;gap:9px}.case-hero__eyebrow a{color:var(--case-accent)}.case-hero h1{font-size:clamp(72px,13vw,205px);line-height:.78;letter-spacing:-.08em;margin:0;font-weight:680}.case-hero__title{font-size:clamp(25px,3vw,48px);line-height:1.1;letter-spacing:-.035em;width:min(760px,75%);margin:55px 0}.case-hero__meta{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-top:22px;border-top:1px solid var(--line);max-width:820px}.case-hero__meta span{display:block;font-size:8px;letter-spacing:.15em;color:#657069;margin-bottom:8px}.case-hero__meta strong{font-size:11px;font-weight:500}.case-showcase{padding:0 var(--pad) clamp(80px,10vw,150px);background:linear-gradient(var(--case-accent) 0 48%,var(--bg) 48%)}.case-browser{max-width:var(--max);margin:auto;background:#0a0d0b;border:1px solid rgba(0,0,0,.35);border-radius:6px;overflow:hidden;box-shadow:0 50px 110px rgba(0,0,0,.55)}.case-browser .browser-chrome{height:50px}.case-browser .browser-chrome>b{margin-left:auto}.case-browser>img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top}.case-overview{display:grid;grid-template-columns:1fr 2.2fr;gap:70px;border-top:1px solid var(--line)}.case-overview__label span,.case-story article>span,.case-quote>span{font-size:8px;letter-spacing:.16em;color:var(--case-accent)}.case-overview__label p{color:#818c84;font-size:12px;margin-top:18px}.case-overview__copy h2{font-size:clamp(36px,5vw,72px);line-height:1.08;letter-spacing:-.05em;margin:0 0 45px;font-weight:540}.service-tags{display:flex;gap:9px;flex-wrap:wrap}.service-tags span{border:1px solid var(--line);border-radius:30px;padding:10px 15px;text-transform:uppercase;font-size:8px;letter-spacing:.12em;color:#9aa49d}.case-story{display:grid;grid-template-columns:1fr 1fr;padding-top:40px}.case-story article{border-top:1px solid var(--line);padding:28px clamp(10px,4vw,65px) 0 0}.case-story article+article{border-left:1px solid var(--line);padding-left:clamp(25px,4vw,65px)}.case-story h2{font-size:clamp(28px,3.4vw,50px);line-height:1.05;letter-spacing:-.04em;margin:70px 0 25px}.case-story p{max-width:540px;line-height:1.75;color:#98a29b}.case-detail{display:grid;grid-template-columns:2fr .72fr;align-items:center;gap:clamp(25px,5vw,80px);background:color-mix(in srgb,var(--case-accent) 5%,var(--bg))}.case-device{overflow:hidden;border:1px solid var(--line);box-shadow:0 40px 100px rgba(0,0,0,.35)}.case-device img{width:100%;height:100%;object-fit:cover;object-position:top}.case-device--desktop{aspect-ratio:16/10}.case-device--desktop img{height:calc(100% - 38px)}.case-device--mobile{aspect-ratio:9/16;border-radius:28px;border:7px solid #171b18;position:relative;background:#080b09}.case-device--mobile img{object-position:38% top;transform:scale(1.8);transform-origin:top center}.case-device--mobile .phone-bar{position:absolute;z-index:2;top:7px;left:50%;transform:translateX(-50%);width:30%;height:14px;background:#101410;border-radius:20px}.case-device--mobile>span{position:absolute;bottom:20px;left:20px;font-size:8px;letter-spacing:.14em;color:#fff;text-shadow:0 2px 8px #000}.case-features .section-heading{grid-template-columns:1fr}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.feature-grid article{padding:30px;min-height:310px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-grid article>span{color:var(--case-accent);font-size:9px}.feature-grid h3{font-size:28px;margin:110px 0 15px;letter-spacing:-.035em}.feature-grid p{font-size:13px;line-height:1.7;color:#8c9790}.case-quote{text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case-quote blockquote{font-size:clamp(42px,6.2vw,94px);line-height:1.02;letter-spacing:-.055em;max-width:1150px;margin:45px auto 0}.next-case{min-height:620px;padding:80px var(--pad);display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;background:#060807}.next-case:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050806 25%,rgba(5,8,6,.4));z-index:1}.next-case img{position:absolute;inset:0 0 0 auto;width:60%;height:100%;object-fit:cover;object-position:top;opacity:.45;filter:saturate(.7);transition:.7s}.next-case:hover img{transform:scale(1.03);opacity:.58}.next-case>span,.next-case h2,.next-case>b{position:relative;z-index:2}.next-case>span{font-size:9px;text-transform:uppercase;letter-spacing:.17em;color:var(--next-accent)}.next-case h2{font-size:clamp(70px,11vw,170px);letter-spacing:-.075em;line-height:.85;margin:28px 0 0}.next-case>b{position:absolute;right:var(--pad);bottom:90px;width:76px;height:76px;background:var(--next-accent);color:#050806;display:grid;place-items:center;font-size:26px}
[data-reveal]{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}[data-reveal].is-visible{opacity:1;transform:none}
@media(max-width:1000px){.portfolio-header{grid-template-columns:1fr auto}.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:46px;height:46px;background:transparent;border:1px solid var(--line);color:white;z-index:4}.menu-toggle>span:not(.sr-only){width:18px;height:1px;background:currentColor;margin:0 auto;transition:.3s}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:nth-child(2){transform:translateY(-3px) rotate(-45deg)}.mobile-menu{display:flex;position:fixed;inset:0;background:#050806;z-index:3;flex-direction:column;justify-content:center;padding:90px var(--pad) 40px;gap:10px;opacity:0;visibility:hidden;transform:translateY(-12px);transition:.3s}.mobile-menu.is-open{opacity:1;visibility:visible;transform:none}.mobile-menu a{font-size:clamp(34px,8vw,60px);letter-spacing:-.04em;padding:12px 0;border-bottom:1px solid var(--line)}.mobile-menu a:last-child{font-size:14px;color:var(--green);margin-top:30px;border:0}.hero__content{grid-template-columns:.3fr 1.7fr}.hero__aside{grid-column:2;margin-top:20px;max-width:520px}.hero h1{font-size:clamp(70px,12vw,122px)}.hero__console{width:70vw;margin-left:20%}.process-grid{grid-template-columns:1fr 1fr}.principles{grid-template-columns:.8fr 1.2fr}.projects-list{gap:80px 25px}.footer-bottom{grid-template-columns:1fr 1fr}.footer-links,.footer-copy{margin-top:20px}.work-row__preview{display:none}.case-hero h1{font-size:14vw}}
@media(max-width:720px){:root{--pad:20px}.portfolio-header{height:76px}.brand img{width:138px}.brand__tag{display:none}.hero{min-height:auto;padding-top:110px;padding-bottom:70px}.hero__topline span:nth-child(2){display:none}.hero__content{display:block;margin:80px 0 40px}.hero__index{margin-bottom:24px}.hero h1{font-size:clamp(55px,17vw,90px);white-space:normal}.hero__aside{margin:35px 0 0;padding-left:15px}.hero__console{width:100%;margin:0}.console-body{grid-template-columns:1fr 1fr}.console-radar{justify-self:end}.console-lines{grid-column:1/-1;margin-top:10px}.hero__scroll{display:none}.section{padding-top:85px;padding-bottom:85px}.section-label{grid-template-columns:.3fr 1fr}.manifesto__content{margin-top:60px}.manifesto h2,.section-heading h2,.process__intro h2{font-size:clamp(43px,13vw,68px)}.manifesto__copy{margin-left:0;grid-template-columns:1fr;gap:15px}.manifesto__ticker{margin-top:70px}.section-heading{grid-template-columns:1fr;gap:25px;margin-bottom:55px}.projects-list{grid-template-columns:1fr;gap:75px}.project-card--featured{grid-column:auto}.project-card__meta,.project-card:not(.project-card--featured) .project-card__meta{grid-template-columns:.25fr 1fr;gap:12px}.project-card__summary,.project-card:not(.project-card--featured) .project-card__summary{grid-column:2}.project-card__view{display:none}.project-card__visual .browser-chrome{height:30px}.project-card__meta h3{font-size:34px}.all-projects-link{margin-top:65px}.process__intro{margin:55px 0}.process-grid{grid-template-columns:1fr}.process-grid article{min-height:250px}.process-grid h3{margin-top:70px}.principles{grid-template-columns:1fr;min-height:auto}.principles__orb{width:80%;margin:auto}.principles__content blockquote{font-size:41px}.portfolio-footer{min-height:780px;padding-top:100px}.footer-orbit{width:600px;height:600px;right:-380px}.footer-cta h2{font-size:15vw}.footer-bottom{grid-template-columns:1fr 1fr;gap:22px}.footer-bottom p{display:none}.footer-links{display:block;margin:0;text-align:right}.footer-links a{display:block;margin-top:8px}.footer-copy{margin:0}.work-hero{min-height:78vh;padding-top:125px}.work-hero h1{font-size:16vw}.work-hero__bottom{grid-template-columns:1fr}.work-hero__bottom span{display:none}.work-index{padding-top:35px}.work-index__head{display:none}.work-row{grid-template-columns:35px 1fr 30px;min-height:110px}.work-row__sector,.work-row__year{display:none}.work-row__name{font-size:34px}.selection-note{grid-template-columns:1fr;gap:35px}.case-hero{min-height:80vh;padding-top:120px}.case-hero h1{font-size:17vw}.case-hero__title{width:100%;font-size:28px;margin:38px 0}.case-hero__meta{grid-template-columns:1fr 1fr;gap:20px}.case-hero__meta div:nth-child(3){display:none}.case-showcase{padding-left:12px;padding-right:12px}.case-browser .browser-chrome{height:36px}.case-overview{grid-template-columns:1fr;gap:45px}.case-overview__copy h2{font-size:37px}.case-story{grid-template-columns:1fr;gap:70px}.case-story article+article{border-left:0;padding-left:0}.case-story h2{margin-top:45px}.case-detail{grid-template-columns:1fr;padding-left:20px;padding-right:20px}.case-device--mobile{width:55%;margin:-40px 15px 0 auto}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:245px}.feature-grid h3{margin-top:65px}.case-quote blockquote{font-size:42px}.next-case{min-height:480px}.next-case img{width:100%;opacity:.3}.next-case h2{font-size:17vw}.next-case>b{width:55px;height:55px;bottom:70px}.cursor-glow{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}
.case-page{--green:#00e878}