:root { --black:#050607; --ink:#0b0d0e; --paper:#e6e9e3; --muted:#858a86; --signal:#d8ff3e; --line:rgba(230,233,227,.16); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--black); color:var(--paper); font-family:"Manrope",Arial,sans-serif; font-size:16px; line-height:1.55; overflow-x:hidden; }
a { color:inherit; }
.noise,.scanlines { position:fixed; inset:0; pointer-events:none; z-index:20; }
.noise { opacity:.07; 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='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E"); }
.scanlines { opacity:.05; background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,#fff 4px); }
.site-header { position:absolute; inset:0 0 auto; z-index:4; display:flex; align-items:center; justify-content:space-between; padding:25px 4vw; border-bottom:1px solid var(--line); }
.wordmark { display:flex; align-items:center; gap:13px; text-decoration:none; }
.mark { display:grid; place-items:center; width:35px; height:35px; border:1px solid var(--signal); color:var(--signal); font:500 .76rem/1 "DM Mono",monospace; letter-spacing:-.08em; }
.name { font:500 .8rem/1 "DM Mono",monospace; letter-spacing:.19em; }
.site-header nav { display:flex; gap:clamp(22px,4vw,62px); }
.site-header nav a { font:400 .72rem/1 "DM Mono",monospace; letter-spacing:.14em; text-decoration:none; text-transform:uppercase; }
.site-header nav a:hover { color:var(--signal); }
.hero { position:relative; min-height:100svh; padding:120px 4vw 42px; display:flex; flex-direction:column; justify-content:flex-end; overflow:hidden; background:radial-gradient(ellipse at 71% 43%,rgba(216,255,62,.07),transparent 27%),linear-gradient(115deg,#050607 0%,#090b0d 62%,#030404 100%); }
.status { position:absolute; top:112px; left:4vw; z-index:2; color:var(--muted); font:400 .66rem/1.4 "DM Mono",monospace; letter-spacing:.12em; text-transform:uppercase; }
.status i { display:inline-block; width:6px; height:6px; margin-right:9px; border-radius:50%; background:var(--signal); box-shadow:0 0 12px var(--signal); animation:blink 2s ease-in-out infinite; }
.status span { margin-left:24px; }
.apparition { position:absolute; width:min(45vw,650px); height:78%; top:12%; right:5vw; filter:blur(1px); opacity:.8; }
.spectre { position:absolute; inset:5% 10%; border-radius:48% 52% 44% 56% / 28% 32% 68% 72%; background:radial-gradient(ellipse at 50% 25%,rgba(226,234,225,.2),rgba(154,165,160,.055) 43%,transparent 70%); filter:blur(20px); animation:drift 8s ease-in-out infinite alternate; }
.spectre-b { inset:13% 19% 0 4%; opacity:.65; filter:blur(32px); animation-delay:-3s; }
.spectre-c { inset:0 3% 18% 27%; opacity:.4; filter:blur(48px); animation-delay:-6s; }
.hero-copy { position:relative; z-index:2; }
.eyebrow,.section-index,footer { font:400 .72rem/1.45 "DM Mono",monospace; letter-spacing:.13em; text-transform:uppercase; }
.eyebrow { color:var(--signal); margin:0 0 24px; }
.hero h1 { position:relative; display:inline-block; margin:0; font-size:clamp(4.2rem,12.4vw,12rem); font-weight:500; line-height:.75; letter-spacing:-.075em; text-transform:uppercase; }
.hero h1 span { color:transparent; -webkit-text-stroke:1.5px var(--paper); text-shadow:11px 0 22px rgba(230,233,227,.1); }
.hero h1::after { content:"GHOST"; position:absolute; left:4px; top:0; color:transparent; -webkit-text-stroke:1px rgba(216,255,62,.4); clip-path:inset(46% 0 37% 0); transform:translateX(8px); opacity:.65; }
.hero-foot { margin-top:clamp(38px,6vh,68px); display:flex; align-items:flex-end; justify-content:space-between; gap:30px; }
.hero-foot p { max-width:520px; margin:0; font-size:clamp(1.05rem,1.7vw,1.4rem); font-weight:300; }
.round-link { width:54px; height:54px; border:1px solid var(--line); border-radius:50%; display:grid; place-items:center; text-decoration:none; transition:.25s ease; }
.round-link:hover { background:var(--signal); color:var(--ink); border-color:var(--signal); transform:translateY(4px); }
.frequency { position:absolute; right:4vw; bottom:46px; z-index:1; display:flex; align-items:center; gap:8px; color:var(--muted); font:.58rem/1 "DM Mono",monospace; opacity:.75; }
.frequency b { display:block; width:1px; height:22px; background:var(--muted); }
.frequency b:nth-of-type(3n) { height:38px; background:var(--signal); }
.story,.contact,.release-feature { display:grid; grid-template-columns:minmax(150px,1fr) 3fr; gap:6vw; padding:clamp(90px,12vw,180px) 4vw; border-top:1px solid var(--line); }
.section-index { color:var(--muted); padding-top:12px; }
.release-feature { background:linear-gradient(145deg,#080a0a,#030404); }
.release-feature-main { min-width:0; }
.release-artwork { display:block; overflow:hidden; border:1px solid rgba(216,255,62,.35); background:var(--signal); text-decoration:none; }
.release-signal { position:relative; display:grid; grid-template-columns:1fr 2.45fr 1.2fr; gap:4vw; min-height:clamp(280px,35vw,610px); padding:clamp(34px,5vw,90px); overflow:hidden; background:radial-gradient(circle at 37% 41%,rgba(255,255,255,.16),transparent 30%),linear-gradient(108deg,#cfff13 0%,#dfff25 54%,#c8ff0f 100%); color:#050607; }
.release-signal::after { content:""; position:absolute; inset:0; pointer-events:none; opacity:.16; 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='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E"); mix-blend-mode:multiply; }
.signal-left,.signal-right,.signal-title { position:relative; z-index:1; }
.signal-left,.signal-right { display:flex; flex-direction:column; justify-content:space-between; }
.signal-lockup { display:flex; align-items:center; gap:clamp(18px,2vw,38px); }
.signal-gf { display:grid; place-items:center; width:clamp(62px,7vw,118px); aspect-ratio:1; border:3px solid #050607; font-size:clamp(1.7rem,3.2vw,3.7rem); font-weight:700; letter-spacing:-.11em; }
.signal-number { font:500 clamp(1.8rem,3.4vw,4rem)/1 "DM Mono",monospace; letter-spacing:-.12em; }
.signal-note,.signal-transmission,.signal-connect { font:500 clamp(.56rem,.75vw,.83rem)/1.9 "DM Mono",monospace; letter-spacing:.3em; text-transform:uppercase; }
.signal-note i,.signal-transmission i,.signal-connect i { display:block; width:clamp(44px,5vw,86px); height:3px; margin-top:16px; background:#050607; }
.signal-title { align-self:center; }
.signal-title span { display:block; font-size:clamp(1.6rem,3.8vw,4.3rem); font-weight:600; line-height:.9; letter-spacing:-.07em; text-transform:uppercase; }
.signal-title strong { display:block; margin-top:8px; font-size:clamp(2.2rem,5vw,5.8rem); font-weight:600; line-height:.84; letter-spacing:-.075em; text-transform:uppercase; }
.signal-right { align-items:flex-end; text-align:right; }
.signal-transmission { display:flex; align-items:center; gap:18px; white-space:nowrap; }
.signal-transmission i { display:inline-block; margin:0; }
.signal-connect i { margin-left:auto; }
.release-artwork .release-signal { transition:filter .3s ease,transform .45s ease; }
.release-artwork:hover .release-signal { filter:brightness(1.04) contrast(1.03); transform:scale(1.006); }
.release-feature-copy { display:grid; grid-template-columns:1.7fr 1fr; gap:6vw; align-items:end; margin-top:46px; }
.release-feature h2 { margin:0; font-size:clamp(3rem,6.7vw,7.2rem); font-weight:500; line-height:.85; letter-spacing:-.065em; text-transform:uppercase; }
.release-feature-meta { color:#adb2ad; }
.release-feature-meta p { max-width:430px; margin:0 0 30px; }
.release-button { display:inline-flex; align-items:center; gap:16px; padding:13px 17px; border:1px solid var(--signal); color:var(--signal); font:500 .72rem/1 "DM Mono",monospace; letter-spacing:.12em; text-decoration:none; text-transform:uppercase; transition:.2s ease; }
.release-button:hover { background:var(--signal); color:var(--ink); }
.release-button span { font-size:1rem; }
.story-copy { max-width:1080px; }
.story h2,.contact h2 { margin:0 0 55px; font-size:clamp(2.8rem,6.7vw,7.2rem); font-weight:400; line-height:.96; letter-spacing:-.06em; }
.lead { max-width:950px; font-size:clamp(1.4rem,2.8vw,2.65rem); line-height:1.24; font-weight:300; letter-spacing:-.025em; }
.columns { display:grid; grid-template-columns:1fr 1fr; gap:8vw; margin-top:70px; color:#adb2ad; }
.columns p { margin:0; max-width:445px; }
.transmission { min-height:46vh; display:grid; grid-template-columns:1fr 2.4fr 1fr; gap:5vw; align-items:center; padding:65px 4vw; background:var(--signal); color:var(--ink); }
.transmission>div { font:500 .67rem/1.6 "DM Mono",monospace; letter-spacing:.13em; }
.transmission>div:first-child { display:flex; flex-direction:column; }
.transmission strong { font-size:3.8rem; line-height:1; letter-spacing:-.09em; }
.transmission p { margin:0; font-size:clamp(2.3rem,5vw,6rem); font-weight:600; line-height:.88; letter-spacing:-.065em; }
.transmission-code { align-self:end; text-align:right; }
.contact { min-height:80svh; align-items:start; }
.contact-main .eyebrow { margin-top:10px; }
.contact h2 { margin-top:34px; }
.contact-link { display:inline-flex; gap:18px; align-items:center; font-size:clamp(1.2rem,2.5vw,2.1rem); text-underline-offset:8px; text-decoration-thickness:1px; }
.contact-link span { color:var(--signal); transition:transform .2s; }
.contact-link:hover span { transform:translate(5px,-5px); }
.social-links { display:flex; flex-wrap:wrap; gap:20px; margin-top:30px; }
.social-links a { font:500 .72rem/1.4 "DM Mono",monospace; letter-spacing:.13em; text-transform:uppercase; text-decoration:none; border-bottom:1px solid var(--line); padding-bottom:7px; }
.social-links a span { color:var(--signal); }
.social-links a:hover { border-color:var(--signal); }
.contact-note { color:var(--muted); max-width:500px; margin-top:30px; }
footer { min-height:140px; display:flex; justify-content:space-between; align-items:center; gap:25px; padding:30px 4vw; border-top:1px solid var(--line); color:var(--muted); }
footer .name { font-size:.65rem; color:var(--paper); }
footer .mark { width:29px; height:29px; font-size:.62rem; }
.release-page .site-header { position:relative; }
.release-detail { padding:clamp(120px,12vw,180px) 4vw clamp(90px,10vw,150px); }
.release-detail-top { display:flex; justify-content:space-between; gap:30px; margin-bottom:45px; color:var(--muted); font:400 .7rem/1.5 "DM Mono",monospace; letter-spacing:.13em; text-transform:uppercase; }
.release-detail-art { border:1px solid rgba(216,255,62,.35); background:var(--signal); }
.release-detail-copy { display:grid; grid-template-columns:2fr 1fr; gap:8vw; padding-top:60px; }
.release-detail h1 { margin:0; font-size:clamp(3.5rem,8vw,9rem); font-weight:500; line-height:.82; letter-spacing:-.07em; text-transform:uppercase; }
.release-facts { align-self:end; border-top:1px solid var(--line); }
.release-fact { display:flex; justify-content:space-between; gap:25px; padding:15px 0; border-bottom:1px solid var(--line); font:.7rem/1.5 "DM Mono",monospace; letter-spacing:.08em; text-transform:uppercase; }
.release-fact span:first-child { color:var(--muted); }
.release-story,.platform-panel { display:grid; grid-template-columns:minmax(150px,1fr) 3fr; gap:6vw; padding:clamp(75px,9vw,130px) 4vw; border-top:1px solid var(--line); }
.release-story-main { max-width:1050px; }
.release-story h2 { margin:0 0 46px; font-size:clamp(2.8rem,6.2vw,6.8rem); font-weight:400; line-height:.9; letter-spacing:-.06em; }
.release-lead { max-width:950px; margin:0; font-size:clamp(1.5rem,3vw,2.8rem); line-height:1.2; font-weight:300; letter-spacing:-.03em; }
.release-lead em { color:var(--signal); font-style:normal; }
.release-body { max-width:680px; margin:50px 0 35px; color:#adb2ad; }
.mix-list { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--line); }
.mix-list div { display:grid; grid-template-columns:46px 1fr; align-items:center; gap:12px; padding:19px 0; border-bottom:1px solid var(--line); }
.mix-list div:nth-child(odd) { padding-right:28px; }
.mix-list div:nth-child(even) { padding-left:28px; border-left:1px solid var(--line); }
.mix-list span { color:var(--signal); font:.65rem/1 "DM Mono",monospace; }
.mix-list strong { font-size:clamp(1rem,1.7vw,1.3rem); font-weight:400; }
.platform-panel h2 { margin:0 0 26px; font-size:clamp(2.3rem,5vw,5.5rem); font-weight:400; line-height:.92; letter-spacing:-.055em; }
.platform-panel p { max-width:650px; color:#adb2ad; }
.platform-list { display:flex; flex-wrap:wrap; gap:10px; margin-top:34px; }
.platform-list span { padding:9px 12px; border:1px solid var(--line); color:var(--muted); font:.65rem/1 "DM Mono",monospace; letter-spacing:.1em; text-transform:uppercase; }
.back-link { display:inline-flex; margin-top:38px; color:var(--signal); font:.7rem/1 "DM Mono",monospace; letter-spacing:.12em; text-decoration:none; text-transform:uppercase; }
@keyframes blink { 50% { opacity:.22; box-shadow:none; } }
@keyframes drift { to { transform:translate(5%,-3%) scale(1.08); opacity:.55; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .status i,.spectre { animation:none; } }
@media (max-width:720px) {
  .site-header { padding:20px; } .name { font-size:.68rem; } .site-header nav { gap:18px; } .site-header nav a:first-child { display:none; }
  .hero { padding:118px 20px 30px; min-height:92svh; } .status { top:93px; left:20px; font-size:.58rem; } .status span { display:none; }
  .apparition { width:90vw; height:55%; top:11%; right:-26vw; opacity:.55; }
  .hero h1 { font-size:clamp(4.2rem,22vw,7.5rem); line-height:.8; } .hero-foot { align-items:center; } .hero-foot p { max-width:280px; font-size:1rem; } .frequency { display:none; }
  .story,.contact,.release-feature { grid-template-columns:1fr; padding:78px 20px; gap:46px; } .story h2,.contact h2 { font-size:clamp(2.8rem,13vw,5rem); margin-bottom:40px; }
  .release-feature-copy { grid-template-columns:1fr; gap:32px; margin-top:34px; } .release-feature h2 { font-size:clamp(3rem,14vw,5.2rem); } .release-feature-meta p { max-width:none; }
  .release-signal { grid-template-columns:1fr; gap:30px; min-height:560px; padding:34px 28px; }
  .signal-left { gap:60px; } .signal-lockup { justify-content:flex-start; } .signal-gf { width:72px; } .signal-number { font-size:2.2rem; }
  .signal-title { align-self:auto; } .signal-title span { font-size:2rem; } .signal-title strong { font-size:clamp(3rem,13vw,4.6rem); }
  .signal-right { align-items:flex-start; text-align:left; gap:34px; } .signal-connect i { margin-left:0; } .signal-transmission { order:2; }
  .lead { font-size:1.35rem; } .columns { grid-template-columns:1fr; gap:28px; margin-top:45px; }
  .transmission { min-height:55vh; grid-template-columns:1fr; align-content:space-between; padding:45px 20px; } .transmission strong { font-size:2.7rem; } .transmission p { font-size:clamp(2.7rem,13vw,4.5rem); } .transmission-code { text-align:left; }
  .contact { min-height:auto; } .contact-link { font-size:1rem; } footer { min-height:210px; align-items:flex-start; flex-direction:column; padding:34px 20px; }
  .release-detail { padding:80px 20px; } .release-detail-top { flex-direction:column; gap:8px; margin-bottom:28px; } .release-detail-copy { grid-template-columns:1fr; gap:48px; padding-top:40px; } .release-detail h1 { font-size:clamp(3.2rem,16vw,5.6rem); } .release-story,.platform-panel { grid-template-columns:1fr; gap:38px; padding:70px 20px; } .mix-list { grid-template-columns:1fr; } .mix-list div:nth-child(odd),.mix-list div:nth-child(even) { padding-left:0; padding-right:0; border-left:0; }
}