@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Inter:wght@300;400;500;600&family=Orbitron:wght@500;600;700;800&display=swap');

:root{
  --bg:#020405;
  --ink:#eefcfb;
  --muted:rgba(232,255,252,.56);
  --cyan:#74fff0;
  --cyan-soft:rgba(116,255,240,.25);
  --line:rgba(150,255,244,.16);
  --audio-energy:0;
}
*{box-sizing:border-box}
html{scroll-behavior:auto;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
.noise{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.032;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='.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");mix-blend-mode:screen}

/* BRAIN / WAVE CURSOR */
.sound-cursor{position:fixed;z-index:100;left:0;top:0;width:78px;height:58px;transform:translate(-50%,-50%);opacity:0;pointer-events:none;mix-blend-mode:screen;transition:opacity .18s ease;will-change:transform}
.sound-cursor svg{display:block;width:100%;height:100%;overflow:visible}.sound-cursor path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.cursor-wave-line{stroke:rgba(247,255,254,1);stroke-width:2.35;filter:drop-shadow(0 0 3px rgba(116,255,240,1)) drop-shadow(0 0 9px rgba(116,255,240,.78))}.cursor-brain{transform-box:fill-box;transform-origin:center;will-change:transform}.cursor-brain-shell{fill:rgba(22,79,75,.26);stroke:rgba(239,255,253,1);stroke-width:1.55;filter:drop-shadow(0 0 3px rgba(116,255,240,.95)) drop-shadow(0 0 10px rgba(116,255,240,.48))}.cursor-brain-folds{stroke:rgba(213,255,250,.82);stroke-width:1.05;opacity:.88;filter:drop-shadow(0 0 2px rgba(116,255,240,.62))}
@media (hover:hover) and (pointer:fine){html.has-sound-cursor,html.has-sound-cursor body,html.has-sound-cursor a,html.has-sound-cursor button{cursor:none!important}}

/* HEADER */
.site-header{position:fixed;z-index:40;top:0;left:0;width:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:1rem;padding:22px clamp(20px,4vw,64px);font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.23em;color:rgba(240,255,253,.72);pointer-events:none}.site-header a{pointer-events:auto}.brand{justify-self:start;display:inline-flex;align-items:baseline;gap:.08em;width:auto;line-height:1;font-family:Orbitron,Inter,sans-serif;font-size:clamp(.78rem,1.12vw,1.06rem);letter-spacing:.19em;font-weight:430;text-transform:uppercase;background:linear-gradient(90deg,rgba(241,255,252,.92),rgba(116,255,240,.90) 58%,rgba(219,255,249,.78));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 22px rgba(116,255,240,.10);filter:drop-shadow(0 2px 9px rgba(0,0,0,.48))}.brand b{font-weight:650}.sound-link{justify-self:end;mix-blend-mode:screen}
.sound-gate{position:fixed;z-index:80;right:clamp(16px,2.5vw,36px);bottom:clamp(16px,2.5vw,32px);display:flex;align-items:center;gap:12px;border:1px solid rgba(116,255,240,.25);background:rgba(2,4,5,.74);backdrop-filter:blur(12px);color:rgba(239,255,253,.86);padding:11px 14px;border-radius:999px;font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.16em;transition:border-color .25s,background .25s,transform .25s;box-shadow:0 0 0 1px rgba(255,255,255,.02) inset}.sound-gate:hover{border-color:rgba(116,255,240,.7);background:rgba(8,22,21,.86);transform:translateY(-1px)}.sound-gate[aria-pressed="true"]{border-color:rgba(116,255,240,.55)}.sound-gate-wave{height:15px;width:24px;display:flex;align-items:center;justify-content:center;gap:2px}.sound-gate-wave i{display:block;width:2px;height:5px;background:var(--cyan);box-shadow:0 0 6px rgba(116,255,240,.65);animation:soundBars .85s ease-in-out infinite alternate}.sound-gate-wave i:nth-child(2){animation-delay:-.2s}.sound-gate-wave i:nth-child(3){animation-delay:-.45s}.sound-gate-wave i:nth-child(4){animation-delay:-.1s}.sound-gate-wave i:nth-child(5){animation-delay:-.32s}@keyframes soundBars{to{height:14px}}

/* OPENING - PRESERVED */
.scroll-cinema{position:relative;height:760vh;background:#000}.cinema-sticky{position:sticky;top:0;height:100vh;overflow:hidden;background:#000;isolation:isolate}.corridor-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.002);filter:saturate(.9) contrast(1.06) brightness(.9);will-change:filter}.cinema-vignette{position:absolute;inset:0;z-index:2;background:radial-gradient(circle at 50% 48%,transparent 22%,rgba(0,0,0,.05) 50%,rgba(0,0,0,.74) 122%),linear-gradient(to bottom,rgba(0,0,0,.18),transparent 26%,transparent 72%,rgba(0,0,0,.28));pointer-events:none}.cinema-blackout{position:absolute;inset:0;z-index:3;background:radial-gradient(circle at 50% 63%,rgba(6,36,34,.18),transparent 35%),#020405;opacity:0;pointer-events:none;will-change:opacity}.intro-copy{position:absolute;z-index:8;left:50%;bottom:7vh;display:flex;flex-direction:column;align-items:center;gap:14px;transform:translateX(-50%);font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.32em;color:rgba(245,255,254,.78)}.intro-copy i{width:1px;height:46px;background:linear-gradient(to bottom,rgba(116,255,240,.1),rgba(116,255,240,.9));animation:pulseLine 1.8s ease-in-out infinite}@keyframes pulseLine{0%,100%{transform:scaleY(.45);transform-origin:top;opacity:.35}50%{transform:scaleY(1);opacity:1}}.corridor-title-wrap{--title-scale:.016;--title-y:0vh;--title-opacity:0;--kicker-opacity:0;position:absolute;z-index:9;left:50%;top:48%;width:min(95vw,1700px);transform:translate(-50%,calc(-50% + var(--title-y))) scale(var(--title-scale));transform-origin:center;opacity:var(--title-opacity);text-align:center;will-change:transform,opacity;pointer-events:none}.corridor-title{margin:0;font-family:Orbitron,Inter,sans-serif;font-size:clamp(4.5rem,13vw,12rem);font-weight:700;line-height:.8;letter-spacing:.095em;color:#eafffc;text-shadow:0 0 7px rgba(235,255,253,.7),0 0 25px rgba(116,255,240,.48),0 0 80px rgba(116,255,240,.23);white-space:nowrap}.corridor-kicker{margin:24px 0 0;font-family:"DM Mono",monospace;font-size:clamp(8px,.75vw,12px);letter-spacing:.3em;color:rgba(223,255,251,.72);opacity:var(--kicker-opacity)}.arrival-wave{position:absolute;z-index:7;left:50%;top:73%;width:min(92vw,1220px);height:min(28vh,280px);transform:translate(-50%,42px) scale(.86);transform-origin:center;opacity:0;pointer-events:none;will-change:transform,opacity}.wave{display:block;width:100%;height:100%;overflow:visible}.wave path{fill:none;stroke:url(#waveFade);vector-effect:non-scaling-stroke;stroke-linecap:round}.wave-core{position:absolute;left:50%;top:50%;width:2px;height:2px;border-radius:50%;transform:translate(-50%,-50%);background:white;box-shadow:0 0 20px rgba(116,255,240,.8),0 0 100px rgba(116,255,240,.25)}.arrival-line{position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);margin:0;white-space:nowrap;font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.34em;color:rgba(116,255,240,.78)}.progress-rail{position:absolute;z-index:12;right:clamp(14px,2vw,30px);top:50%;width:1px;height:100px;transform:translateY(-50%);background:rgba(255,255,255,.12)}.progress-rail span{display:block;width:1px;height:100%;background:var(--cyan);transform-origin:top;transform:scaleY(0);box-shadow:0 0 10px var(--cyan)}

/* MELODY LAW */
.melody-threshold{position:relative;min-height:145vh;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(57,167,158,.13),transparent 29%),radial-gradient(circle at 50% 36%,rgba(10,63,62,.13),transparent 35%),#020405;border-top:1px solid rgba(116,255,240,.06)}.threshold-orbit{position:absolute;left:50%;top:0;width:80vw;max-width:1200px;aspect-ratio:1;border:1px solid rgba(116,255,240,.08);border-radius:50%;transform:translate(-50%,-72%);box-shadow:0 0 90px rgba(116,255,240,.04) inset}.threshold-inner{width:min(1200px,calc(100% - 40px));margin:0 auto;padding:18vh 0 18vh;text-align:center}.eyebrow{margin:0;font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.34em;color:rgba(213,255,250,.58)}.threshold-statement{margin:34px auto 0;max-width:920px;font-size:clamp(2rem,4.7vw,5.2rem);line-height:1.04;font-weight:300;letter-spacing:-.045em;color:rgba(239,255,253,.88)}.threshold-statement strong{font-weight:500;color:#effffd;text-shadow:0 0 35px rgba(116,255,240,.18)}.manifesto{max-width:780px;margin:72px auto 0;font-size:clamp(1.15rem,2.1vw,1.8rem);line-height:1.5;font-weight:300;letter-spacing:-.02em;color:rgba(235,255,252,.72)}.laws{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:110px;text-align:left;background:var(--line);border:1px solid var(--line)}.laws article{min-height:270px;padding:34px;background:rgba(2,4,5,.96);transition:background .35s ease}.laws article:hover{background:rgba(8,20,20,.92)}.laws span{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.22em;color:rgba(116,255,240,.55)}.laws h3{margin:55px 0 14px;font-family:Orbitron,Inter,sans-serif;font-size:15px;letter-spacing:.08em;font-weight:600}.laws p{margin:0;max-width:26ch;color:var(--muted);font-size:14px;line-height:1.65}

/* CHAPTER OPEN */
.chapter-intro{min-height:90vh;display:grid;place-content:center;text-align:center;padding:14vh 24px;background:#000;position:relative;overflow:hidden}.chapter-number{font-family:"DM Mono",monospace;color:rgba(116,255,240,.45);font-size:10px;letter-spacing:.4em;margin:0 0 32px}.chapter-line{font-family:"DM Mono",monospace;color:rgba(239,255,253,.54);font-size:clamp(10px,1.1vw,14px);letter-spacing:.35em;margin:0}.chapter-intro h2{font-family:Orbitron,Inter,sans-serif;font-size:clamp(3rem,9vw,9rem);letter-spacing:.06em;line-height:.9;margin:20px 0 0;font-weight:650;color:#effffd;text-shadow:0 0 40px rgba(116,255,240,.12)}.chapter-wire{width:min(740px,70vw);height:90px;margin:50px auto 0;position:relative}.chapter-wire:before,.chapter-wire:after{content:"";position:absolute;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(116,255,240,.7),transparent)}.chapter-wire:before{left:0;right:52%}.chapter-wire:after{left:52%;right:0}.chapter-wire span{position:absolute;left:50%;top:50%;width:16px;height:16px;border:1px solid var(--cyan);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px rgba(116,255,240,.45)}

/* SHARED VIDEO CHAPTERS */
.media-chapter{position:relative;height:250vh;background:#000}.media-sticky{position:sticky;top:0;height:100vh;overflow:hidden;background:#000;isolation:isolate}.story-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.005);filter:saturate(.88) contrast(1.06) brightness(.78);will-change:transform,filter}.media-shade,.dimension-vignette,.instrument-shade{position:absolute;inset:0;pointer-events:none}.media-shade{background:radial-gradient(circle at 50% 45%,transparent 25%,rgba(0,0,0,.3) 76%,rgba(0,0,0,.8) 130%),linear-gradient(90deg,rgba(0,0,0,.4),transparent 28%,transparent 70%,rgba(0,0,0,.42));z-index:2}.scan-grid{position:absolute;inset:0;z-index:3;opacity:.16;background-image:linear-gradient(rgba(116,255,240,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(116,255,240,.07) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent)}.media-tag{position:absolute;z-index:6;left:clamp(22px,4vw,64px);top:clamp(100px,14vh,150px);margin:0;font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.26em;color:rgba(229,255,252,.56)}.floating-copy{position:absolute;z-index:6;max-width:560px;opacity:0;will-change:transform,opacity;pointer-events:none;text-shadow:0 2px 28px rgba(0,0,0,.75)}.floating-copy span{display:block;font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.28em;color:rgba(236,255,253,.56);margin-bottom:10px}.floating-copy strong{display:block;font-family:Orbitron,Inter,sans-serif;font-size:clamp(1.7rem,4vw,4.5rem);font-weight:600;letter-spacing:.035em;line-height:.98}.copy-a{left:clamp(22px,8vw,140px);top:28%}.copy-b{right:clamp(22px,8vw,140px);top:45%;text-align:right}.copy-c{left:clamp(22px,8vw,140px);top:58%}.copy-d{right:clamp(22px,8vw,140px);top:68%;text-align:right}.audio-presence{position:absolute;z-index:6;right:clamp(20px,3vw,50px);bottom:clamp(22px,5vh,50px);height:54px;width:44px;display:flex;align-items:center;justify-content:center;gap:3px;opacity:.64}.audio-presence i{width:2px;height:calc(6px + var(--audio-energy) * 32px);background:var(--cyan);box-shadow:0 0 8px rgba(116,255,240,.5);transition:height .06s linear}.audio-presence i:nth-child(2),.audio-presence i:nth-child(6){height:calc(10px + var(--audio-energy) * 18px)}.audio-presence i:nth-child(3),.audio-presence i:nth-child(5){height:calc(14px + var(--audio-energy) * 36px)}.audio-presence i:nth-child(4){height:calc(8px + var(--audio-energy) * 42px)}

/* BRIDGE */
.bridge{min-height:65vh;background:#020405;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;text-align:center;padding:80px 24px}.bridge p{margin:0;font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.32em;color:rgba(236,255,253,.55)}.bridge-line{display:block;width:1px;height:130px;background:linear-gradient(to bottom,rgba(116,255,240,.9),rgba(116,255,240,0));box-shadow:0 0 18px rgba(116,255,240,.3)}

/* DIMENSION TUNNEL */
.dimension-chapter{height:330vh}.tunnel-video{filter:grayscale(.22) saturate(.58) contrast(1.18) brightness(.68);transform:scale(1.03)}.dimension-vignette{z-index:2;background:radial-gradient(circle at 50% 50%,transparent 8%,rgba(0,0,0,.06) 35%,rgba(0,0,0,.72) 115%),linear-gradient(to bottom,rgba(0,0,0,.42),transparent 22%,transparent 76%,rgba(0,0,0,.54))}.dimension-copy{position:absolute;z-index:5;left:50%;top:50%;width:min(900px,88vw);transform:translate(-50%,-50%) scale(.78);text-align:center;opacity:0;pointer-events:none;text-shadow:0 5px 30px rgba(0,0,0,.78)}.dimension-copy span{display:block;font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.3em;color:rgba(116,255,240,.7);margin-bottom:12px}.dimension-copy strong{display:block;font-family:Orbitron,Inter,sans-serif;font-size:clamp(2rem,5.6vw,6rem);line-height:.95;letter-spacing:.035em;font-weight:620}.dimension-copy em{display:block;margin-top:24px;font-style:normal;font-size:clamp(1rem,1.6vw,1.4rem);font-weight:300;letter-spacing:.01em;color:rgba(239,255,253,.66)}.dimension-final{position:absolute;z-index:7;left:50%;top:50%;width:min(1080px,90vw);transform:translate(-50%,-50%) scale(.8);text-align:center;opacity:0;font-family:Orbitron,Inter,sans-serif;font-size:clamp(1.6rem,4.8vw,5.6rem);line-height:1.02;letter-spacing:.025em;text-shadow:0 6px 45px #000}.dimension-final strong{color:#fff;text-shadow:0 0 34px rgba(116,255,240,.24)}.dimension-axis{position:absolute;z-index:6;left:clamp(14px,2vw,32px);top:50%;transform:translateY(-50%);height:45vh;display:flex;flex-direction:column;justify-content:space-between;font-family:"DM Mono",monospace;font-size:8px;color:rgba(116,255,240,.4)}.dimension-axis:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(116,255,240,.13);z-index:-1}.dimension-axis span{background:#020405;padding:5px 0}
.white-threshold{height:42vh;background:#000;display:grid;place-items:center;overflow:hidden}.white-threshold div{width:2px;height:2px;border-radius:50%;background:#fff;box-shadow:0 0 25px 12px rgba(255,255,255,.35),0 0 100px 45px rgba(205,255,250,.16);transform:scale(1)}

/* INSTRUMENT */
.instrument-chapter{height:260vh}.instrument-stage{--beat:0}.instrument-video{filter:saturate(.76) contrast(1.14) brightness(.66);transform:scale(calc(1.01 + var(--beat)*.008))}.instrument-shade{z-index:2;background:radial-gradient(circle at 51% 48%,transparent 15%,rgba(0,0,0,.2) 60%,rgba(0,0,0,.78) 125%),linear-gradient(90deg,rgba(0,0,0,.45),transparent 35%,transparent 66%,rgba(0,0,0,.48))}.instrument-reticle{position:absolute;z-index:4;left:50%;top:50%;width:min(52vw,680px);aspect-ratio:1;transform:translate(-50%,-50%) scale(calc(1 + var(--beat)*.018));border:1px solid rgba(116,255,240,.11);border-radius:50%;box-shadow:0 0 calc(20px + var(--beat)*45px) rgba(116,255,240,.08)}.instrument-reticle:before,.instrument-reticle:after{content:"";position:absolute;background:rgba(116,255,240,.09)}.instrument-reticle:before{left:50%;top:-10%;bottom:-10%;width:1px}.instrument-reticle:after{top:50%;left:-10%;right:-10%;height:1px}.instrument-reticle i{position:absolute;width:7px;height:7px;border:1px solid rgba(116,255,240,.4);border-radius:50%}.instrument-reticle i:nth-child(1){left:-4px;top:50%}.instrument-reticle i:nth-child(2){right:-4px;top:50%}.instrument-reticle i:nth-child(3){top:-4px;left:50%}.instrument-reticle i:nth-child(4){bottom:-4px;left:50%}.classification{position:absolute;z-index:6;left:clamp(22px,5vw,80px);top:clamp(105px,15vh,160px);width:min(330px,42vw);padding:18px;border-left:1px solid rgba(116,255,240,.45);background:linear-gradient(90deg,rgba(1,3,4,.65),transparent)}.classification p{margin:0 0 24px;font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.22em;color:rgba(239,255,253,.84)}.classification dl{margin:0}.classification dl div{display:grid;grid-template-columns:88px 1fr;gap:12px;padding:6px 0;border-top:1px solid rgba(116,255,240,.08)}.classification dt,.classification dd{margin:0;font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.15em}.classification dt{color:rgba(116,255,240,.45)}.classification dd{color:rgba(236,255,253,.7)}.instrument-statement{position:absolute;z-index:6;right:clamp(22px,6vw,100px);bottom:clamp(110px,17vh,180px);text-align:right;opacity:0;transform:translateY(24px);will-change:transform,opacity}.instrument-statement span{display:block;font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.24em;color:rgba(239,255,253,.56);margin-bottom:12px}.instrument-statement strong{display:block;font-family:Orbitron,Inter,sans-serif;font-size:clamp(2rem,5vw,5.4rem);line-height:.94;letter-spacing:calc(.02em + var(--beat)*.012em);text-shadow:0 0 calc(14px + var(--beat)*40px) rgba(116,255,240,.16)}.instrument-note{position:absolute;z-index:6;left:50%;bottom:34px;transform:translateX(-50%);margin:0;font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.3em;color:rgba(116,255,240,.42);opacity:0}

/* NOVEL */
.novel{position:relative;background:#f1f0e9;color:#0c1212;padding:18vh max(24px,5vw);overflow:hidden}.novel:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(7,16,16,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(7,16,16,.035) 1px,transparent 1px);background-size:46px 46px;pointer-events:none}.novel-grid{position:relative;z-index:1;width:min(1320px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(260px,.78fr) minmax(0,1.35fr);gap:clamp(50px,8vw,140px)}.novel-label span{display:block;font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.35em;color:rgba(12,18,18,.55);margin-bottom:28px}.novel-label b{display:block;font-family:Orbitron,Inter,sans-serif;font-size:clamp(4rem,9vw,9rem);line-height:.77;letter-spacing:.02em;font-weight:700}.novel-copy{padding-top:4vh}.novel-lede{margin:0;font-size:clamp(2rem,4.2vw,4.4rem);line-height:1.05;font-weight:300;letter-spacing:-.045em}.novel-lede strong{font-weight:600}.novel-synopsis{margin:80px 0 0;max-width:760px;font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.75;color:rgba(12,18,18,.7)}.novel-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:90px;background:rgba(12,18,18,.2);border:1px solid rgba(12,18,18,.18)}.novel-pillars article{min-height:240px;background:#f1f0e9;padding:24px}.novel-pillars span{font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.18em;color:rgba(12,18,18,.45)}.novel-pillars h3{margin:75px 0 0;font-family:Orbitron,Inter,sans-serif;font-size:clamp(1rem,1.6vw,1.35rem);line-height:1.25;letter-spacing:.03em}


/* LIVING COVER — THE BOOK BECOMES AN INSTRUMENT */
.living-cover{position:relative;height:190vh;background:#010203;isolation:isolate;overflow:clip;border-top:1px solid rgba(116,255,240,.06)}
.living-cover:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 48%,rgba(77,38,129,.16),transparent 26%),radial-gradient(circle at 48% 44%,rgba(22,119,146,.11),transparent 44%),linear-gradient(rgba(116,255,240,.027) 1px,transparent 1px),linear-gradient(90deg,rgba(116,255,240,.021) 1px,transparent 1px);background-size:auto,auto,64px 64px,64px 64px;pointer-events:none}
.living-cover-sticky{position:sticky;top:0;height:100vh;min-height:660px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:13vh 5vw 7vh}
.living-cover-intro{position:absolute;z-index:6;top:8vh;left:50%;width:min(900px,90vw);transform:translateX(-50%);text-align:center;pointer-events:none}
.living-cover-intro p{margin:0 0 10px;font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.34em;color:rgba(222,255,252,.48)}
.living-cover-intro h2{margin:0;font-family:Orbitron,Inter,sans-serif;font-size:clamp(1.65rem,3.3vw,3.9rem);line-height:1;letter-spacing:.055em;color:#f2fffe;text-shadow:0 0 24px rgba(116,255,240,.13)}
.living-cover-intro span{display:block;margin-top:12px;font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.22em;color:rgba(183,227,223,.35)}
.living-cover-layout{position:relative;z-index:4;width:min(1000px,92vw);display:grid;grid-template-columns:minmax(280px,440px) minmax(230px,310px);justify-content:center;align-items:center;gap:clamp(48px,7vw,110px)}
.living-cover-stage{display:grid;place-items:center;perspective:1400px;min-width:0}
.cover-shell{--cover-rx:0deg;--cover-ry:0deg;--cover-z:0px;--cover-x:50%;--cover-y:50%;position:relative;width:min(36vw,410px);aspect-ratio:941/1672;overflow:hidden;background:#050814;border:1px solid rgba(197,244,255,.12);box-shadow:0 30px 100px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.025) inset,0 0 80px rgba(102,65,255,.10);transform-style:preserve-3d;transform:perspective(1400px) rotateX(var(--cover-rx)) rotateY(var(--cover-ry)) translateZ(var(--cover-z));transition:transform .16s ease-out,box-shadow .25s,border-color .25s;will-change:transform;outline:none;touch-action:pan-y}
.cover-shell:focus-visible{border-color:rgba(116,255,240,.8);box-shadow:0 30px 100px rgba(0,0,0,.75),0 0 0 2px rgba(116,255,240,.55),0 0 85px rgba(116,255,240,.18)}
.cover-shell.is-touching{border-color:rgba(214,249,255,.24);box-shadow:0 38px 120px rgba(0,0,0,.84),0 0 100px rgba(77,195,255,.15),0 0 76px rgba(179,72,255,.15)}
.cover-still,.cover-state-video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}
.cover-still{z-index:1;transition:filter .3s,opacity .25s;filter:saturate(.96) contrast(1.04)}
.cover-state-video{z-index:2;opacity:0;filter:saturate(1.05) contrast(1.04);transition:opacity .18s ease;pointer-events:none}
.cover-state-video.is-active{opacity:1}
.cover-depth{position:absolute;inset:0;z-index:3;pointer-events:none;mix-blend-mode:screen}
.cover-depth-a{background:radial-gradient(circle at var(--cover-x) var(--cover-y),rgba(230,255,255,.22),transparent 12%,transparent 34%)}
.cover-depth-b{background:linear-gradient(115deg,transparent 0 34%,rgba(144,222,255,.045) 42%,transparent 51% 100%)}
.cover-scan{position:absolute;z-index:5;left:0;right:0;top:50%;height:1px;opacity:0;background:linear-gradient(90deg,transparent 0,rgba(87,226,255,.18) 10%,rgba(225,250,255,.95) 48%,rgba(216,117,255,.65) 75%,transparent 100%);box-shadow:0 0 6px rgba(116,255,240,.8),0 0 24px rgba(122,71,255,.45);transition:opacity .16s;pointer-events:none}
.cover-contact{position:absolute;z-index:6;width:15px;height:15px;border-radius:50%;transform:translate(-50%,-50%);opacity:0;border:1px solid rgba(245,255,254,.86);box-shadow:0 0 4px rgba(255,255,255,.9),0 0 15px rgba(116,255,240,.8),0 0 30px rgba(167,89,255,.5);pointer-events:none;transition:opacity .16s}
.cover-contact:before,.cover-contact:after{content:"";position:absolute;left:50%;top:50%;border:1px solid rgba(116,255,240,.45);border-radius:50%;transform:translate(-50%,-50%)}
.cover-contact:before{width:27px;height:27px}.cover-contact:after{width:41px;height:41px;border-color:rgba(179,107,255,.25)}
.cover-shell[data-state="utterance"] .cover-scan{background:linear-gradient(90deg,transparent,rgba(111,222,255,.35),#e7fbff 50%,rgba(167,89,255,.9),transparent)}
.cover-shell[data-state="formation"] .cover-scan{background:linear-gradient(90deg,transparent,rgba(155,95,255,.45),#fff 50%,rgba(96,234,255,.78),transparent)}
.cover-shell[data-state="impulse"] .cover-scan{background:linear-gradient(90deg,transparent,rgba(79,239,255,.45),#f2ffff 50%,rgba(126,170,255,.75),transparent)}
.living-state-index{align-self:center;display:flex;flex-direction:column;gap:10px;min-width:0}
.living-index-kicker{margin:0 0 18px;font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.28em;color:rgba(226,255,252,.38)}
.living-state-index article{position:relative;display:grid;grid-template-columns:28px 1fr 10px;gap:12px;align-items:center;min-height:74px;padding:13px 0;border-top:1px solid rgba(116,255,240,.08);opacity:.34;transition:opacity .25s,transform .25s,border-color .25s}
.living-state-index article span{font-family:"DM Mono",monospace;font-size:8px;color:rgba(116,255,240,.5)}
.living-state-index article b{display:block;font-family:Orbitron,Inter,sans-serif;font-size:clamp(.9rem,1.35vw,1.2rem);letter-spacing:.08em;font-weight:600;color:#eafffc}
.living-state-index article small{display:block;margin-top:5px;font-size:.78rem;line-height:1.35;color:rgba(227,248,246,.46)}
.living-state-index article i{width:6px;height:6px;border:1px solid rgba(116,255,240,.35);border-radius:50%;justify-self:end;box-shadow:none;transition:background .25s,box-shadow .25s,transform .25s}
.living-state-index article.is-discovered{opacity:.72}
.living-state-index article.is-discovered i{background:rgba(116,255,240,.7);box-shadow:0 0 12px rgba(116,255,240,.7)}
.living-state-index article.is-active{opacity:1;transform:translateX(8px);border-color:rgba(116,255,240,.3)}
.living-state-index article.is-active i{transform:scale(1.8);background:#f5ffff;box-shadow:0 0 8px white,0 0 20px rgba(129,97,255,.75)}
.living-progress{margin:20px 0 0;font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.24em;color:rgba(116,255,240,.5)}
.living-complete{position:absolute;z-index:8;left:50%;bottom:5.5vh;transform:translate(-50%,22px);width:min(900px,92vw);text-align:center;opacity:0;pointer-events:none;transition:opacity .8s ease,transform .8s ease}
.living-complete span{display:block;margin-bottom:9px;font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.34em;color:rgba(116,255,240,.55)}
.living-complete strong{display:block;font-family:Orbitron,Inter,sans-serif;font-size:clamp(1.35rem,2.8vw,3rem);line-height:1.08;letter-spacing:.05em;color:#f1fffd;text-shadow:0 0 26px rgba(116,255,240,.18),0 0 55px rgba(157,76,255,.12)}
.living-cover.is-complete .living-complete{opacity:1;transform:translate(-50%,0)}
.living-cover.is-complete .living-cover-intro{opacity:.43}

/* COVER DEPARTURE — IMAGE RECEDES, LOW FREQUENCY APPROACHES */
.cover-departure{position:relative;height:270vh;background:#000}
.cover-departure-sticky{position:sticky;top:0;height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(35,16,62,.16),transparent 30%),#000}
.departure-cover{position:absolute;z-index:3;left:50%;top:50%;height:min(72vh,760px);aspect-ratio:941/1672;transform:translate(-50%,-50%);transform-origin:center;opacity:0;will-change:transform,opacity,filter;box-shadow:0 25px 120px rgba(31,15,69,.34)}
.departure-cover img{display:block;width:100%;height:100%;object-fit:cover}
.departure-pulse{position:absolute;z-index:1;left:50%;top:50%;width:14px;height:14px;border:1px solid rgba(116,255,240,.55);border-radius:50%;transform:translate(-50%,-50%) scale(.2);opacity:0;box-shadow:0 0 25px rgba(116,255,240,.6),0 0 80px rgba(139,71,255,.34);will-change:transform,opacity}
.departure-pulse:before,.departure-pulse:after{content:"";position:absolute;left:50%;top:50%;border:1px solid rgba(130,102,255,.24);border-radius:50%;transform:translate(-50%,-50%)}
.departure-pulse:before{width:170px;height:170px}.departure-pulse:after{width:390px;height:390px;border-color:rgba(116,255,240,.11)}
.departure-line{position:absolute;z-index:5;left:50%;top:50%;width:min(900px,90vw);transform:translate(-50%,18px);margin:0;text-align:center;font-family:Orbitron,Inter,sans-serif;font-size:clamp(1.45rem,3.6vw,4.5rem);line-height:1.08;letter-spacing:.05em;color:#f2fffe;text-shadow:0 0 35px rgba(116,255,240,.16);opacity:0;will-change:transform,opacity}
.departure-line-b{color:rgba(243,233,255,.96);text-shadow:0 0 35px rgba(173,101,255,.2)}
.departure-frequency{position:absolute;z-index:5;left:50%;bottom:5vh;transform:translateX(-50%);margin:0;font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.32em;color:rgba(116,255,240,.3);white-space:nowrap}

/* END / SILENCE */
.silence-section{height:270vh;background:#000;position:relative}.silence-sticky{position:sticky;top:0;height:100vh;overflow:hidden;background:#000;display:grid;place-items:center}.silence-sticky canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.95}.silence-caption{position:absolute;top:17%;left:50%;transform:translateX(-50%);margin:0;font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.34em;color:rgba(230,255,252,.45);white-space:nowrap;opacity:1}.final-mark{position:relative;z-index:3;text-align:center;opacity:0;transform:translateY(24px) scale(.96);will-change:transform,opacity}.final-small{margin:0 0 28px;font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.35em;color:rgba(235,255,252,.5)}.final-mark h2{margin:0;font-family:Orbitron,Inter,sans-serif;font-size:clamp(4rem,13vw,13rem);line-height:.78;letter-spacing:.07em;color:#effffd;text-shadow:0 0 35px rgba(116,255,240,.16)}.final-question{margin:50px auto 0;font-size:clamp(1.35rem,2.7vw,2.7rem);line-height:1.2;font-weight:300;letter-spacing:-.025em;color:rgba(239,255,253,.78)}.final-question strong{font-weight:600;color:#fff}.final-links{margin-top:52px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.final-links a{min-width:180px;padding:15px 20px;border:1px solid rgba(116,255,240,.24);font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.22em;color:rgba(237,255,253,.78);transition:background .25s,border-color .25s}.final-links a:hover{background:rgba(116,255,240,.08);border-color:rgba(116,255,240,.64)}
.play-signal{min-height:70vh;background:#010202;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12vh 24px;text-align:center;border-top:1px solid rgba(116,255,240,.06)}.play-signal p,.play-signal small{font-family:"DM Mono",monospace;letter-spacing:.28em;color:rgba(220,255,252,.46)}.play-signal p{font-size:9px;margin:0 0 44px}.play-signal small{font-size:8px;margin-top:30px}.play-signal svg{width:min(1000px,92vw);height:auto;overflow:visible}.play-signal path{fill:none;stroke:rgba(116,255,240,.72);stroke-width:1.5;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 7px rgba(116,255,240,.36))}.play-signal.is-contact path{stroke:rgba(236,255,252,.98);stroke-width:2.05;filter:drop-shadow(0 0 4px rgba(116,255,240,.95)) drop-shadow(0 0 13px rgba(116,255,240,.62))}.play-signal.is-contact p,.play-signal.is-contact small{color:rgba(220,255,252,.78)}

@media(max-width:900px){.novel-grid{grid-template-columns:1fr}.novel-label b{font-size:clamp(4rem,18vw,7rem)}.novel-copy{padding-top:0}.novel-pillars{grid-template-columns:1fr}.novel-pillars article{min-height:170px}.novel-pillars h3{margin-top:45px}.classification{width:min(300px,70vw)}.instrument-statement{left:24px;right:24px;text-align:center;bottom:16vh}.floating-copy{left:24px!important;right:24px!important;text-align:left!important;max-width:none}.copy-a{top:25%}.copy-b{top:42%}.copy-c{top:57%}.copy-d{top:70%}}
@media(max-width:760px){.site-header{padding:18px;font-size:8px;grid-template-columns:1fr 1fr}.scroll-cinema{height:680vh}.corridor-title{font-size:clamp(3rem,16vw,6rem);letter-spacing:.055em}.corridor-kicker{letter-spacing:.17em;padding:0 24px;line-height:1.5}.arrival-wave{top:74%;width:105vw}.progress-rail{display:none}.threshold-inner{width:min(100% - 28px,1200px)}.laws{grid-template-columns:1fr;margin-top:72px}.laws article{min-height:200px}.laws h3{margin-top:38px}.manifesto{font-size:1.15rem;padding:0 10px}.media-chapter{height:220vh}.dimension-chapter{height:300vh}.story-video{object-position:center}.dimension-axis{display:none}.classification{top:100px}.instrument-reticle{width:78vw}.sound-gate{right:14px;bottom:14px}.sound-gate-label{max-width:110px}.novel{padding-left:20px;padding-right:20px}.silence-caption{width:90vw;text-align:center;white-space:normal;line-height:1.7}.final-mark h2{font-size:clamp(3.3rem,17vw,7rem)}}
@media(max-width:640px){.site-header{padding:16px;grid-template-columns:1fr 1fr}.brand{font-size:.72rem;letter-spacing:.15em}.sound-link{font-size:8px;letter-spacing:.15em}.chapter-intro h2{font-size:15vw}.media-tag{top:90px;letter-spacing:.18em}.floating-copy strong{font-size:clamp(1.5rem,8.4vw,3rem)}.dimension-copy strong,.dimension-final{font-size:clamp(1.8rem,9vw,3.8rem)}.dimension-copy em{font-size:.95rem}.instrument-statement strong{font-size:clamp(2rem,9.5vw,4rem)}.final-links{flex-direction:column;align-items:center}.final-links a{width:min(280px,82vw)}}
@media(prefers-reduced-motion:reduce){.intro-copy i,.sound-gate-wave i{animation:none}html{scroll-behavior:auto}.story-video{transform:none!important}.instrument-reticle{transform:translate(-50%,-50%)!important}}

@media(max-width:900px){
  .living-cover{height:210vh}
  .living-cover-sticky{padding-top:14vh;min-height:620px}
  .living-cover-layout{width:min(760px,92vw);grid-template-columns:minmax(240px,360px) minmax(190px,250px);gap:32px}
  .cover-shell{width:min(44vw,350px)}
  .living-state-index article{min-height:64px}
  .living-state-index article small{font-size:.7rem}
}
@media(max-width:680px){
  .living-cover{height:225vh}
  .living-cover-sticky{align-items:flex-start;padding:17vh 16px 8vh;overflow:hidden}
  .living-cover-intro{top:5.4vh}
  .living-cover-intro span{display:none}
  .living-cover-layout{display:grid;grid-template-columns:1fr;gap:18px;width:100%;justify-items:center}
  .cover-shell{width:min(70vw,315px)}
  .living-state-index{width:min(70vw,315px);display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
  .living-index-kicker,.living-progress{grid-column:1/-1;text-align:center}
  .living-state-index article{display:block;min-height:58px;padding:8px 4px;text-align:center;border-top:1px solid rgba(116,255,240,.08)}
  .living-state-index article span{display:block;margin-bottom:4px}.living-state-index article small{display:none}.living-state-index article i{display:none}
  .living-state-index article b{font-size:.68rem;letter-spacing:.04em}
  .living-state-index article.is-active{transform:none;background:rgba(116,255,240,.045)}
  .living-progress{margin-top:4px}
  .living-complete{bottom:2.5vh}
  .living-complete strong{font-size:clamp(1.05rem,5vw,1.55rem)}
  .departure-cover{height:min(62vh,600px)}
  .departure-line{font-size:clamp(1.3rem,7vw,2.4rem)}
}
@media(prefers-reduced-motion:reduce){
  .cover-shell{transition:none;transform:none!important}
  .cover-state-video{transition:none}
}

/* v14 — COVER IS THE HERO: centered, near-viewport scale, no second cover act */
.living-cover{height:190vh}
.living-cover-sticky{
  padding:2.5vh 2vw 3vh;
  align-items:center;
  justify-content:center;
}
.living-cover-intro{
  top:2.2vh;
  width:min(760px,82vw);
}
.living-cover-intro p{margin-bottom:6px}
.living-cover-intro h2{font-size:clamp(1.35rem,2.5vw,2.8rem)}
.living-cover-intro span{margin-top:8px}
.living-cover-layout{
  position:relative;
  width:100%;
  height:100%;
  display:grid;
  grid-template-columns:1fr;
  place-items:center;
  gap:0;
}
.living-cover-stage{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
}
.cover-shell{
  height:min(86vh,930px);
  width:auto;
  max-width:calc(100vw - 150px);
  aspect-ratio:941/1672;
}
.living-state-index{
  position:absolute;
  z-index:9;
  right:clamp(18px,3vw,54px);
  top:50%;
  transform:translateY(-50%);
  width:min(240px,20vw);
  gap:5px;
  padding:14px 16px;
  background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.30));
  backdrop-filter:blur(2px);
}
.living-index-kicker{margin-bottom:10px}
.living-state-index article{min-height:58px;padding:9px 0}
.living-state-index article b{font-size:clamp(.72rem,1vw,1rem)}
.living-state-index article small{font-size:.68rem}
.living-progress{margin-top:10px}
.living-complete{bottom:2.4vh}
.living-complete strong{font-size:clamp(1.1rem,2.15vw,2.35rem)}

@media(max-width:1050px){
  .cover-shell{height:min(83vh,860px);max-width:calc(100vw - 90px)}
  .living-state-index{right:12px;width:190px;padding:10px;background:rgba(0,0,0,.22)}
  .living-state-index article{grid-template-columns:24px 1fr 8px;gap:7px}
  .living-state-index article small{display:none}
}

@media(max-width:720px){
  .living-cover{height:210vh}
  .living-cover-sticky{align-items:center;padding:2vh 8px 3vh}
  .living-cover-intro{top:2.3vh;width:92vw}
  .living-cover-intro span{display:none}
  .living-cover-layout{display:grid;grid-template-columns:1fr;width:100%;height:100%;place-items:center}
  .cover-shell{height:min(79vh,760px);width:auto;max-width:90vw}
  .living-state-index{
    top:auto;
    right:50%;
    bottom:2.1vh;
    transform:translateX(50%);
    width:min(92vw,520px);
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:4px;
    padding:7px 8px;
    background:rgba(0,0,0,.34);
  }
  .living-index-kicker,.living-progress{grid-column:1/-1;text-align:center;margin:0}
  .living-index-kicker{display:none}
  .living-state-index article{display:block;min-height:34px;padding:5px 3px;text-align:center;border-top:1px solid rgba(116,255,240,.08)}
  .living-state-index article span{display:block;margin-bottom:2px}
  .living-state-index article b{font-size:.62rem}
  .living-state-index article small,.living-state-index article i{display:none}
  .living-state-index article.is-active{transform:none;background:rgba(116,255,240,.055)}
  .living-progress{font-size:7px;margin-top:1px}
  .living-complete{bottom:9vh}
  .living-complete strong{font-size:clamp(1rem,4.8vw,1.4rem)}
}
\n\n/* ---------------- V15 — THE UTAI EQUATION / FULL-SCREEN CODA ---------------- */\n.finale-coda{position:relative;height:360vh;background:#000;isolation:isolate;border-top:1px solid rgba(116,255,240,.055)}\n.finale-coda-sticky{position:sticky;top:0;height:100vh;overflow:hidden;background:#000;isolation:isolate}\n.coda-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;will-change:opacity,transform,clip-path,filter;background:#000}\n.coda-frequency{z-index:1;opacity:1;filter:contrast(1.07) brightness(.91) saturate(.9);transform:scale(1.01)}\n.coda-body{z-index:2;opacity:1;clip-path:circle(0px at 50% 50%);filter:contrast(1.06) brightness(.82) saturate(.78);transform:scale(1.015)}\n.coda-vignette{position:absolute;z-index:3;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 48%,transparent 34%,rgba(0,0,0,.13) 68%,rgba(0,0,0,.72) 132%),linear-gradient(180deg,rgba(0,0,0,.16),transparent 25%,transparent 72%,rgba(0,0,0,.48))}\n.coda-kicker,.coda-instruction{position:absolute;z-index:7;margin:0;font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.31em;color:rgba(229,255,252,.56);pointer-events:none;text-shadow:0 2px 20px #000}\n.coda-kicker{left:clamp(22px,4vw,64px);top:clamp(92px,12vh,130px)}\n.coda-instruction{left:50%;bottom:clamp(32px,6vh,70px);transform:translateX(-50%);white-space:nowrap;color:rgba(225,255,252,.42)}\n.coda-lens-ring{position:absolute;z-index:6;width:190px;height:190px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(116,255,240,.5);border-radius:50%;box-shadow:0 0 18px rgba(116,255,240,.22),inset 0 0 18px rgba(116,255,240,.08);opacity:0;pointer-events:none;will-change:left,top,width,height,opacity}\n.coda-lens-ring:before,.coda-lens-ring:after{content:"";position:absolute;inset:12px;border:1px solid rgba(116,255,240,.18);border-radius:50%}.coda-lens-ring:after{inset:30px;border-style:dashed;opacity:.55}\n.coda-laws{position:absolute;z-index:7;inset:0;pointer-events:none}\n.coda-laws p{position:absolute;margin:0;display:flex;align-items:baseline;gap:.45em;opacity:0;transform:translateY(18px);font-family:Orbitron,Inter,sans-serif;font-size:clamp(1.15rem,2.6vw,3.15rem);line-height:1;letter-spacing:.045em;text-shadow:0 4px 26px rgba(0,0,0,.85);will-change:opacity,transform}\n.coda-laws span{font-weight:300;color:rgba(240,255,253,.62)}.coda-laws b{font-weight:600;color:#f4fffe}\n.coda-laws p:nth-child(1){left:clamp(24px,6vw,105px);top:23%}\n.coda-laws p:nth-child(2){right:clamp(24px,6vw,105px);top:38%}\n.coda-laws p:nth-child(3){left:clamp(24px,6vw,105px);top:62%}\n.coda-laws p:nth-child(4){right:clamp(24px,6vw,105px);top:76%}\n.coda-verdict{position:absolute;z-index:8;left:50%;top:50%;width:min(1100px,90vw);transform:translate(-50%,-44%) scale(.96);text-align:center;opacity:0;pointer-events:none;text-shadow:0 6px 40px rgba(0,0,0,.95)}\n.coda-verdict span{display:block;margin-bottom:18px;font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.32em;color:rgba(225,255,252,.48)}\n.coda-verdict strong{display:block;font-family:Orbitron,Inter,sans-serif;font-size:clamp(2rem,5vw,6rem);line-height:.95;letter-spacing:.035em;font-weight:500;color:#f1fffd}\n.coda-collapse-line{position:absolute;z-index:9;left:50%;top:50%;width:0;height:1px;transform:translate(-50%,-50%);background:rgba(116,255,240,.95);box-shadow:0 0 8px rgba(116,255,240,.7),0 0 28px rgba(116,255,240,.28);opacity:0;pointer-events:none}\n.finale-coda.is-lens-active .coda-instruction{color:rgba(235,255,253,.8)}\n@media(max-width:760px){\n  .finale-coda{height:330vh}.coda-kicker{top:82px}.coda-instruction{bottom:26px;font-size:7px;letter-spacing:.22em}.coda-lens-ring{width:130px;height:130px}.coda-laws p{font-size:clamp(1rem,5.3vw,1.7rem)}.coda-laws p:nth-child(1){left:18px;top:20%}.coda-laws p:nth-child(2){right:18px;top:36%}.coda-laws p:nth-child(3){left:18px;top:65%}.coda-laws p:nth-child(4){right:18px;top:79%}.coda-verdict strong{font-size:clamp(1.7rem,8.8vw,3.8rem)}\n}\n@media(prefers-reduced-motion:reduce){.coda-lens-ring:after{display:none}}\n
/* ---------------- V16 — centered equation, full-screen body BEFORE book, larger cover ---------------- */
/* Keep the whole FREQUENCY composition visible and centered even on unusual viewport ratios. */
.coda-frequency{
  object-fit:contain;
  object-position:50% 50%;
  background:#000;
  transform:none;
  filter:contrast(1.05) brightness(.96) saturate(.94);
}
/* The woman/body film is the immersive movement: fill the viewport from edge to edge. */
.coda-body{
  object-fit:cover;
  object-position:50% 50%;
  filter:contrast(1.03) brightness(.92) saturate(.9);
}
/* Center the finale typography rather than placing the equation around the edges. */
.coda-kicker{
  left:50%;
  right:auto;
  top:clamp(82px,10vh,118px);
  width:min(90vw,900px);
  transform:translateX(-50%);
  text-align:center;
}
.coda-laws p,
.coda-laws p:nth-child(1),
.coda-laws p:nth-child(2),
.coda-laws p:nth-child(3),
.coda-laws p:nth-child(4){
  left:5%;
  right:auto;
  width:90%;
  justify-content:center;
  text-align:center;
}
.coda-laws p:nth-child(1){top:23%}
.coda-laws p:nth-child(2){top:39%}
.coda-laws p:nth-child(3){top:61%}
.coda-laws p:nth-child(4){top:77%}

/* The book is the final physical object: nearly viewport height and exactly centered. */
.living-cover{height:205vh}
.cover-shell{
  height:min(95.5vh,1160px);
  width:auto;
  max-width:96vw;
  aspect-ratio:941/1672;
}
.living-cover-intro{
  top:1.2vh;
  width:min(820px,88vw);
}
.living-complete{bottom:1.4vh}
/* Keep the state index floating without shifting the cover off center. */
.living-state-index{right:clamp(10px,2vw,38px)}

@media(max-width:1050px){
  .cover-shell{height:min(91vh,1020px);max-width:94vw}
}
@media(max-width:760px){
  .coda-frequency{object-fit:contain}
  .coda-body{object-fit:cover;object-position:50% 50%}
  .coda-kicker{top:70px;font-size:8px;width:92vw}
  .coda-laws p,.coda-laws p:nth-child(1),.coda-laws p:nth-child(2),.coda-laws p:nth-child(3),.coda-laws p:nth-child(4){left:4%;width:92%}
  .living-cover{height:220vh}
  .cover-shell{height:min(88vh,860px);max-width:94vw}
  .living-cover-intro{top:1.2vh}
}

/* ---------------- V17 — TRUE VIEWPORT CENTER LOCK ----------------
   Escape any inherited layout width and anchor both finale films to the
   physical viewport center. The takeover can no longer drift with the cursor. */
.finale-coda,
.finale-coda-sticky{
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
}
.finale-coda-sticky{
  left:0 !important;
  right:0 !important;
}
.coda-video,
.coda-frequency,
.coda-body{
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  right:auto !important;
  bottom:auto !important;
  width:100vw !important;
  height:100vh !important;
  min-width:100vw !important;
  min-height:100vh !important;
  transform:translate(-50%,-50%) !important;
  transform-origin:50% 50% !important;
  object-position:50% 50% !important;
  margin:0 !important;
}
.coda-frequency{
  object-fit:contain !important;
  background:#000 !important;
}
.coda-body{
  object-fit:cover !important;
}

/* The central equation copy is locked to the center axis too. */
.coda-kicker,
.coda-instruction,
.coda-verdict{
  left:50% !important;
  right:auto !important;
}
.coda-laws p,
.coda-laws p:nth-child(1),
.coda-laws p:nth-child(2),
.coda-laws p:nth-child(3),
.coda-laws p:nth-child(4){
  left:50% !important;
  right:auto !important;
  width:min(94vw,1200px) !important;
  justify-content:center !important;
  text-align:center !important;
  transform:translateX(-50%) translateY(18px);
}

/* ---------------- V18 — TRUE CENTER + KEEP BOTH FILMS ALIVE ----------------
   Only the OUTER finale escapes the page width. The sticky stage itself stays
   inside that full-bleed section, preventing the double left-shift from V17. */
.finale-coda{
  position:relative !important;
  left:50% !important;
  width:100vw !important;
  max-width:none !important;
  margin:0 !important;
  transform:translateX(-50%) !important;
}
.finale-coda-sticky{
  position:sticky !important;
  top:0 !important;
  left:auto !important;
  right:auto !important;
  width:100% !important;
  max-width:none !important;
  height:100vh !important;
  margin:0 !important;
  transform:none !important;
  overflow:hidden !important;
}
.coda-video,
.coda-frequency,
.coda-body{
  position:absolute !important;
  inset:0 !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  transform:none !important;
  transform-origin:50% 50% !important;
  object-position:50% 50% !important;
  background:#000 !important;
}
.coda-frequency{
  object-fit:contain !important;
}
.coda-body{
  object-fit:contain !important;
  clip-path:none !important;
}
/* The pointer lens was interesting, but it made the woman look temporary.
   V18 makes her a complete, persistent chapter. */
.coda-lens-ring,
.coda-instruction{display:none !important}

/* ---------------- V19 — LIVING INSTRUMENT MOVED BEFORE “IT HAPPENS” ----------------
   The woman is now an independent full-screen chapter. FREQUENCY can no longer
   crossfade into her or control her visibility. */
.body-instrument-chapter{
  position:relative;
  height:170vh;
  width:100vw;
  max-width:none;
  left:50%;
  transform:translateX(-50%);
  background:#000;
  border-top:1px solid rgba(116,255,240,.05);
  border-bottom:1px solid rgba(116,255,240,.05);
}
.body-instrument-stage{
  position:sticky;
  top:0;
  width:100%;
  height:100vh;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:#000;
  isolation:isolate;
}
.body-instrument-feature{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:50% 50% !important;
  transform:none !important;
  filter:contrast(1.04) brightness(.94) saturate(.92) !important;
  background:#000;
}
.body-instrument-vignette{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:radial-gradient(circle at 50% 48%,transparent 45%,rgba(0,0,0,.10) 72%,rgba(0,0,0,.48) 130%);
}
/* Finale is now FREQUENCY only. Hide legacy body/lens styles if cached markup exists. */
.finale-coda .coda-body,
.finale-coda .coda-lens-ring,
.finale-coda .coda-instruction{display:none !important}
.coda-frequency{
  opacity:1 !important;
  object-fit:contain !important;
  object-position:50% 50% !important;
}
@media(max-width:760px){
  .body-instrument-chapter{height:150vh}
  .body-instrument-feature{object-fit:contain !important}
}

/* ---------------- V20 — FINAL SILENCE MOVEMENT ---------------- */
.final-still,.silence-image-section,.final-film{position:relative;background:#000;isolation:isolate}
.final-still{height:155vh}
.final-still-sticky,.silence-image-sticky,.final-film-sticky{position:sticky;top:0;height:100vh;overflow:hidden;background:#000}
.final-still-sticky img,.silence-image-sticky img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.035);will-change:transform,filter;filter:contrast(1.05) saturate(.84) brightness(.76)}
.final-still-shade,.silence-image-shade,.final-film-shade{position:absolute;inset:0;z-index:2;pointer-events:none}
.final-still-shade{background:radial-gradient(circle at 60% 43%,transparent 25%,rgba(0,0,0,.14) 60%,rgba(0,0,0,.82) 125%),linear-gradient(180deg,rgba(0,0,0,.18),transparent 24%,transparent 70%,rgba(0,0,0,.52))}
.last-instrument-copy{position:absolute;z-index:4;left:50%;bottom:10vh;width:min(1150px,90vw);transform:translateX(-50%);text-align:center;text-shadow:0 5px 36px rgba(0,0,0,.92);will-change:opacity,transform}
.last-instrument-copy span,.silence-word span{display:block;margin-bottom:13px;font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.34em;color:rgba(235,255,252,.52)}
.last-instrument-copy strong{display:block;font-family:Orbitron,Inter,sans-serif;font-size:clamp(2.2rem,6vw,7rem);line-height:.91;letter-spacing:.035em;font-weight:500;color:#f4fffe}
.last-instrument-copy em{display:block;margin-top:18px;font-family:"DM Mono",monospace;font-style:normal;font-size:clamp(.72rem,1.1vw,1rem);letter-spacing:.42em;color:rgba(116,255,240,.74)}

.silence-image-section{height:170vh}
.silence-image-sticky img{filter:contrast(1.06) saturate(.68) brightness(.67);transform:scale(1.02)}
.silence-image-one .silence-image-sticky img{object-position:center 46%}
.silence-image-two .silence-image-sticky img{object-position:center 50%}
.silence-image-shade{background:radial-gradient(circle at 50% 47%,transparent 22%,rgba(0,0,0,.08) 45%,rgba(0,0,0,.77) 120%),linear-gradient(180deg,rgba(0,0,0,.16),transparent 22%,transparent 70%,rgba(0,0,0,.55))}
.silence-word{position:absolute;z-index:4;left:50%;top:50%;width:min(1100px,90vw);transform:translate(-50%,-50%);text-align:center;text-shadow:0 6px 36px rgba(0,0,0,.95);will-change:opacity,transform}
.silence-word strong{display:block;font-family:Orbitron,Inter,sans-serif;font-size:clamp(2rem,5.3vw,6rem);line-height:.94;letter-spacing:.028em;font-weight:450;color:rgba(244,255,254,.94)}
.silence-image-two .silence-word{top:78%}


/* The old playable line now acts as the threshold from silence back into motion. */
.play-signal{min-height:82vh;padding:15vh 24px 13vh;background:radial-gradient(circle at 50% 50%,rgba(25,54,57,.10),transparent 42%),#000;border-top:0;border-bottom:1px solid rgba(116,255,240,.05)}
.play-signal p{margin-bottom:50px}.play-signal small{margin-top:34px}

.final-film{height:175vh}
.final-film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;background:#000;will-change:transform,filter,opacity}
.final-film-being video{object-position:center 43%;transform:scale(1.015);filter:contrast(1.06) saturate(.84) brightness(.82)}
.final-film-light video{object-position:center;transform:scale(1.005);filter:contrast(1.04) saturate(.90) brightness(.86)}
.final-film-being-shade{background:radial-gradient(circle at 50% 35%,transparent 30%,rgba(0,0,0,.06) 57%,rgba(0,0,0,.72) 125%),linear-gradient(180deg,rgba(0,0,0,.08),transparent 25%,transparent 74%,rgba(0,0,0,.58))}
.final-film-light-shade{background:radial-gradient(circle at 50% 47%,transparent 35%,rgba(0,0,0,.06) 64%,rgba(0,0,0,.62) 130%),linear-gradient(180deg,rgba(0,0,0,.08),transparent 36%,rgba(0,0,0,.10) 66%,rgba(0,0,0,.70))}
.wave-being-caption{position:absolute;z-index:4;left:50%;bottom:8vh;transform:translateX(-50%);width:min(900px,90vw);margin:0;text-align:center;text-shadow:0 4px 32px rgba(0,0,0,.9);will-change:opacity,transform}
.wave-being-caption span{display:block;margin-bottom:9px;font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.38em;color:rgba(235,255,252,.54)}
.wave-being-caption strong{display:block;font-family:Orbitron,Inter,sans-serif;font-size:clamp(2rem,5.5vw,6rem);line-height:.92;letter-spacing:.045em;font-weight:500;color:#f5fffe}

.final-light-mark{position:absolute;z-index:5;left:50%;top:50%;width:min(1180px,92vw);transform:translate(-50%,-40%) scale(.97);text-align:center;opacity:0;pointer-events:none;text-shadow:0 6px 42px rgba(0,0,0,.9);will-change:opacity,transform}
.final-light-mark p{margin:0 0 22px;font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.4em;color:rgba(239,255,253,.58)}
.final-light-mark h2{margin:0;font-family:Orbitron,Inter,sans-serif;font-size:clamp(4.5rem,14vw,14rem);line-height:.77;letter-spacing:.055em;font-weight:500;color:#f5fffe;text-shadow:0 0 34px rgba(116,255,240,.16),0 7px 50px rgba(0,0,0,.82)}
.final-light-mark>span{display:block;margin-top:38px;font-family:"DM Mono",monospace;font-size:clamp(.72rem,1.15vw,1rem);letter-spacing:.42em;color:rgba(237,255,253,.78)}
.final-light-mark nav{margin-top:44px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap;pointer-events:auto}
.final-light-mark a{min-width:180px;padding:15px 20px;border:1px solid rgba(255,255,255,.26);background:rgba(0,0,0,.18);backdrop-filter:blur(6px);font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.22em;color:rgba(248,255,254,.90);transition:background .25s,border-color .25s,transform .25s}
.final-light-mark a:hover{background:rgba(116,255,240,.10);border-color:rgba(116,255,240,.65);transform:translateY(-2px)}

@media(max-width:760px){
  .final-still{height:145vh}.silence-image-section{height:155vh}.final-film{height:160vh}
  .last-instrument-copy{bottom:7vh}.last-instrument-copy strong{font-size:clamp(1.8rem,9vw,3.7rem)}
  .silence-word{width:92vw}.silence-word strong{font-size:clamp(1.6rem,9vw,3.5rem)}
  .silence-image-two .silence-word{top:76%}
  .final-film-being video{object-position:center 42%;transform:scale(1.003)}
  .wave-being-caption{bottom:6vh}.wave-being-caption strong{font-size:clamp(1.8rem,9vw,3.8rem)}
  .final-light-mark h2{font-size:clamp(3.7rem,19vw,7rem)}
  .final-light-mark>span{margin-top:28px;font-size:8px;letter-spacing:.3em}.final-light-mark nav{margin-top:32px}
}

@media(prefers-reduced-motion:reduce){
  .final-still-sticky img,.silence-image-sticky img,.final-film video{transform:none !important}
}


/* ---------------- V21 — PERFORMANCE + FINAL COMPOSITION ---------------- */
/* A quiet threshold before the two silence images. */
.silence-prologue{
  min-height:38vh;
  display:grid;
  place-items:center;
  padding:8vh 24px 6vh;
  background:#000;
}
.silence-prologue p{
  margin:0;
  font-family:Orbitron,Inter,sans-serif;
  font-size:clamp(1.2rem,2.35vw,2.4rem);
  line-height:1;
  letter-spacing:.32em;
  font-weight:430;
  color:rgba(244,255,254,.82);
  text-shadow:0 0 28px rgba(116,255,240,.10);
}

/* Silence should whisper, not behave like another hero title. */
.silence-word{width:min(900px,84vw)}
.silence-word strong,.silence-image-two .silence-word strong{
  font-size:clamp(1.2rem,2.75vw,3rem);
  line-height:1.08;
  letter-spacing:.04em;
  font-weight:430;
}
.silence-image-two .silence-word{top:76%}



/* The wave-being source is portrait. Let it remain a portrait object in a black field. */
.final-film-being .final-film-sticky{
  display:block;
  background:radial-gradient(circle at 50% 48%,rgba(21,47,50,.16),transparent 32%),#000;
}
.final-film-being video{
  inset:auto !important;
  left:50% !important;
  top:50% !important;
  width:auto !important;
  height:min(76vh,780px) !important;
  max-width:78vw !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:translate(-50%,-50%) scale(1) !important;
  filter:contrast(1.05) saturate(.88) brightness(.88) !important;
  box-shadow:0 0 80px rgba(95,225,220,.08);
}
.final-film-being-shade{
  background:radial-gradient(circle at 50% 50%,transparent 25%,rgba(0,0,0,.08) 48%,rgba(0,0,0,.74) 112%);
}
.wave-being-caption{bottom:5.5vh}
.wave-being-caption strong{font-size:clamp(1.55rem,3.4vw,3.6rem)}

/* On the last film UTAI WARS becomes the persistent end-title. */
.final-light-mark{top:50%}

@media(max-width:760px){
  .silence-prologue{min-height:28vh;padding:6vh 18px 4vh}
  .silence-prologue p{font-size:clamp(1rem,5.6vw,1.6rem);letter-spacing:.24em}
  .silence-word{width:88vw}
  .silence-word strong,.silence-image-two .silence-word strong{font-size:clamp(1.05rem,5.5vw,1.75rem)}
  .final-film-being video{height:min(68vh,700px) !important;max-width:84vw !important}
  .wave-being-caption strong{font-size:clamp(1.35rem,7vw,2.3rem)}
}

@media(prefers-reduced-motion:reduce){
  .final-film-being video{transform:translate(-50%,-50%) !important}
}