:root {
  --ink:#080b10;
  --ink-soft:#10151c;
  --paper:#e9e8e2;
  --muted:#9ba2aa;
  --line:rgba(226,235,239,.18);
  --cyan:#41e5dc;
  --pink:#d5b674;
  --red:#b99551;
  --max:1440px;
}

* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--paper); background:var(--ink); font-family:Inter,Arial,sans-serif; overflow-x:hidden; }
body::selection { background:var(--pink); color:#080b10; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
img { display:block; max-width:100%; }
.mono { font-family:'DM Mono',Consolas,monospace; letter-spacing:.08em; text-transform:uppercase; }
.noise { position:fixed; inset:0; pointer-events:none; z-index:100; opacity:.045; 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='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E"); }
.reading-progress { position:fixed; left:0; top:0; right:0; height:2px; z-index:120; background:rgba(255,255,255,.08); }
.reading-progress span { display:block; width:100%; height:100%; background:linear-gradient(90deg,var(--cyan),var(--pink)); transform:scaleX(0); transform-origin:left; }

.site-header { position:fixed; z-index:90; top:0; left:0; width:100%; border-bottom:1px solid rgba(255,255,255,.11); background:rgba(8,11,16,.78); backdrop-filter:blur(18px); }
.header-inner { width:min(calc(100% - 42px),1240px); min-height:76px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.publisher-brand { width:47px; flex:0 0 47px; position:relative; z-index:2; }
.publisher-brand img { width:47px; height:47px; object-fit:contain; filter:brightness(0) invert(1); }
.main-nav { display:flex; align-items:center; gap:clamp(15px,2vw,28px); font-family:'DM Mono',monospace; font-size:11px; text-transform:uppercase; letter-spacing:.09em; }
.main-nav a { opacity:.68; transition:.2s ease; }
.main-nav a:hover,.main-nav a:focus-visible { opacity:1; color:var(--cyan); }
.main-nav .listen-link { padding:10px 14px; border:1px solid rgba(255,255,255,.35); opacity:1; }
.menu-toggle { display:none; width:44px; height:44px; padding:12px; background:none; color:#fff; border:1px solid var(--line); }
.menu-toggle span { display:block; height:1px; background:currentColor; margin:5px 0; }

.hero { min-height:100svh; position:relative; isolation:isolate; display:grid; grid-template-columns:minmax(0,1.06fr) minmax(340px,.72fr); gap:6vw; align-items:center; padding:130px clamp(24px,6vw,100px) 90px; max-width:1800px; margin:auto; overflow:hidden; }
.hero::before { content:""; position:absolute; width:55vw; aspect-ratio:1; right:-15vw; top:-15vw; border-radius:50%; background:radial-gradient(circle,rgba(65,229,220,.18),rgba(65,229,220,0) 65%); z-index:-2; }
.hero::after { content:""; position:absolute; width:52vw; height:8px; left:-8vw; bottom:15%; background:linear-gradient(90deg,transparent,var(--pink),transparent); filter:blur(18px); opacity:.5; transform:rotate(-12deg); z-index:-1; }
.hero-grid { position:absolute; inset:76px 0 0; z-index:-3; opacity:.28; background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(to bottom,#000,transparent 85%); }
.hero-index { position:absolute; left:clamp(24px,6vw,100px); right:clamp(24px,6vw,100px); top:98px; display:flex; justify-content:space-between; font-size:9px; color:#7c858d; }
.hero-copy { position:relative; z-index:3; max-width:900px; }
.eyebrow { margin:0 0 28px; font-size:10px; color:var(--cyan); display:flex; align-items:center; gap:10px; }
.status-dot { width:7px; height:7px; border-radius:50%; background:var(--cyan); box-shadow:0 0 16px var(--cyan); animation:pulse 2s infinite; }
.hero h1 { margin:0; font-size:clamp(58px,8.6vw,150px); line-height:.79; letter-spacing:-.085em; text-transform:uppercase; font-weight:800; }
.hero h1 span { display:block; }
.hero h1 span:last-child { color:transparent; -webkit-text-stroke:1px rgba(233,232,226,.72); margin-left:8vw; white-space:nowrap; }
.hero-thesis { max-width:720px; margin:38px 0 0 8vw; font-size:clamp(17px,1.4vw,23px); line-height:1.55; color:#bbc1c6; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin:34px 0 0 8vw; }
.button { min-height:48px; display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:0 20px; font-family:'DM Mono',monospace; font-size:10px; letter-spacing:.08em; text-transform:uppercase; border:1px solid rgba(255,255,255,.28); transition:.25s; }
.streaming-links { display:flex; align-items:center; flex-wrap:wrap; gap:12px 22px; margin:24px 0 0 8vw; }
.streaming-links > span { flex-basis:100%; font-size:8px; color:#a79d84; }
.streaming-links a { font-size:12px; color:var(--pink); padding:5px 0; border-bottom:1px solid rgba(213,182,116,.3); transition:color .2s; }
.streaming-links a:hover { color:var(--cyan); border-color:var(--cyan); }
@media (max-width:1050px) { .streaming-links { margin-left:0; } }
.button-primary { background:var(--cyan); border-color:var(--cyan); color:#071012; }
.button-primary:hover { background:#fff; border-color:#fff; }
.button-quiet:hover { color:var(--cyan); border-color:var(--cyan); }
.cover-stage { margin:0; position:relative; transform:rotate(1.5deg); }
.cover-stage::before { content:"FRAGMENT / 01"; position:absolute; top:14%; left:-65px; font:9px 'DM Mono',monospace; letter-spacing:.15em; color:var(--pink); transform:rotate(-90deg); }
.cover-frame { position:relative; padding:9px; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.16); box-shadow:0 45px 100px rgba(0,0,0,.55); }
.cover-frame img { width:100%; height:auto; aspect-ratio:1 / 1; object-fit:contain; }
.cover-frame::after { content:""; position:absolute; left:9px; right:9px; top:36%; height:14%; background:linear-gradient(to bottom,transparent,rgba(65,229,220,.11),transparent); mix-blend-mode:screen; }
.corner { position:absolute; width:20px; height:20px; border-color:var(--cyan); border-style:solid; }
.c1 { left:-6px; top:-6px; border-width:1px 0 0 1px; }.c2 { right:-6px; top:-6px; border-width:1px 1px 0 0; }.c3 { right:-6px; bottom:-6px; border-width:0 1px 1px 0; }.c4 { left:-6px; bottom:-6px; border-width:0 0 1px 1px; }
.cover-stage figcaption { display:flex; justify-content:space-between; padding-top:12px; font-size:8px; color:#727b83; }
.scroll-marker { position:absolute; bottom:24px; left:clamp(24px,6vw,100px); font-size:8px; color:#707981; display:flex; gap:15px; align-items:center; }
.scroll-marker i { font-style:normal; color:var(--cyan); font-size:16px; }

.section { padding:clamp(95px,11vw,180px) clamp(24px,6vw,100px); }
.section-meta { max-width:var(--max); margin:0 auto 70px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:24px; font-size:10px; color:#7c858d; }
.section-meta i { display:block; height:1px; background:rgba(255,255,255,.15); }
.section-meta span:last-child { font-size:12px; }
.signal { background:var(--paper); color:var(--ink); position:relative; overflow:hidden; }
.signal::before { content:""; position:absolute; width:340px; height:340px; left:-180px; top:35%; border:1px solid rgba(8,11,16,.2); border-radius:50%; box-shadow:0 0 0 55px rgba(8,11,16,.025),0 0 0 110px rgba(8,11,16,.025); }
.signal .section-meta { color:#61666b; }
.signal .section-meta i { background:rgba(8,11,16,.18); }
.signal-layout { max-width:var(--max); margin:auto; display:grid; grid-template-columns:.9fr 1.1fr; gap:8vw; }
.micro { font-size:9px; letter-spacing:.13em; color:var(--pink); }
.signal h2,.chapters h2,.fragments h2,.motifs h2,.sequence h2,.finale h2 { margin:16px 0 0; font-size:clamp(44px,6.2vw,100px); line-height:.92; letter-spacing:-.06em; }
h2 em { font-family:Georgia,serif; font-weight:400; }
.signal h2 em { color:#4e5960; }
.signal-copy .lead { margin:14px 0 42px; font-size:clamp(21px,2.1vw,34px); line-height:1.36; letter-spacing:-.025em; }
.copy-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; color:#4c5359; line-height:1.75; font-size:15px; }
.thesis-block { max-width:var(--max); margin:110px auto 0; padding:30px 0 0 16.5%; border-top:1px solid rgba(8,11,16,.25); position:relative; }
.thesis-block::before { content:"“"; position:absolute; left:0; top:10px; font:140px Georgia,serif; color:var(--pink); line-height:1; }
.thesis-block span { font-size:9px; color:#7b7f82; }
.thesis-block p { max-width:920px; margin:14px 0 0; font-size:clamp(28px,3.5vw,57px); line-height:1.15; letter-spacing:-.04em; font-weight:600; }

.chapters { padding:clamp(95px,11vw,180px) clamp(24px,6vw,100px); background:#0c1117; }
.chapters > * { max-width:var(--max); margin-left:auto; margin-right:auto; }
.chapter-heading { display:grid; grid-template-columns:1.2fr .65fr; align-items:end; gap:8vw; margin-bottom:78px; }
.chapter-heading p,.fragments-head > p,.motif-intro > p { color:#9ba2aa; line-height:1.75; font-size:15px; }
.chapter-stack { border-top:1px solid var(--line); }
.chapter { min-height:245px; display:grid; grid-template-columns:180px minmax(0,1fr) 170px; gap:4vw; align-items:center; border-bottom:1px solid var(--line); position:relative; overflow:hidden; }
.chapter::after { content:""; position:absolute; inset:0; opacity:0; background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent); transform:translateX(-100%); transition:.8s; }
.chapter:hover::after { opacity:1; transform:translateX(100%); }
.chapter-code { display:grid; grid-template-columns:1fr auto; align-items:end; color:#717981; }
.chapter-code span { grid-column:1/-1; font-size:8px; }
.chapter-code b { font:400 clamp(64px,7vw,105px) Georgia,serif; line-height:.85; color:var(--cyan); }
.chapter[data-tone="pink"] .chapter-code b { color:var(--pink); }.chapter[data-tone="red"] .chapter-code b { color:var(--red); }.chapter[data-tone="white"] .chapter-code b { color:var(--paper); }
.chapter-code small { font-size:9px; padding-bottom:8px; }
.label { color:#6f7881; font-size:8px; margin:0 0 10px; }
.chapter h3 { margin:0 0 14px; font-size:clamp(28px,3vw,48px); letter-spacing:-.04em; }
.chapter p:not(.label) { max-width:760px; margin:0; color:#aeb4b9; line-height:1.7; }
.chapter-state { justify-self:end; font-size:8px; color:#6f7881; }

.fragments { background:#10151c; }
.fragments > * { max-width:var(--max); margin-left:auto; margin-right:auto; }
.fragments-head { display:grid; grid-template-columns:1fr .55fr; gap:8vw; align-items:end; margin-bottom:70px; }
.fragment-console { display:grid; grid-template-columns:minmax(320px,.72fr) minmax(450px,1.25fr); min-height:700px; border:1px solid var(--line); background:#090d12; }
.fragment-list { margin:0; padding:0; list-style:none; border-right:1px solid var(--line); max-height:740px; overflow:auto; scrollbar-width:thin; scrollbar-color:var(--cyan) #121820; }
.fragment-list button { width:100%; min-height:68px; display:grid; grid-template-columns:46px 1fr auto; gap:12px; align-items:center; padding:0 22px; color:#7e8790; background:none; border:0; border-bottom:1px solid rgba(255,255,255,.08); text-align:left; cursor:pointer; transition:.18s; }
.fragment-list button:hover { color:#fff; background:rgba(255,255,255,.035); }
.fragment-list button.active { color:#071012; background:var(--cyan); }
.fragment-list button span,.fragment-list button small { font-size:9px; }
.fragment-list button b { font-size:13px; font-weight:500; }
.fragment-detail { min-width:0; padding:clamp(28px,5vw,74px); position:relative; overflow:hidden; display:flex; flex-direction:column; }
.detail-top { display:flex; justify-content:space-between; padding-bottom:20px; border-bottom:1px solid var(--line); color:#69727b; font-size:8px; }
.detail-number { position:absolute; right:-10px; top:45px; font-size:clamp(130px,18vw,260px); line-height:1; color:rgba(255,255,255,.025); font-weight:500; }
.detail-role { color:var(--pink); font-size:9px; margin:80px 0 16px; }
.fragment-detail h3 { max-width:750px; margin:0; font-size:clamp(40px,5vw,75px); line-height:.98; letter-spacing:-.06em; position:relative; }
.detail-summary { max-width:720px; margin:30px 0; color:#adb4ba; line-height:1.72; font-size:clamp(15px,1.3vw,19px); }
.detail-data { display:grid; grid-template-columns:.65fr 1.35fr; gap:35px; padding-top:24px; margin-top:auto; border-top:1px solid var(--line); align-items:start; }
.detail-data div { display:flex; flex-direction:column; gap:8px; }.detail-data span { font-size:8px; color:#68717a; }.detail-data b { color:var(--cyan); font-size:15px; }
.detail-data blockquote { margin:0; font:italic 20px/1.45 Georgia,serif; color:#d6d7d3; }
.lyrics-button { align-self:flex-end; margin-top:36px; padding:12px 0; color:#fff; background:none; border:0; border-bottom:1px solid var(--pink); font-family:'DM Mono',monospace; font-size:9px; letter-spacing:.1em; text-transform:uppercase; cursor:pointer; }
.lyrics-button span { color:var(--pink); margin-left:15px; }
.song-player { position:relative; margin-top:30px; border:1px solid var(--line); }
.song-video-frame { width:100%; aspect-ratio:16 / 9; background:#030807; }
.song-video-frame img,.song-video-frame iframe { display:block; width:100%; height:100%; border:0; object-fit:contain; }
.video-consent { padding:18px; background:rgba(65,229,220,.025); }
.video-consent p { margin:0 0 15px; color:#abb9b5; font-size:12px; line-height:1.7; }
.video-load { padding:13px 16px; border:1px solid var(--cyan); background:var(--cyan); color:#071012; cursor:pointer; font:11px 'DM Mono',monospace; }
.video-load:hover { background:var(--pink); border-color:var(--pink); }
.video-links { display:flex; flex-wrap:wrap; gap:12px 18px; margin-top:16px; font-size:10px; color:var(--pink); }
.video-links a:hover { text-decoration:underline; }

.motifs { background:var(--paper); color:var(--ink); }
.motifs .section-meta { color:#676c71; }.motifs .section-meta i { background:rgba(8,11,16,.18); }
.motifs > * { max-width:var(--max); margin-left:auto; margin-right:auto; }
.motif-intro { display:grid; grid-template-columns:1.2fr .55fr; gap:8vw; align-items:end; margin-bottom:85px; }
.motif-intro > p { color:#53595e; }
.motif-grid { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid rgba(8,11,16,.22); border-left:1px solid rgba(8,11,16,.22); }
.motif-card { min-height:390px; padding:45px; border-right:1px solid rgba(8,11,16,.22); border-bottom:1px solid rgba(8,11,16,.22); position:relative; display:flex; flex-direction:column; }
.motif-mark { position:absolute; right:34px; top:26px; color:var(--pink); font:50px 'DM Mono',monospace; }
.motif-card > p.mono { font-size:8px; color:#747a7d; margin:0 0 70px; }
.motif-card h3 { margin:0 0 18px; font-size:clamp(28px,3vw,44px); letter-spacing:-.045em; }
.motif-card > p:not(.mono) { max-width:540px; color:#4b5257; line-height:1.7; }
.motif-card small { margin-top:auto; padding-top:30px; font:9px 'DM Mono',monospace; letter-spacing:.12em; color:#777d80; }

.sequence { background:#d9d7d0; color:var(--ink); padding:clamp(95px,11vw,180px) clamp(24px,6vw,100px); }
.sequence > * { max-width:var(--max); margin-left:auto; margin-right:auto; }.sequence .section-meta { color:#676c71; }.sequence .section-meta i { background:rgba(8,11,16,.18); }
.sequence-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:8vw; align-items:center; }
.sequence-copy p { max-width:700px; color:#50575b; line-height:1.76; }
.causal-chain { border:1px solid rgba(8,11,16,.22); }
.causal-chain > div { display:grid; grid-template-columns:55px 1fr 1fr; align-items:center; gap:15px; padding:25px 28px; border-bottom:1px solid rgba(8,11,16,.17); }
.causal-chain > div:last-of-type { border:0; }
.causal-chain > div span { color:#797d80; font-size:9px; }.causal-chain > div b { font-size:18px; }.causal-chain > div small { color:#646a6d; }
.causal-chain > i { display:none; }

.finale { min-height:88vh; position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0,1fr) .65fr; align-items:center; gap:8vw; background:#070a0e; }
.finale::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 78% 50%,rgba(213,182,116,.18),transparent 25%),radial-gradient(circle at 72% 50%,rgba(65,229,220,.12),transparent 48%); }
.finale-scan { position:absolute; inset:0; background:repeating-linear-gradient(to bottom,transparent 0,transparent 5px,rgba(255,255,255,.018) 6px); }
.finale-copy { position:relative; z-index:2; max-width:890px; }
.finale-copy > p:not(.micro) { max-width:740px; color:#afb5ba; font-size:16px; line-height:1.76; }
.finale blockquote { margin:44px 0; padding-left:24px; border-left:2px solid var(--cyan); font:italic clamp(22px,2.4vw,38px)/1.4 Georgia,serif; color:#f2f0e9; }
.button-light { margin-top:22px; background:var(--paper); color:#080b10; border-color:var(--paper); }.button-light:hover { background:var(--cyan); border-color:var(--cyan); }
.finale-word { position:relative; z-index:1; font-size:clamp(80px,12vw,190px); line-height:.68; font-weight:800; letter-spacing:-.11em; color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.16); text-align:right; }
.finale-word span { display:block; }.finale-word span:nth-child(2) { color:rgba(213,182,116,.12); -webkit-text-stroke-color:var(--pink); transform:translateX(-7vw); }

footer { min-height:180px; display:grid; grid-template-columns:1fr 1fr auto; gap:50px; align-items:center; padding:42px clamp(24px,6vw,100px); background:#030507; border-top:1px solid var(--line); color:#717981; font-size:12px; }
.footer-brand { display:flex; align-items:center; gap:20px; }.footer-brand img { width:72px; filter:invert(1) grayscale(1); opacity:.7; }.footer-brand div { display:flex; flex-direction:column; gap:5px; }.footer-brand strong { color:#d9d9d4; }.footer-brand span { font-size:10px; }
footer > p { max-width:420px; line-height:1.6; } footer nav { display:flex; gap:24px; font:9px 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.1em; } footer nav a:hover { color:var(--cyan); }

.lyrics-dialog { width:min(900px,calc(100% - 30px)); height:min(88vh,950px); padding:0; color:var(--paper); background:#0b1016; border:1px solid #3c454e; box-shadow:0 30px 100px #000; }
.lyrics-dialog::backdrop { background:rgba(0,0,0,.82); backdrop-filter:blur(9px); }
.dialog-bar { position:sticky; top:0; z-index:2; min-height:90px; display:flex; justify-content:space-between; align-items:center; padding:20px 28px; background:#0b1016; border-bottom:1px solid var(--line); }
.dialog-bar small { color:var(--cyan); font-size:8px; }.dialog-bar h2 { margin:6px 0 0; font-size:22px; }.dialog-bar button { width:44px; height:44px; color:#fff; background:none; border:1px solid var(--line); font-size:28px; cursor:pointer; }
.lyrics-dialog pre { margin:0; padding:40px clamp(25px,6vw,70px) 80px; color:#c7ccd0; white-space:pre-wrap; font:14px/1.8 'DM Mono',monospace; }

/* Keep every chapter in the cover's black, cyan and warm gold palette. */
.signal,.motifs { background:#0b1415; color:var(--paper); }
.sequence { background:#101716; color:var(--paper); }
.signal .section-meta,.motifs .section-meta,.sequence .section-meta { color:#a8b3ae; }
.signal .section-meta i,.motifs .section-meta i,.sequence .section-meta i { background:rgba(213,182,116,.25); }
.signal h2 em,.motifs h2 em,.sequence h2 em { color:var(--pink); }
.copy-grid,.motif-intro > p,.motif-card > p:not(.mono),.sequence-copy p { color:#b0bdb9; }
.signal::before { border-color:rgba(65,229,220,.16); box-shadow:0 0 0 55px rgba(65,229,220,.025),0 0 0 110px rgba(65,229,220,.025); }
.thesis-block,.motif-grid,.motif-card,.causal-chain,.causal-chain > div { border-color:rgba(213,182,116,.25); }
.thesis-block span,.motif-card > p.mono,.motif-card small,.causal-chain > div span,.causal-chain > div small { color:#a79d84; }
.motif-card { background:linear-gradient(135deg,rgba(65,229,220,.025),rgba(213,182,116,.035)); }
.button-light { background:var(--pink); border-color:var(--pink); }
.reveal { opacity:0; transform:translateY(24px); transition:opacity .8s ease,transform .8s ease; }.reveal.visible { opacity:1; transform:none; }
@keyframes pulse { 50% { opacity:.3; box-shadow:0 0 3px var(--cyan); } }

@media (max-width:1050px) {
  .hero { grid-template-columns:1fr .72fr; gap:3vw; }.hero h1 { font-size:clamp(55px,9vw,96px); }.hero-thesis,.hero-actions { margin-left:0; }
  .chapter { grid-template-columns:130px 1fr; padding:40px 0; }.chapter-state { display:none; }
  .fragment-console { grid-template-columns:320px 1fr; }
  .sequence-grid { grid-template-columns:1fr; }.finale { grid-template-columns:1fr .4fr; }
}

@media (max-width:760px) {
  .header-inner { width:calc(100% - 24px); min-height:68px; }.publisher-brand { width:41px; flex-basis:41px; }.publisher-brand img { width:41px; height:41px; }.menu-toggle { display:block; position:relative; z-index:2; }
  .main-nav { position:absolute; top:0; left:0; width:100%; min-height:100vh; padding:110px 25px 50px; flex-direction:column; align-items:stretch; gap:0; background:#080b10; transform:translateY(-105%); transition:.35s ease; font-size:14px; }
  .main-nav.open { transform:none; }.main-nav a { padding:20px 0; border-bottom:1px solid var(--line); }.main-nav .listen-link { margin-top:20px; text-align:center; }
  .hero { min-height:auto; grid-template-columns:1fr; padding-top:120px; }.hero-index { display:none; }.hero h1 { font-size:clamp(50px,16vw,78px); }.hero h1 span:last-child { margin-left:0; white-space:normal; }.hero-thesis { margin-top:28px; }.cover-stage { width:82%; margin:45px 0 20px auto; }.scroll-marker { display:none; }
  .section-meta { margin-bottom:45px; gap:12px; }.signal-layout,.chapter-heading,.fragments-head,.motif-intro { grid-template-columns:1fr; gap:35px; }.copy-grid { grid-template-columns:1fr; gap:10px; }.thesis-block { margin-top:75px; padding-left:0; }.thesis-block::before { display:none; }
  .chapter { grid-template-columns:92px 1fr; gap:20px; }.chapter-code { display:block; }.chapter-code b { display:block; font-size:65px; }.chapter h3 { font-size:30px; }
  .fragment-console { display:block; min-height:0; border:0; background:none; }.fragment-list { display:flex; max-height:none; border:1px solid var(--line); overflow-x:auto; scrollbar-width:none; }.fragment-list li { flex:0 0 auto; }.fragment-list button { width:auto; min-width:70px; min-height:58px; display:block; padding:12px 17px; border-bottom:0; border-right:1px solid var(--line); }.fragment-list button b,.fragment-list button small { display:none; }.fragment-list button span { font-size:11px; }.fragment-detail { min-height:610px; border:1px solid var(--line); border-top:0; padding:28px; }.detail-role { margin-top:55px; }.detail-data { grid-template-columns:1fr; }.lyrics-button { align-self:flex-start; }
  .motif-grid { grid-template-columns:1fr; }.motif-card { min-height:340px; padding:34px; }.motif-card > p.mono { margin-bottom:60px; }
  .causal-chain > div { grid-template-columns:45px 1fr; }.causal-chain > div small { grid-column:2; }
  .finale { min-height:auto; grid-template-columns:1fr; padding-top:110px; padding-bottom:110px; }.finale-word { position:absolute; right:20px; bottom:70px; opacity:.45; }
  footer { grid-template-columns:1fr; gap:25px; }.footer-brand { align-items:flex-start; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }.reveal { opacity:1; transform:none; transition:none; }.status-dot { animation:none; }
}