:root{--bg:#05070d;--surface:#0b101a;--surface-2:#111827;--line:#26344b;--text:#eef6ff;--muted:#a9b6c7;--cyan:#45d8ff;--blue:#2087ff;--magenta:#ff4fd8;--violet:#9b6cff;--danger:#ff6b8b;--radius:8px;--shadow:0 24px 80px rgba(0,0,0,.42);--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{font-family:var(--font);background:radial-gradient(circle at 20% 0%,rgba(32,135,255,.18),transparent 32rem),radial-gradient(circle at 84% 10%,rgba(255,79,216,.13),transparent 26rem),var(--bg);color:var(--text);line-height:1.6;letter-spacing:0;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.025) 50%,transparent 50%);background-size:100% 4px;opacity:.32;z-index:50}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.skip-link{position:absolute;left:1rem;top:-4rem;z-index:100;background:var(--cyan);color:#001018;padding:.7rem 1rem;border-radius:var(--radius)}.skip-link:focus{top:1rem}
.container{width:min(1120px,calc(100% - 32px));margin-inline:auto}.narrow{width:min(840px,calc(100% - 32px))}
.section{padding:88px 0}.section-full{position:relative;overflow:hidden}.site-header{position:sticky;top:0;z-index:40;background:rgba(5,7,13,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(69,216,255,.15)}
.nav-shell{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:1rem}.brand{display:flex;align-items:center;gap:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.brand img{width:34px;height:34px;border-radius:50%;object-fit:cover;box-shadow:0 0 22px rgba(69,216,255,.5)}
.nav-links{display:flex;align-items:center;gap:.2rem}.nav-links a{padding:.6rem .75rem;color:var(--muted);border-bottom:2px solid transparent}.nav-links a[aria-current="page"],.nav-links a:hover{color:var(--text);border-color:var(--cyan)}
.signal-status{font-size:.72rem;color:var(--cyan);text-transform:uppercase;letter-spacing:.12em}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);color:var(--text);border-radius:var(--radius);padding:.55rem .7rem}
.hero,.artist-hero,.page-hero{min-height:calc(100vh - 72px);display:grid;align-items:center;padding:84px 0}.page-hero{min-height:48vh;border-bottom:1px solid rgba(69,216,255,.16)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}.hero-copy{position:relative;z-index:1}.eyebrow{color:var(--cyan);font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;font-weight:800;margin-bottom:1rem}
h1{font-size:clamp(3rem,8vw,6.8rem);line-height:.9;text-transform:uppercase;letter-spacing:0}h2{font-size:clamp(1.9rem,4vw,3rem);line-height:1.05;letter-spacing:0}h3{font-size:1.25rem}.tagline{font-size:clamp(1.35rem,3vw,2.15rem);color:var(--magenta);margin-top:1rem;font-weight:800}.hero-text,.lead{font-size:1.15rem;color:var(--muted);max-width:720px;margin-top:1.25rem}
.button-row,.card-actions,.link-strip{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.6rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.72rem 1rem;border:1px solid rgba(69,216,255,.32);border-radius:var(--radius);background:rgba(13,22,35,.72);color:var(--text);font-weight:800}.button:hover{box-shadow:0 0 24px rgba(69,216,255,.2);transform:translateY(-1px)}.button-primary{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#00131f;border-color:transparent}.button-ghost{background:transparent;color:var(--cyan)}
.hero-art{padding:1rem;border:1px solid rgba(69,216,255,.15);background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.02));box-shadow:var(--shadow);border-radius:var(--radius)}.hero-art img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius)}.hero-art figcaption{color:var(--muted);font-size:.9rem;margin-top:.75rem}
.signal-field{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(69,216,255,.08),transparent),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 96px);animation:drift 18s linear infinite;opacity:.65}
@keyframes drift{from{transform:translateX(-4%)}to{transform:translateX(4%)}}.section-heading{max-width:760px;margin-bottom:2rem}.card-grid{display:grid;gap:1.2rem}.card-grid.three{grid-template-columns:repeat(3,1fr)}
.panel,.feature-panel,.release-highlight,.artist-card,.mission-card,.system-card,.contact-card,.release-card,.archive-record{background:linear-gradient(145deg,rgba(17,24,39,.92),rgba(8,12,20,.94));border:1px solid rgba(69,216,255,.16);border-radius:var(--radius);padding:1.35rem;box-shadow:0 18px 50px rgba(0,0,0,.22)}
.panel-index,.status{display:inline-block;color:var(--magenta);font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800;margin-bottom:.75rem}.panel p,.release-card p,.artist-card p,.prose p,.mission-card p,.system-card p,.contact-card p,.archive-record p{color:var(--muted);margin-top:.8rem}
.split-grid,.content-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;align-items:start}.tag-list{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.2rem}.tag-list span{border:1px solid rgba(155,108,255,.35);color:#d8ccff;padding:.32rem .55rem;border-radius:999px;font-size:.82rem}
.mock-cover{aspect-ratio:1;display:grid;place-items:center;border-radius:var(--radius);font-size:4rem;font-weight:900;color:#00131f;background:radial-gradient(circle,var(--cyan),var(--blue) 55%,#07111f);margin:1rem 0}.mock-cover.violet{background:radial-gradient(circle,var(--magenta),var(--violet) 58%,#10081b)}.mock-cover.cyan{background:radial-gradient(circle,#98f4ff,var(--cyan) 55%,#06151b)}
.portrait-placeholder,.android-portrait,.placeholder-tile{min-height:360px;border-radius:var(--radius);display:grid;place-items:center;text-align:center;padding:1rem;border:1px solid rgba(255,79,216,.25);background:linear-gradient(160deg,rgba(255,79,216,.16),rgba(69,216,255,.09)),radial-gradient(circle at 50% 25%,rgba(255,255,255,.18),transparent 12rem),#080b12}.portrait-placeholder span{font-size:6rem;font-weight:900;color:var(--cyan)}
.android-portrait{padding:0;overflow:hidden;align-self:stretch;box-shadow:var(--shadow)}.android-portrait img{width:100%;height:100%;min-height:620px;object-fit:cover;object-position:50% 38%}.android-portrait figcaption{position:absolute;left:1rem;right:1rem;bottom:1rem;background:rgba(3,5,10,.72);border:1px solid rgba(69,216,255,.18);border-radius:var(--radius);padding:.7rem;color:var(--muted);backdrop-filter:blur(10px)}
.artist-card-image,.inline-feature-image{width:100%;border-radius:var(--radius);border:1px solid rgba(69,216,255,.16);object-fit:cover;object-position:50% 24%;background:#070b13}.artist-card-image{height:360px;margin-bottom:1rem}.inline-feature-image{height:320px;margin:.4rem 0 1rem}
.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;list-style:none}.timeline li{border-left:2px solid var(--cyan);background:rgba(17,24,39,.7);padding:1rem;border-radius:0 var(--radius) var(--radius) 0}.timeline span{display:block;color:var(--muted);margin-top:.4rem}
.filter-bar{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.5rem}.filter-button{border:1px solid var(--line);border-radius:999px;background:rgba(17,24,39,.8);color:var(--text);padding:.55rem .85rem}.filter-button.is-active{background:var(--cyan);color:#00131f;border-color:transparent}.release-grid,.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.release-card[hidden]{display:none}
.release-cover{width:100%;aspect-ratio:2/3;object-fit:cover;object-position:50% 50%;border-radius:var(--radius);border:1px solid rgba(69,216,255,.14);margin-bottom:1rem}.featured-release{border-color:rgba(255,79,216,.35)}
.spotlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.single-spotlight{display:grid;grid-template-columns:minmax(150px,.42fr) 1fr;gap:1rem;align-items:center;background:linear-gradient(145deg,rgba(17,24,39,.92),rgba(8,12,20,.94));border:1px solid rgba(255,79,216,.24);border-radius:var(--radius);padding:1rem}.single-spotlight img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:var(--radius)}.single-spotlight p{color:var(--muted);margin-top:.7rem}
.scene-band,.archive-scene{position:relative;overflow:hidden;border:1px solid rgba(69,216,255,.16);border-radius:var(--radius);background:#05070d;box-shadow:var(--shadow)}.scene-band img,.archive-scene img{width:100%;aspect-ratio:16/9;object-fit:cover}.scene-band div{position:absolute;left:0;right:0;bottom:0;padding:clamp(1rem,4vw,2rem);background:linear-gradient(transparent,rgba(3,5,10,.92) 26%)}.scene-band p,.archive-scene figcaption{color:var(--muted)}.archive-scene figcaption{padding:.8rem 1rem}
.wireback-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:1.4rem;align-items:center;border:1px solid rgba(57,255,95,.32);border-radius:var(--radius);background:linear-gradient(145deg,rgba(0,18,8,.9),rgba(8,12,20,.94));box-shadow:0 22px 70px rgba(0,0,0,.32),0 0 36px rgba(57,255,95,.08);padding:clamp(1rem,3vw,1.6rem)}.wireback-feature p{color:var(--muted);margin-top:.8rem}.terminal-preview{display:grid;gap:.45rem;border:1px solid rgba(57,255,95,.36);border-radius:var(--radius);background:#020603;color:#a9ffb3;font-family:"Courier New",Consolas,monospace;padding:1rem;box-shadow:inset 0 0 30px rgba(57,255,95,.08)}.terminal-preview span{display:block;text-shadow:0 0 8px rgba(57,255,95,.35)}.terminal-cursor-line{animation:cursorPulse 1s steps(2,end) infinite}
.dual-covers{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:1rem 0}.dual-covers img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:var(--radius);border:1px solid rgba(69,216,255,.16)}
.gallery-item{border:1px solid rgba(69,216,255,.16);background:var(--surface);color:var(--text);border-radius:var(--radius);padding:0;overflow:hidden;text-align:left}.gallery-item img{width:100%;aspect-ratio:4/3;object-fit:cover}.gallery-item.tall img{aspect-ratio:2/3}.gallery-item.wide{grid-column:span 2}.gallery-item.wide img{aspect-ratio:16/9}.gallery-item span{display:block;padding:1rem;font-weight:800}.placeholder-tile{aspect-ratio:4/3;min-height:auto}
.lightbox{position:fixed;inset:0;background:rgba(2,4,8,.94);z-index:80;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem}.lightbox[hidden]{display:none}.lightbox figure{max-width:min(900px,80vw);margin:auto}.lightbox img{max-height:78vh;margin:auto;border-radius:var(--radius)}.lightbox figcaption{text-align:center;color:var(--muted);margin-top:1rem}.lightbox button{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:var(--radius);font-size:2rem;padding:.4rem .8rem}.lightbox-close{position:absolute;right:1rem;top:1rem}
.archive-list{display:grid;gap:1rem}.archive-record summary{font-weight:900;color:var(--text)}.archive-record:target{border-color:rgba(69,216,255,.58);box-shadow:0 0 0 1px rgba(69,216,255,.2),0 18px 50px rgba(0,0,0,.22)}.text-link{color:var(--cyan);border-bottom:1px solid rgba(69,216,255,.45)}.contact-form{display:grid;gap:1rem}.contact-form label{display:grid;gap:.45rem;color:var(--muted)}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:var(--radius);background:#080d16;color:var(--text);padding:.8rem}.form-status{color:var(--cyan);min-height:1.5rem}.muted{color:var(--muted)}
.terminal-page{background:#020603;color:#b7ffbf}.terminal-page::before{background:linear-gradient(rgba(50,255,94,.05) 50%,transparent 50%);background-size:100% 3px;opacity:.72}.terminal-shell{min-height:calc(100vh - 72px);padding:48px 0 80px;background:radial-gradient(circle at 50% 0%,rgba(60,255,120,.12),transparent 30rem),#020603}.terminal-window{position:relative;overflow:visible;border:1px solid rgba(86,255,116,.45);border-radius:var(--radius);background:linear-gradient(180deg,rgba(0,18,8,.96),rgba(0,8,4,.98));box-shadow:0 0 32px rgba(48,255,96,.16),inset 0 0 42px rgba(48,255,96,.08);padding:clamp(1rem,3vw,2rem);font-family:"Courier New",Consolas,monospace;color:#a9ffb3;min-height:72vh;text-transform:none}.terminal-window::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 58%,rgba(0,0,0,.32)),repeating-linear-gradient(0deg,rgba(164,255,177,.05) 0 1px,transparent 1px 4px);mix-blend-mode:screen}.terminal-hud{position:relative;z-index:1;display:flex;justify-content:space-between;gap:1rem;border-top:1px solid rgba(86,255,116,.32);border-bottom:1px solid rgba(86,255,116,.32);padding:.42rem 0;margin-bottom:1rem;color:#7dff91;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 10px rgba(57,255,95,.45)}.terminal-hud span:last-child{color:#d7ffdc}.terminal-bar{position:relative;z-index:1;display:flex;gap:.45rem;margin-bottom:1.1rem}.terminal-bar span{width:.7rem;height:.7rem;border-radius:50%;background:#39ff5f;box-shadow:0 0 12px #39ff5f}.terminal-kicker{color:#39ff5f;text-transform:uppercase;letter-spacing:.1em}.terminal-window h1{font-size:clamp(2rem,7vw,5rem);line-height:.95;color:#d7ffdc;text-shadow:0 0 18px rgba(57,255,95,.38);margin:.4rem 0 1rem}.terminal-window p{position:relative;z-index:1;margin:.28rem 0;white-space:normal;text-shadow:0 0 8px rgba(57,255,95,.3)}.terminal-actions{margin-top:1.4rem!important}
.site-footer{border-top:1px solid rgba(69,216,255,.15);background:#03050a;padding:42px 0;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1.5rem}.footer-grid a{color:var(--text)}.footer-links{display:grid;gap:.45rem}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none;clip-path:none}}