:root{--ink:#eef5f0;--muted:#a8bab5;--deep:#030809;--panel:rgba(4,12,13,.68);--line:rgba(210,235,226,.18);--amber:#dfb56d;--sea:#8affdc;--red:#7a2924}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#030809;color:var(--ink);font-family:Georgia,'Times New Roman',serif;line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-5;background:linear-gradient(180deg,rgba(3,8,9,.06),#030809 82%),radial-gradient(circle at 18% 12%,rgba(138,255,220,.14),transparent 28%),url('assets/hero.jpeg') center/cover fixed;filter:saturate(.72) contrast(1.08)}body:after{content:"";position:fixed;inset:0;z-index:-4;background:linear-gradient(90deg,rgba(0,0,0,.5),transparent 28%,rgba(0,0,0,.34)),linear-gradient(180deg,transparent 0 55%,rgba(3,8,9,.82));pointer-events:none}.film-grain{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.14;background-image:repeating-radial-gradient(circle at 20% 30%,rgba(255,255,255,.18) 0 1px,transparent 1px 3px)}.lighthouse-sweep{position:fixed;left:-20vw;top:0;width:42vw;height:110vh;z-index:-2;opacity:.14;background:linear-gradient(86deg,transparent 0 28%,rgba(255,245,200,.52) 49%,transparent 70%);transform-origin:60vw 22vh;animation:sweep 30s linear infinite}@keyframes sweep{0%,72%{transform:rotate(-21deg) translateX(-40vw)}78%{transform:rotate(18deg) translateX(55vw)}100%{transform:rotate(18deg) translateX(55vw)}}.fog{position:fixed;left:-30%;right:-30%;bottom:-10vh;height:42vh;z-index:-1;pointer-events:none;filter:blur(24px);background:radial-gradient(ellipse at center,rgba(218,235,228,.22),transparent 65%);animation:fog 16s ease-in-out infinite alternate}.fog-b{bottom:12vh;opacity:.35;animation-duration:23s;animation-direction:alternate-reverse}@keyframes fog{from{transform:translateX(-6%)}to{transform:translateX(6%)}}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 28px;background:rgba(2,7,8,.70);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{font-weight:bold;letter-spacing:.26em;color:var(--amber)}nav{display:flex;gap:17px;flex-wrap:wrap;text-transform:uppercase;letter-spacing:.08em;font-size:.86rem}nav a:hover{color:var(--amber)}.chapter{min-height:92vh;padding:86px 7vw;border-top:1px solid var(--line);position:relative}.hero{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(320px,1fr);gap:44px;align-items:center;min-height:100vh;border-top:0;padding-top:100px}.hero-poster{position:relative;max-width:520px;justify-self:center}.hero-poster:before{content:"";position:absolute;inset:6%;border:1px solid rgba(223,181,109,.34);transform:rotate(-2deg)}.hero-poster img{width:100%;aspect-ratio:3/4;object-fit:cover;border:1px solid var(--line);box-shadow:0 36px 110px rgba(0,0,0,.72);filter:saturate(.72) contrast(1.08)}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--amber);font-size:.78rem;margin:0 0 9px}.hero h1{font-size:clamp(4.2rem,10vw,10rem);text-transform:uppercase;line-height:.82;margin:0;letter-spacing:.045em;text-shadow:0 10px 45px rgba(0,0,0,.8)}.tagline{font-size:clamp(1.35rem,2.8vw,2.35rem);line-height:1.18;margin:22px 0 10px}.logline{color:var(--muted);font-size:1.1rem;max-width:760px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.button{border:1px solid var(--amber);background:var(--amber);color:#0d0c08;padding:11px 16px;text-transform:uppercase;letter-spacing:.1em;font-weight:bold;cursor:pointer}.button.secondary,.button.ghost{background:transparent;color:var(--ink)}.button:hover{filter:brightness(1.12)}.section-title{max-width:1040px;margin:0 auto 24px}.section-title.centered{text-align:center}.section-title h2{font-size:clamp(2.4rem,6vw,5.8rem);line-height:.92;margin:0;letter-spacing:.03em}.story-scroll{max-width:960px;margin:auto;padding:34px;background:linear-gradient(135deg,rgba(3,10,11,.8),rgba(3,10,11,.38));border:1px solid var(--line);box-shadow:0 28px 80px rgba(0,0,0,.45);font-size:1.08rem}.story-scroll p{margin:0 0 18px}.story-scroll blockquote{font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.12;color:var(--amber);border-left:3px solid var(--amber);padding-left:20px;margin:28px 0}.radio-stage{max-width:980px;margin:30px auto 0}.ham-radio{position:relative;min-height:540px;border-radius:28px;padding:26px;overflow:hidden;background:radial-gradient(circle at 68% 18%,rgba(223,181,109,.12),transparent 18%),linear-gradient(145deg,#2a2721,#080b0b 46%,#18110c);border:4px solid #514538;box-shadow:inset 0 0 45px rgba(0,0,0,.82),0 40px 110px rgba(0,0,0,.66)}.ham-radio:before{content:"";position:absolute;inset:18px;border:1px solid rgba(223,181,109,.24);border-radius:20px;pointer-events:none}.radio-top{display:flex;justify-content:space-between;color:var(--amber);letter-spacing:.12em;font-size:.8rem}.speaker{position:absolute;left:36px;top:86px;width:32%;height:250px;border-radius:18px;background:repeating-linear-gradient(90deg,#101313 0 8px,#1d2222 8px 15px);border:1px solid rgba(255,255,255,.12)}.tuning-eye{position:absolute;right:42px;top:78px;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle,#8affdc 0 12%,#17453e 42%,#041110 72%);border:2px solid rgba(138,255,220,.35);box-shadow:inset 0 0 22px rgba(0,0,0,.8),0 0 8px rgba(138,255,220,.1);opacity:.32;transition:opacity .25s,box-shadow .25s,filter .25s}.tuning-eye span{position:absolute;inset:19px;border-radius:50%;background:rgba(255,255,255,.18);filter:blur(3px)}.ham-radio.locked .tuning-eye{opacity:1;filter:saturate(1.2);box-shadow:inset 0 0 18px rgba(0,0,0,.85),0 0 20px rgba(138,255,220,.36)}.frequency-window{position:absolute;right:36px;top:162px;width:52%;min-height:150px;padding:22px 22px 18px;text-align:center;background:#061b19;border:2px solid rgba(138,255,220,.35);box-shadow:inset 0 0 25px rgba(138,255,220,.13),0 0 20px rgba(138,255,220,.08);font-family:'Courier New',monospace;color:var(--sea);text-shadow:0 0 12px rgba(138,255,220,.45)}.frequency-window span{font-size:clamp(2.6rem,6vw,3.9rem);line-height:1;display:inline-block}.frequency-window small{display:inline-block;margin-left:6px;letter-spacing:.12em}.signal-text{display:block;margin-top:16px;min-height:28px;font-family:Georgia,'Times New Roman',serif;color:rgba(232,255,245,.86);font-size:1.02rem;letter-spacing:.045em;text-shadow:0 0 10px rgba(138,255,220,.22);font-style:italic;transition:opacity .55s ease, transform .55s ease}.signal-text.hidden{opacity:0;transform:translateY(6px)}.signal-text.active{opacity:1;transform:translateY(0)}.dial-track{position:absolute;left:7%;right:7%;bottom:132px;height:42px;border:1px solid rgba(223,181,109,.32);border-radius:999px;background:linear-gradient(90deg,rgba(138,255,220,.08),rgba(223,181,109,.12));box-shadow:inset 0 0 18px rgba(0,0,0,.55)}.dial-track:before{content:"6.910";position:absolute;left:12px;top:9px;color:rgba(255,255,255,.55);font-family:'Courier New',monospace}.dial-track:after{content:"7.570";position:absolute;right:12px;top:9px;color:rgba(255,255,255,.55);font-family:'Courier New',monospace}.dial-track i{position:absolute;top:-7px;left:0;width:3px;height:56px;background:var(--amber);box-shadow:0 0 16px rgba(223,181,109,.7);transition:left .05s linear}.ham-radio input{position:absolute;left:7%;right:7%;bottom:136px;width:86%;height:50px;opacity:0;cursor:grab}.ham-radio input:active{cursor:grabbing}.main-knob{position:absolute;left:50%;bottom:32px;width:86px;height:86px;margin-left:-43px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#9a8e7d,#393530 50%,#0b0b0b 74%);border:3px solid #070707;box-shadow:inset -9px -12px 18px rgba(0,0,0,.78),0 0 0 1px rgba(223,181,109,.18);transition:transform .05s linear}.main-knob:after{content:"";position:absolute;left:50%;top:9px;width:3px;height:22px;background:rgba(223,181,109,.85);transform:translateX(-50%);border-radius:3px}.knobs{position:absolute;right:36px;bottom:40px;display:flex;gap:12px}.knobs span{display:block;width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#837767,#242321 60%,#060606);border:2px solid #050505}.character-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.character-grid article{min-height:250px;background:linear-gradient(180deg,rgba(7,19,20,.72),rgba(3,8,9,.72));border:1px solid var(--line);padding:24px;box-shadow:0 18px 60px rgba(0,0,0,.38)}.character-grid h3{font-size:2rem;color:var(--amber);margin:0 0 12px}.character-grid p{color:var(--muted);margin:0}.player-shell{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:center;max-width:980px;background:var(--panel);border:1px solid var(--line);padding:22px;box-shadow:0 28px 80px rgba(0,0,0,.42)}.player-shell img{width:100%;aspect-ratio:1/1;object-fit:cover;border:1px solid var(--line)}.player-info h3{font-size:2rem;margin:0}.player-info p:not(.eyebrow){color:var(--muted)}audio{width:100%;filter:sepia(.25) saturate(.75)}.tracks{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:22px}.track{cursor:pointer;background:rgba(5,16,18,.68);border:1px solid var(--line);overflow:hidden;transition:transform .25s,border-color .25s}.track:hover,.track.active{transform:translateY(-4px);border-color:rgba(223,181,109,.62)}.track img{width:100%;height:170px;object-fit:cover;filter:saturate(.78)}.track div{padding:15px}.track h3{margin:0 0 8px;font-size:1.25rem}.track p{margin:0;color:var(--muted);font-size:.95rem}.cinema{max-width:1050px;margin:auto}.marquee{text-align:center;color:var(--amber);letter-spacing:.18em;text-transform:uppercase;border:1px solid rgba(223,181,109,.42);padding:12px;margin-bottom:18px;background:rgba(0,0,0,.44)}.screen{position:relative;background:#000;border:14px solid #090909;box-shadow:0 0 0 1px var(--amber),0 35px 90px rgba(0,0,0,.68)}.screen:before{content:"";display:block;padding-top:56.25%}.screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.screen-note{text-align:center;color:var(--muted)}.gallery-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.gallery-grid figure{margin:0;position:relative;overflow:hidden;border:1px solid var(--line);background:#000}.gallery-grid img{width:100%;height:360px;object-fit:cover;display:block;filter:saturate(.68) contrast(1.08);transition:transform .35s,filter .35s}.gallery-grid figure:hover img{transform:scale(1.04);filter:saturate(.9) contrast(1.12)}.gallery-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:12px 14px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.75));color:var(--amber);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem}footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:28px 7vw;background:#020607;color:var(--muted);border-top:1px solid var(--line)}footer div{display:flex;gap:14px;flex-wrap:wrap}.dock-player{position:fixed;right:18px;bottom:18px;z-index:35;display:flex;align-items:center;gap:12px;max-width:330px;padding:11px 14px;background:rgba(2,7,8,.78);border:1px solid var(--line);backdrop-filter:blur(12px);box-shadow:0 16px 50px rgba(0,0,0,.45)}.dock-player button{width:38px;height:38px;border-radius:50%;border:1px solid var(--amber);background:transparent;color:var(--amber);cursor:pointer}.dock-player strong{display:block;line-height:1.1}.dock-player small{display:block;color:var(--muted)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.in{opacity:1;transform:translateY(0)}@media(max-width:1050px){.hero{grid-template-columns:1fr}.hero-poster{max-width:380px}.character-grid,.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:740px){.site-header{align-items:flex-start;flex-direction:column;padding:12px 18px}nav{gap:10px;font-size:.76rem}.chapter{padding:70px 5vw}.hero h1{font-size:4rem}.story-scroll{padding:22px}.speaker{position:relative;left:auto;top:auto;width:100%;height:120px;margin-top:18px}.tuning-eye{position:relative;right:auto;top:auto;margin:18px auto 0}.frequency-window{position:relative;right:auto;top:auto;width:100%;margin-top:18px}.ham-radio{min-height:660px}.dial-track{bottom:146px}.ham-radio input{bottom:150px}.main-knob{bottom:38px}.knobs{display:none}.player-shell{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr}.gallery-grid img{height:260px}.dock-player{left:12px;right:12px;bottom:12px;max-width:none}.hero-actions .button{width:100%;text-align:center}}