:root{--bg:#08080b;--panel:#0e0e13;--ink:#eeeef2;--muted:#8d8d99;--dim:#555560;--violet:#a66cff;--line:rgba(255,255,255,.11);--max:1380px;--pad:clamp(22px,5vw,76px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55;overflow-x:hidden}a{color:inherit}.skip-link{position:fixed;left:1rem;top:-4rem;z-index:1000;background:#fff;color:#000;padding:.75rem 1rem}.skip-link:focus{top:1rem}.site-nav{position:fixed;z-index:50;top:0;left:0;right:0;height:76px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent;transition:.25s;background:linear-gradient(#08080be6,#08080b00)}.site-nav.scrolled{height:64px;background:#08080bf2;border-color:var(--line);backdrop-filter:blur(12px)}.wordmark{text-decoration:none;font-weight:900;letter-spacing:.17em;font-size:.95rem}.wordmark span{color:var(--violet)}.nav-links{display:flex;gap:2.2rem}.nav-links a,.footer-links a{text-decoration:none;color:#b7b7c0;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}.nav-links a:hover,.footer-links a:hover{color:#fff}.menu-toggle{display:none;background:none;border:0;width:38px;height:38px;padding:9px}.menu-toggle span{display:block;height:1px;background:#fff;margin:7px 0}
.hero{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(340px,44%) 1fr;align-items:center;isolation:isolate;overflow:hidden}.hero-copy{position:relative;z-index:5;padding:130px 0 90px var(--pad);max-width:760px}.eyebrow,.small-label{font-size:.69rem;letter-spacing:.24em;text-transform:uppercase;color:var(--violet);font-weight:700}.hero h1{font-size:clamp(4rem,9.2vw,9rem);line-height:.8;letter-spacing:-.065em;margin:.32em 0 .2em;font-weight:900}.roles{font-size:clamp(.72rem,1vw,.92rem);letter-spacing:.22em;font-weight:700}.roles span{color:var(--violet);padding:0 .55em}.intro{max-width:480px;color:#a9a9b3;font-size:clamp(1rem,1.3vw,1.18rem);margin:2.2rem 0 2.4rem}.text-link{display:inline-flex;gap:.75rem;align-items:center;text-decoration:none;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:800;border-bottom:1px solid #5b5b67;padding-bottom:.45rem}.text-link:hover{border-color:var(--violet);color:#fff}.text-link span{color:var(--violet)}.hero-art{position:absolute;z-index:-2;inset:0 0 0 31%;overflow:hidden}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:52% center;filter:saturate(.84) contrast(1.06)}.hero-vignette{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#08080b 0%,#08080bf8 27%,#08080b9c 43%,transparent 63%),linear-gradient(0deg,#08080b 0%,transparent 24%,transparent 78%,#08080b73 100%),radial-gradient(circle at 72% 40%,transparent 0 18%,#08080b0a 40%,#08080b5c 100%)}
.manifesto{max-width:var(--max);margin:auto;padding:clamp(90px,12vw,180px) var(--pad);border-top:1px solid var(--line);font-size:clamp(2rem,4.6vw,5rem);font-weight:800;line-height:1.05;letter-spacing:-.045em}.manifesto p{margin:.12em 0}.manifesto .muted{color:#555560}.work{max-width:var(--max);margin:auto;padding:0 var(--pad)}.section-heading{padding:40px 0 90px}.section-heading h2,.about h2{font-size:clamp(2.8rem,6vw,6rem);letter-spacing:-.055em;line-height:.95;margin:.25em 0 0}.feature{display:grid;grid-template-columns:150px minmax(280px,.8fr) minmax(400px,1.2fr);gap:clamp(25px,4vw,70px);padding:clamp(80px,10vw,145px) 0;border-top:1px solid var(--line);align-items:start}.feature-index{font-size:.67rem;letter-spacing:.18em;color:#72727d;font-weight:700}.feature-index span{color:var(--violet);padding:0 .4em}.feature h3{font-size:clamp(2.7rem,5.4vw,5.7rem);letter-spacing:-.055em;line-height:.92;margin:.15em 0 .35em}.feature-lead{font-size:clamp(1.08rem,1.5vw,1.3rem);max-width:500px;color:#d0d0d7}.feature-copy>p:not(.feature-lead):not(.small-label){color:var(--muted);max-width:500px}.actions{margin-top:2.5rem}.project-window{border:1px solid #252530;background:#0b0b10;box-shadow:0 30px 90px #0009;transform:perspective(1000px) rotateY(-2deg)}.window-bar{height:42px;border-bottom:1px solid #252530;display:flex;align-items:center;gap:7px;padding:0 14px;color:#60606c;font-size:.65rem;letter-spacing:.12em}.window-bar span{width:7px;height:7px;border-radius:50%;background:#34343d}.window-bar b{margin-left:auto;font-weight:400}.window-body{min-height:360px;padding:clamp(30px,5vw,70px);background:radial-gradient(circle at 75% 20%,#5b2f8b40,transparent 35%),linear-gradient(145deg,#111119,#09090d)}.code-kicker{font:600 .6rem monospace;color:#8f68b8;letter-spacing:.13em}.window-body strong{display:block;font-size:clamp(2.7rem,5vw,5.2rem);letter-spacing:-.06em;margin-top:1.2rem}.window-body p{text-transform:uppercase;letter-spacing:.19em;color:#777783;font-size:.65rem}.rule{height:1px;background:linear-gradient(90deg,var(--violet),transparent);margin:1rem 0;width:70%}.fake-ui{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;margin-top:60px}.fake-ui i{height:48px;border:1px solid #292934;background:#101017}.feature-music{align-items:center}.track-list{border-top:1px solid var(--line)}.track-list a{display:grid;grid-template-columns:50px 1fr 30px;align-items:center;gap:10px;padding:20px 5px;border-bottom:1px solid var(--line);text-decoration:none;transition:.2s}.track-list a:hover{padding-left:15px;background:#ffffff04}.track-list span{font-size:.65rem;color:#646470}.track-list strong{font-size:clamp(1rem,1.5vw,1.2rem)}.track-list i{font-style:normal;color:var(--violet)}.records{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.record{min-height:180px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px;display:flex;flex-direction:column}.record span,.record small{font-size:.61rem;letter-spacing:.16em;color:#777783}.record strong{font-size:1.25rem;margin-top:auto}.record small{color:var(--violet);margin-top:10px}.archive-note{font-size:.85rem!important}.about{max-width:var(--max);margin:80px auto 0;padding:clamp(100px,13vw,190px) var(--pad);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,140px);align-items:end}.about-copy{font-size:clamp(1.15rem,1.8vw,1.45rem);color:#b0b0b9}.about-copy p:last-child{color:#666671}footer{max-width:var(--max);margin:auto;padding:45px var(--pad);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:30px;color:#666671}footer p,footer small{font-size:.61rem;letter-spacing:.13em}.footer-links{display:flex;gap:25px}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
@media(max-width:900px){.hero{grid-template-columns:1fr;align-items:end}.hero-copy{padding:42vh var(--pad) 12vh}.hero-art{inset:0}.hero-art img{object-position:56% top}.hero-vignette{background:linear-gradient(0deg,#08080b 5%,#08080bde 30%,transparent 67%),linear-gradient(90deg,#08080b66,transparent 50%)}.feature{grid-template-columns:1fr}.feature-index{margin-bottom:5px}.project-window{transform:none}.about{grid-template-columns:1fr}.records{margin-top:20px}footer{grid-template-columns:1fr 1fr}.footer-links{justify-self:end}}
@media(max-width:640px){.site-nav{height:64px}.menu-toggle{display:block}.nav-links{position:absolute;top:64px;left:0;right:0;background:#08080bf7;border-bottom:1px solid var(--line);padding:25px var(--pad);display:none;flex-direction:column}.nav-links.open{display:flex}.hero-copy{padding-top:46vh}.hero h1{font-size:clamp(3.7rem,18vw,6rem)}.hero-art img{object-position:57% top}.manifesto{padding-top:100px;padding-bottom:100px}.feature{padding:80px 0}.records{grid-template-columns:1fr}.window-body{min-height:280px}.about{padding-top:100px;padding-bottom:100px}footer{grid-template-columns:1fr}.footer-links{justify-self:start}}