:root{--bg:#10110f;--panel:#1a1c18;--ink:#f1f1e9;--muted:#a6aaa0;--acid:#c6f45c;--line:#34372e;--gutter:clamp(22px,4.5vw,80px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--acid);outline-offset:6px}::selection{background:var(--acid);color:var(--bg)}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin:0}button{border:0}section{scroll-margin-top:25px}.skip{position:fixed;top:-80px;left:20px;z-index:200;background:var(--acid);color:var(--bg);padding:15px}.skip:focus{top:12px}.eyebrow{font-family:monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.muted{color:var(--muted)}.accent{color:var(--acid)}
.nav{height:88px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10;background:var(--bg)}.wordmark{font-weight:800;font-size:21px;letter-spacing:-1px}.wordmark span{color:var(--acid)}.nav-links{display:flex;gap:34px;align-items:center;font-size:14px}.nav-links a:not(.nav-cta){color:var(--muted)}.nav-links a:hover{color:var(--acid)}.nav-cta{border:1px solid var(--line);padding:12px 19px;border-radius:3px}.nav-cta span{margin-left:22px;color:var(--acid)}.menu-toggle{display:none;background:transparent;padding:12px}
.hero{padding:44px var(--gutter) 0;position:relative;overflow:hidden}.hero-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}.status{display:flex;align-items:center;gap:8px}.status i{width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 13px #c6f45460}.hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:2vw;align-items:center;min-height:480px}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(76px,10.9vw,176px);font-weight:900;letter-spacing:-.075em;line-height:.85}.hero h1 span{display:block}.hero h1 .outline{color:var(--acid)}.hero-description{font-size:clamp(16px,1.4vw,20px);line-height:1.6;color:var(--muted);max-width:410px;margin:30px 0 25px}.hero-description strong{font-weight:400;color:var(--ink)}.text-link{display:inline-flex;align-items:center;gap:34px;border-bottom:1px solid var(--ink);padding-bottom:10px;font-size:14px}.text-link:hover{color:var(--acid);border-color:var(--acid)}.hero-art{position:relative;aspect-ratio:1.08;background:#171a14;border:1px solid #3d4432;isolation:isolate;transform:rotate(2deg);margin:0 8px 0 0}.hero-art img{height:100%;object-position:center;filter:saturate(.65);position:absolute;inset:0}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#10110f00 60%,#10110fce);pointer-events:none}.art-corner{position:absolute;top:16px;left:16px;width:20px;height:20px;border-top:1px solid var(--acid);border-left:1px solid var(--acid);z-index:2}.art-label{position:absolute;left:22px;right:22px;bottom:22px;z-index:2;display:flex;justify-content:space-between;font-size:12px;font-family:monospace}.art-tag{position:absolute;right:-20px;top:28px;background:var(--acid);color:var(--bg);padding:11px 16px;transform:rotate(-6deg);z-index:3;font-size:12px;font-weight:bold;letter-spacing:.08em}.hero-bottom{display:flex;align-items:center;justify-content:space-between;padding:40px 0 25px;margin-top:16px;color:var(--muted)}.discipline-list{display:flex;gap:18px;font-size:12px;font-family:monospace}.discipline-list span+span:before{content:'+';color:var(--acid);margin-right:18px}.scroll-link{font-size:12px;display:flex;align-items:center;gap:12px}.scroll-link span{font-size:22px;color:var(--acid)}
.brand-strip{padding:28px var(--gutter);border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:40px}.brand-strip p{font-size:11px;font-family:monospace;line-height:1.6;color:var(--muted);max-width:140px;flex-shrink:0}.brand-names{flex:1;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;color:#c5c7bd;font-weight:800;font-size:clamp(15px,1.8vw,25px);letter-spacing:-.06em}.brand-names .serif{font-family:Georgia,serif;font-style:italic}
.section{padding:100px var(--gutter)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px;gap:30px}.section-heading .eyebrow{color:var(--acid);margin-bottom:20px}h2{font-size:clamp(40px,5.6vw,84px);font-weight:600;letter-spacing:-.06em;line-height:1.02}.section-heading>p{max-width:290px;font-size:15px;line-height:1.6;color:var(--muted)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 25px}.project-media{position:relative;overflow:hidden;background:var(--panel);aspect-ratio:16/10}.project-media>img{height:100%;transition:transform .7s cubic-bezier(.2,.7,.3,1),filter .7s;filter:saturate(.8)}.project:hover .project-media>img{transform:scale(1.045);filter:saturate(1)}.project-tag{position:absolute;top:17px;left:17px;background:#10110fcd;backdrop-filter:blur(8px);border:1px solid #ffffff30;padding:8px 11px;font-size:11px;letter-spacing:.05em}.project-arrow{position:absolute;right:18px;bottom:18px;width:47px;height:47px;border-radius:50%;background:var(--ink);color:var(--bg);display:grid;place-items:center;font-size:24px;transition:background .2s,transform .2s}.project:hover .project-arrow{background:var(--acid);transform:rotate(45deg)}.project-info{display:flex;justify-content:space-between;gap:15px;padding-top:18px;align-items:center}.project-info h3{font-size:21px;font-weight:500;letter-spacing:-.03em}.project-info p{font-size:12px;color:var(--muted);margin-top:8px}.project-info>span{font-family:monospace;font-size:12px;color:var(--muted)}.project-featured .project-media{background:#1d2a20}.project-featured .project-media img{object-fit:cover}.project-wide{grid-column:1/-1}.project-wide .project-media{aspect-ratio:2.6}.project-wide .project-media img{object-position:center 42%}
.vault{background:#171914;padding:85px 0;overflow:hidden;border-block:1px solid var(--line)}.vault .section-heading{padding:0 var(--gutter)}.vault-rail{display:flex;gap:28px;overflow-x:auto;padding:8px var(--gutter) 30px;scroll-snap-type:x proximity;scrollbar-color:var(--acid) var(--line);scrollbar-width:thin}.banner-item{width:300px;flex:0 0 300px;scroll-snap-align:center}.phone{width:300px;height:575px;position:relative;background:#0a0d11;border:1px solid #454a3b;border-radius:32px;overflow:hidden}.phone iframe{position:absolute;top:8px;left:8px;border:0;background:white}.phone-cover{position:absolute;inset:8px;border-radius:24px;z-index:2;background:linear-gradient(155deg,#273023,#11150e);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;cursor:pointer;text-align:center;padding:22px}.phone-cover.off{display:none}.phone-power{width:64px;height:64px;display:grid;place-items:center;border:1px solid var(--acid);border-radius:50%;color:var(--acid);font-size:25px}.phone-cover span{font-size:12px;line-height:1.6;letter-spacing:.06em;color:var(--muted)}.phone-cover strong{font-size:30px;font-weight:500;letter-spacing:-.06em}.banner-meta{padding:18px 3px}.banner-format{font-family:monospace;font-size:11px;letter-spacing:.05em;color:var(--acid)}.banner-brand{font-size:19px;font-weight:500;margin:12px 0}.banner-blurb{font-size:14px;line-height:1.6;color:var(--muted)}.banner-tech{font-size:11px;line-height:1.5;color:var(--muted);margin-top:12px}.vault-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 var(--gutter);color:var(--muted);font-size:12px}.rail-buttons{display:flex;gap:8px}.rail-buttons button{border:1px solid #606753;background:transparent;width:44px;height:44px;border-radius:50%;font-size:21px}.rail-buttons button:hover{background:var(--acid);color:var(--bg)}
.services{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.services-intro .eyebrow{color:var(--acid);margin-bottom:22px}.services-intro>p:last-child{color:var(--muted);line-height:1.7;margin-top:28px;max-width:340px}.service{border-top:1px solid var(--line);padding:25px 0}.service:last-child{border-bottom:1px solid var(--line)}.service summary{cursor:pointer;display:flex;gap:20px;align-items:center;list-style:none}.service summary::-webkit-details-marker{display:none}.service summary span{font:12px monospace;color:var(--acid)}.service summary h3{font-size:clamp(22px,2.3vw,34px);font-weight:400;letter-spacing:-.04em;flex:1}.service summary:after{content:'+';color:var(--muted);font-size:25px}.service[open] summary:after{content:'−'}.service p{font-size:15px;line-height:1.7;color:var(--muted);padding:20px 25px 0 36px}.service .tools{font:12px monospace;color:var(--acid);line-height:1.7;padding-top:15px}
.play{position:relative;isolation:isolate;min-height:560px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;border-block:1px solid var(--line);background:radial-gradient(ellipse at 50% 70%,#31482d 0%,#1c1829 40%,#10110f 75%)}#playCanvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y}.play-content{position:relative;pointer-events:none;padding:70px 20px;z-index:2}.play-content .eyebrow{color:var(--acid);margin-bottom:25px}.play h2{font-size:clamp(60px,10vw,150px);font-weight:700;line-height:.9;letter-spacing:-.07em}.play-sub{margin-top:25px;color:#d1d7ca;font-size:15px;line-height:1.6}.play-hint{position:absolute;bottom:25px;left:var(--gutter);font:12px monospace;pointer-events:none}.motion-control{position:absolute;bottom:17px;right:var(--gutter);z-index:4;border:1px solid #788071;background:#10110fa0;padding:10px 15px;border-radius:3px;font-size:12px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.about .eyebrow{color:var(--acid);margin-bottom:22px}.about-copy{font-size:clamp(21px,2.2vw,33px);line-height:1.4;letter-spacing:-.03em}.about-copy span{color:var(--muted)}.stats{display:flex;gap:40px;margin-top:40px}.stat b{font-size:clamp(28px,3.1vw,48px);font-weight:500;letter-spacing:-.05em}.stat p{font:11px monospace;color:var(--muted);margin-top:10px;line-height:1.5}.sound-link{display:block;font-size:14px;color:var(--muted);margin-top:25px}.sound-link:hover{color:var(--acid)}
.contact{padding:80px var(--gutter);background:var(--acid);color:var(--bg)}.contact-top{display:flex;justify-content:space-between;gap:20px;margin-bottom:35px}.contact-title{font-size:clamp(55px,10vw,150px);font-weight:700;line-height:.94;letter-spacing:-.07em;display:flex;justify-content:space-between;align-items:center;gap:20px}.contact-title span{font-weight:400;transition:transform .3s}.contact-title:hover span{transform:translate(8px,-8px)}.contact-bottom{border-top:1px solid #10110f40;margin-top:40px;padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px}.contact-bottom a{border-bottom:1px solid #10110f;padding-bottom:3px}.footer{padding:26px var(--gutter);display:flex;justify-content:space-between;color:var(--muted);font-size:12px;gap:20px}.footer a:hover{color:var(--acid)}
@keyframes enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-copy{animation:enter .8s both}.hero-art{transition:transform .5s}.hero-art:hover{transform:rotate(0)}.motion-paused *{animation-play-state:paused!important;transition:none!important}.motion-paused #playCanvas{opacity:0}.motion-paused{scroll-behavior:auto}
@media(min-width:1600px){.hero-grid{min-height:600px}.hero-art{max-height:630px}.hero h1{font-size:180px}}@media(max-width:900px){.hero-grid{min-height:370px}.hero-topline{margin-bottom:30px}.hero h1{font-size:11.5vw}.hero-description{font-size:16px}.discipline-list{gap:10px}.discipline-list span+span:before{margin-right:10px}.brand-strip{gap:25px}.brand-names{justify-content:flex-start;gap:24px}.section{padding-block:70px}.section-heading>p{max-width:240px}.services{gap:40px;grid-template-columns:1fr 1.2fr}.stats{gap:20px}.about{gap:35px}.contact-title{font-size:10vw}}
@media(max-width:640px){.nav{height:72px}.wordmark{font-size:20px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:71px;left:0;right:0;padding:25px var(--gutter);background:var(--bg);border-bottom:1px solid var(--line);align-items:stretch;gap:24px}.nav-links.open{display:flex;flex-direction:column}.hero{padding-top:27px}.hero-topline{font-size:10px;gap:15px;margin-bottom:32px}.hero-topline>.eyebrow{max-width:150px;font-size:10px;line-height:1.6}.status{font-size:10px}.hero-grid{grid-template-columns:1fr;gap:36px}.hero h1{font-size:21vw;line-height:.86}.hero-description{margin-top:22px;max-width:340px}.hero-art{aspect-ratio:1.3;margin:0 8px 0 0}.art-tag{right:-12px}.hero-bottom{padding:25px 0;margin-top:5px;align-items:flex-end;gap:10px}.discipline-list{flex-wrap:wrap;max-width:240px;gap:9px;font-size:10px}.discipline-list span+span:before{margin-right:9px}.scroll-link{font-size:10px}.brand-strip{display:block;padding-block:24px}.brand-strip p{max-width:none;margin-bottom:20px}.brand-strip p br{display:none}.brand-names{font-size:19px;gap:22px 27px}.section-heading{align-items:start;flex-direction:column;gap:20px}.section-heading>p{max-width:330px}.work-grid{grid-template-columns:1fr;gap:35px}.project-wide{grid-column:auto}.project-wide .project-media{aspect-ratio:16/10}.section{padding-block:60px}.vault{padding-block:60px}.vault-controls{align-items:center}.vault-controls>p{max-width:215px;line-height:1.5}.services,.about{grid-template-columns:1fr;gap:35px}.services-intro>p:last-child{margin-top:20px}.play{min-height:470px}.play-sub{max-width:270px;margin-inline:auto}.play h2{font-size:20vw}.play-hint{font-size:10px;max-width:180px}.motion-control{font-size:11px}.about-copy{font-size:25px}.stats{justify-content:space-between;gap:15px}.contact{padding-block:55px}.contact-top{font-size:10px;line-height:1.6}.contact-title{font-size:14vw}.contact-title span{font-size:13vw}.contact-bottom{flex-direction:column;align-items:flex-start;font-size:13px}.contact-bottom a{overflow-wrap:anywhere}.footer{font-size:11px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-art{transform:none}}

.no-gl #playCanvas{display:none}

/* Continuous tape: each identical group includes its own trailing space. */
.brand-strip{display:grid;grid-template-columns:145px minmax(0,1fr);gap:32px;overflow:hidden}
.brand-caption{min-width:0}.brand-caption p{margin-bottom:12px}
.ticker-toggle{padding:6px 0;background:transparent;color:var(--muted);font:12px monospace;text-align:left}.ticker-toggle:hover{color:var(--acid)}
.brand-window{min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.brand-track{display:flex;width:max-content;animation:brand-tape 150s linear infinite;will-change:transform}
.brand-group{display:flex;align-items:center;flex:none;gap:40px;padding:12px 40px 12px 0;margin:0;list-style:none}
.brand-group li{white-space:nowrap;font-size:clamp(18px,2vw,28px);font-weight:800;letter-spacing:-.045em;color:#c5c7bd}
.brand-group li:after{content:'✳';font-size:16px;color:var(--acid);margin-left:40px}
.brand-strip.ticker-paused .brand-track,.brand-window:hover .brand-track{animation-play-state:paused}
@keyframes brand-tape{to{transform:translateX(-50%)}}
.hero-grid>*,.work-grid>*,.services>*,.about>*,.service summary h3{min-width:0}
.service summary:focus-visible{outline:2px solid var(--acid);outline-offset:6px}
.project-info h3,.service summary h3{overflow-wrap:break-word}
@media(max-width:740px){.nav-links{gap:18px}.services{grid-template-columns:1fr}.about{grid-template-columns:1fr}}
@media(max-width:640px){
.brand-strip{grid-template-columns:minmax(0,1fr);gap:8px;padding-inline:0}
.brand-caption{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-inline:var(--gutter)}
.brand-caption p{margin:0}.brand-group{gap:26px;padding-right:26px}.brand-group li:after{margin-left:26px}
.hero-bottom{flex-wrap:wrap;row-gap:16px}.hero-topline{align-items:flex-start}.status{white-space:nowrap}
.hero h1{font-size:20vw}.art-tag{font-size:10px;max-width:95%}.art-label{font-size:10px;gap:8px;left:15px;right:15px}
.vault-controls>p{min-width:0}.rail-buttons{flex-shrink:0}.contact-title{font-size:12.5vw;gap:10px}
.stats{flex-wrap:wrap;row-gap:25px}.play-hint{max-width:145px}.service p{padding-left:0}
}
@media(prefers-reduced-motion:reduce){.brand-window{overflow-x:auto;mask-image:none}.brand-track{animation:none;transform:none}.brand-group[aria-hidden]{display:none}}
.motion-paused .brand-window{overflow-x:auto;mask-image:none}.motion-paused .brand-track{transform:none}.motion-paused .brand-group[aria-hidden]{display:none}

@media(max-width:360px){.banner-item{width:calc(100vw - 44px);flex-basis:calc(100vw - 44px)}.phone{width:100%}.play-hint{max-width:125px}}