:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050505;--ink:#f2f0e8;--muted:#9d9b91;--line:#f2f0e824;--panel:#090909c7;--acid:#d8ff3e;--red:#ff3b2f;--blue:#67d9ff;--font-inter:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-space:"Space Grotesk", "Arial Black", Impact, var(--font-inter)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;color:var(--ink);font-family:var(--font-inter), Arial, sans-serif;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}#signalCanvas{z-index:-2;background:radial-gradient(circle at 72% 18%,#67d9ff2e,#0000 26%),radial-gradient(circle at 22% 82%,#ff3b2f24,#0000 24%),#050505;width:100%;height:100%;position:fixed;inset:0}.grain{z-index:40;pointer-events:none;opacity:.08;mix-blend-mode:screen;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");position:fixed;inset:0}.site-header{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0505059e;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:18px clamp(18px,4vw,58px);display:grid;position:fixed;top:0;left:0;right:0}.brand,nav,.locale-switch,.arrow-link,button{align-items:center;display:flex}.brand{gap:10px;font-size:14px;font-weight:900}.brand-mark{background:var(--acid);width:12px;height:12px;box-shadow:18px 0 0 var(--red), 36px 0 0 var(--blue)}nav{color:var(--muted);text-transform:uppercase;gap:clamp(16px,4vw,44px);font-size:13px;font-weight:800}.locale-switch{color:var(--muted);justify-self:end;gap:6px;font-size:12px;font-weight:900}.locale-switch a{border:1px solid #0000;place-items:center;min-width:32px;height:28px;display:grid}.locale-switch a.active{color:var(--acid);border-color:var(--line)}nav a,.site-footer a,.back-link,.external-link{transition:color .18s}nav a:hover,.site-footer a:hover,.back-link:hover,.external-link:hover{color:var(--acid)}.hero{grid-template-rows:auto 1fr auto;min-height:100svh;padding:96px clamp(18px,4vw,58px) 34px;display:grid}.hero-meta,.hero-bottom,.section-label,.site-footer{justify-content:space-between;gap:18px;display:flex}.hero-meta{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.hero-stack{align-self:center;max-width:1320px}.kicker{color:var(--acid);text-transform:uppercase;margin:0 0 20px;font-size:clamp(14px,1.4vw,18px);font-weight:900}h1,h2,h3,p{margin-top:0}h1{font-family:var(--font-space), var(--font-inter), sans-serif;letter-spacing:0;text-transform:uppercase;margin-bottom:0;font-size:clamp(54px,10.8vw,170px);line-height:.78}h1 span{display:block}h1 span:nth-child(2){color:#0000;-webkit-text-stroke:1px #f2f0e8e6;transform:translate(clamp(0px,4vw,56px))}h1 span:nth-child(3){color:var(--acid);font-size:clamp(36px,7.2vw,112px)}.hero-bottom{align-items:end}.hero-bottom p,.work-intro,.brief-copy>p{max-width:620px;color:var(--muted);margin:0;font-size:clamp(16px,1.8vw,22px);line-height:1.55}.arrow-link{border-bottom:1px solid var(--acid);min-height:48px;color:var(--acid);text-transform:uppercase;gap:12px;padding:0 0 8px;font-weight:900}svg{fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:2px;width:22px;height:22px}.ticker{contain:paint;border-block:1px solid var(--line);background:var(--ink);color:#050505;max-width:100vw;overflow:hidden}.ticker-track{width:max-content;animation:24s linear infinite ticker;display:flex}.ticker span{font-family:var(--font-space), var(--font-inter), sans-serif;text-transform:uppercase;white-space:nowrap;padding:16px 28px;font-size:clamp(24px,4vw,58px);font-weight:700}.work,.method,.services,.brief,.page-shell,.project-detail{padding:clamp(80px,10vw,150px) clamp(18px,4vw,58px)}.page-shell{padding-top:126px}.section-label{color:var(--muted);border-top:1px solid var(--line);align-items:center;margin-bottom:34px;padding-top:16px}.section-label span{color:var(--acid);font-weight:900}.section-label p{text-transform:uppercase;margin:0;font-size:12px;font-weight:900}.work-intro{margin-bottom:44px}.work-list{border-top:1px solid var(--line)}.work-item{border-bottom:1px solid var(--line);grid-template-columns:60px minmax(240px,.9fr) minmax(260px,.8fr) 140px;align-items:center;gap:clamp(18px,4vw,60px);min-height:188px;padding:30px 0;display:grid;position:relative;overflow:hidden}.work-item:before{content:attr(data-work);color:#f2f0e809;font-family:var(--font-space), var(--font-inter), sans-serif;text-transform:uppercase;font-size:clamp(72px,15vw,210px);font-weight:700;transition:color .18s,transform .22s;position:absolute;top:50%;right:0;transform:translateY(-50%)translate(10%)}.work-item:hover:before{color:#d8ff3e1c;transform:translateY(-50%)translate(0)}.work-number,.work-item small,.project-status{color:var(--acid);text-transform:uppercase;font-weight:900}.accent-blue .work-number,.accent-blue small,.project-detail.accent-blue .project-status{color:var(--blue)}.accent-red .work-number,.accent-red small,.project-detail.accent-red .project-status{color:var(--red)}.work-item h2,.brief-copy h2,.project-hero h1{z-index:1;font-family:var(--font-space), var(--font-inter), sans-serif;letter-spacing:0;text-transform:uppercase;margin-bottom:0;font-size:clamp(38px,6vw,92px);line-height:.88;position:relative}.work-item p,.method article p,.service-lines p,.project-story p{z-index:1;color:var(--muted);margin-bottom:0;line-height:1.65;position:relative}.work-item small{z-index:1;font-size:11px;position:relative}.method-grid{background:var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.method article{background:#050505d1;min-height:340px;padding:28px}.method article span,.service-lines span,.project-story span,.feature-strip>span{color:var(--acid);text-transform:uppercase;font-size:12px;font-weight:900}.method article h3,.service-lines h3{max-width:380px;font-family:var(--font-space), var(--font-inter), sans-serif;text-transform:uppercase;margin:58px 0 18px;font-size:clamp(28px,3vw,46px);line-height:.96}.service-lines{border-top:1px solid var(--line)}.service-lines article{border-bottom:1px solid var(--line);grid-template-columns:70px minmax(220px,.8fr) minmax(260px,1fr);align-items:baseline;gap:28px;padding:28px 0;display:grid}.brief{grid-template-columns:minmax(280px,.9fr) minmax(320px,560px);gap:clamp(32px,8vw,120px);display:grid}.brief-copy>p{margin-top:24px}.brief-console{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.console-top{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:14px;display:flex}.console-top span{border-radius:50%;width:10px;height:10px}.console-top span:first-child{background:var(--red)}.console-top span:nth-child(2){background:var(--acid)}.console-top span:nth-child(3){background:var(--blue)}.console-top strong{color:var(--muted);text-transform:uppercase;margin-left:auto;font-size:12px}.brief-console label{border-bottom:1px solid var(--line);grid-template-columns:118px 1fr;gap:16px;padding:16px;display:grid}.brief-console label>span{color:var(--acid);font-family:var(--font-space), var(--font-inter), sans-serif;font-size:13px;font-weight:700}.honeypot{position:absolute;left:-10000px}input,select,textarea{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0}textarea{resize:vertical}select option{color:#050505}.brief-console label:focus-within{background:#d8ff3e0d}button{background:var(--acid);color:#050505;text-transform:uppercase;cursor:pointer;border:0;justify-content:space-between;width:100%;min-height:62px;padding:0 16px;font-weight:900}button:disabled{cursor:wait;opacity:.72}.brief-status{min-height:56px;color:var(--acid);margin:0;padding:16px;line-height:1.5}.brief-status.error{color:var(--red)}.project-detail{padding-top:126px}.project-hero{align-content:center;gap:22px;min-height:76svh;display:grid}.back-link,.external-link{width:fit-content;color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.project-hero h1{max-width:1120px;font-size:clamp(58px,11vw,168px)}.project-hero>p:last-of-type{max-width:720px;color:var(--muted);font-size:clamp(18px,2vw,24px);line-height:1.55}.project-story{background:var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.project-story article{background:#050505db;min-height:300px;padding:28px}.project-story p{color:var(--ink);margin-top:72px;font-size:clamp(22px,3vw,38px);line-height:1.08}.feature-strip{border-block:1px solid var(--line);grid-template-columns:180px 1fr;gap:28px;padding:34px 0;display:grid}.feature-strip div{flex-wrap:wrap;gap:10px;display:flex}.feature-strip strong{border:1px solid var(--line);color:var(--ink);text-transform:uppercase;padding:10px 12px;font-size:13px}.site-footer{border-top:1px solid var(--line);color:var(--muted);text-transform:uppercase;padding:28px clamp(18px,4vw,58px);font-size:12px;font-weight:900}.section-reveal{animation:.76s both reveal}@keyframes reveal{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes ticker{to{transform:translate(-33.333%)}}@media (max-width:980px){.site-header{grid-template-columns:1fr auto}nav{display:none}.hero{min-height:92svh}.hero-bottom,.brief,.work-item,.service-lines article,.project-story,.feature-strip{grid-template-columns:1fr}.hero-bottom{flex-direction:column;align-items:start}.method-grid{grid-template-columns:1fr}.method article{min-height:260px}.work-item{min-height:220px}.project-story p{margin-top:48px}}@media (max-width:560px){.site-header{padding:14px}.brand-mark{box-shadow:15px 0 0 var(--red), 30px 0 0 var(--blue)}.locale-switch a{min-width:28px}.hero{padding-top:86px}.hero-meta,.site-footer{flex-direction:column}h1 span:nth-child(2){transform:none}.brief-console label{grid-template-columns:1fr;gap:8px}.project-hero h1{font-size:clamp(48px,16vw,80px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}.ticker-track{animation:none}}
