: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 { 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; }
.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; }
@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 { grid-template-columns:1fr; padding:78px 20px; gap:46px; } .story h2,.contact h2 { font-size:clamp(2.8rem,13vw,5rem); margin-bottom:40px; }
  .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; }
}