/* CERNAVOX VII · profundidad, materia y lectura por capas. */
:root{--scene-depth:0px;--scene-turn:0deg;--warm:#d8bd8b;--line:rgba(201,174,125,.25)}
body{isolation:isolate;background:#080c0b}
.scene{background:#080c0b;z-index:-1;contain:paint}
.scene-base,.scene-cosmos,.scene-alchemy,.scene-manuscript,.scene-stars,.scene-veil,.scene-grain{position:absolute;pointer-events:none}
.scene-base{inset:0;background:radial-gradient(ellipse at 75% 40%,#2d2618 0%,#111914 44%,#080c0b 85%)}
.scene-cosmos{inset:-9%;background:url('assets/v7-cosmos.webp') 65% 45% / cover no-repeat;opacity:.73;transform:translate3d(0,calc(var(--scene-depth) * -.65),0) scale(1.04);transition:opacity 1s ease}
.scene-alchemy{inset:-4% -14% -4% 30%;background:url('assets/v7-alchemy.webp') 80% 50% / min(900px,90vw) auto no-repeat;opacity:0;transform:translate3d(0,var(--scene-depth),0);mask-image:linear-gradient(90deg,transparent 0%,#000 32%,#000 94%,transparent);transition:opacity 1.2s ease}
.scene-manuscript{width:min(840px,78vw);height:116vh;right:-5vw;top:-8vh;background-position:center;background-size:contain;background-repeat:no-repeat;opacity:0;transform:translate3d(0,calc(var(--scene-depth) * -.8),0);mask-image:linear-gradient(90deg,transparent 0%,#000 27%,#000 90%,transparent);transition:opacity 1s ease}
.scene-rosarium{background-image:url('assets/v7-rosarium-ink.webp')}
.scene-tree{background-image:url('assets/v7-kircher-ink.webp');right:0}
.scene-orbit-position{position:absolute;width:min(880px,72vw);aspect-ratio:1;right:-17vw;top:8vh;opacity:.28;transition:opacity .8s ease;transform:translate3d(0,calc(var(--scene-depth) * .33),0)}
.scene-orbit-scroll{width:100%;height:100%;transform:rotate(var(--scene-turn))}
.ambient-rotor{width:100%;height:100%;animation:ambient-orbit 168s linear infinite;will-change:transform}
.scene-stars{inset:-5%;background:url('assets/v5-stars.svg') center / 1200px auto repeat;opacity:.3;transform:translate3d(0,calc(var(--scene-depth) * -.19),0)}
.scene-veil{inset:0;background:linear-gradient(90deg,#080c0be8 0%,#080c0b96 39%,#080c0b38 72%,#080c0b35),linear-gradient(0deg,#080c0b96,transparent 30%,transparent 70%,#080c0b55)}
.scene-grain{inset:0;background:url('assets/v5-grain.svg');opacity:.055}
.scene-inscription{position:absolute;right:4vw;bottom:11vh;max-width:70vw;font-family:var(--serif);font-size:clamp(30px,5.2vw,76px);line-height:1.3;letter-spacing:.09em;color:#e6c58c;opacity:.075;transform:translate3d(0,calc(var(--scene-depth) * .45),0);transition:opacity .6s;text-align:right}
body[data-atmosphere=alchemy] .scene-alchemy{opacity:.48}
body[data-atmosphere=alchemy] .scene-cosmos{opacity:.28}
body[data-atmosphere=manuscript] .scene-rosarium{opacity:.34}
body[data-atmosphere=tree] .scene-tree{opacity:.34}
body[data-atmosphere=tree] .scene-cosmos,body[data-atmosphere=manuscript] .scene-cosmos{opacity:.35}
body[data-atmosphere=tree] .scene-orbit-position,body[data-atmosphere=manuscript] .scene-orbit-position{opacity:.08}
body[data-atmosphere=geometry] .scene-orbit-position{opacity:.36}
body[data-chapter=umbral] .scene-orbit-position{opacity:0}
body[data-chapter=cielo] .scene-orbit-position{opacity:.10}
body[data-atmosphere=manuscript].atmosphere-reading .scene-rosarium,body[data-atmosphere=tree].atmosphere-reading .scene-tree{opacity:.43}
/* Keep lettering on a quiet, warm surface; the surrounding field retains its depth. */
.masthead{background:#080d0be8;backdrop-filter:blur(16px);box-shadow:0 8px 35px #0002}
.hero-cosmos{opacity:.94}
.hero-art-shade{background:linear-gradient(90deg,#090d0bfc 0%,#090d0bde 24%,#090d0b69 49%,#090d0b05 78%),linear-gradient(0deg,#090d0b 0%,transparent 28%,#090d0b0a 88%)}
.hero-instrument{opacity:1;width:min(670px,53vw)}
.hero-instrument .instrument-wheel{opacity:.78;filter:drop-shadow(0 0 9px #d4a95a25)}
.hero-rotor{width:100%;height:100%;animation:hero-orbit 112s linear infinite;will-change:transform}
.hero-instrument .instrument-rule{inset:30%;border-color:#d5b57255;box-shadow:0 0 60px #d9a2480b,inset 0 0 50px #d9a2480a}
.hero-instrument .instrument-top,.hero-instrument .instrument-bottom{font-size:9px;letter-spacing:.38em;opacity:.85}
.hero h1 em{color:#ead8b6;text-shadow:0 2px 35px #d9ad5318}
.hero-eyebrow .small-star{color:#ddbd7d}
.hero-inner>*,.hero-foot{animation:threshold-enter .9s var(--ease) both}
.hero-inner h1{animation-delay:.08s}.hero-subtitle{animation-delay:.18s}.hero-description{animation-delay:.27s}.hero-actions{animation-delay:.35s}.hero-foot{animation-delay:.5s}
.scroll-track{position:relative;overflow:hidden;background:#c6a66f30;height:28px}
.scroll-track::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,var(--gold),transparent);animation:scroll-light 2.8s ease-in-out infinite}
.hero .button-gold{background:linear-gradient(120deg,#cfb582,#e4c995 50%,#b89351);color:#15170f;box-shadow:0 4px 25px #0005,inset 0 1px #ffe7b7}
.button{transition:transform .25s var(--ease),background .25s,box-shadow .25s}
.button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0003}
.journey{background:linear-gradient(180deg,#080c0b99,transparent);border-bottom-color:#ccb17b38}
.manifesto{position:relative}.manifesto-copy{padding:10px 0;background:linear-gradient(90deg,#0a100caa,#0a100c44 80%,transparent)}
.symbol-room{background:linear-gradient(120deg,#171910b8,#231b10a3 48%,#18190d36);border-block-color:#c6a66f30}
.symbol-choices{background:#080d0b66;backdrop-filter:blur(5px)}
.symbol-choices button[aria-pressed=true]{background:linear-gradient(0deg,#d3ad5626,transparent);color:#f0dfbd}
.symbol-choices button span{color:#afa38b}
.symbol-choices button:hover{background:#d0a86010;color:#f0dfbd}
.symbol-layout{grid-template-columns:1.06fr .94fr;gap:clamp(32px,5.5vw,80px)}
.document-tools{align-items:flex-start;gap:14px;margin-bottom:16px;min-height:43px}
.document-tools .eyebrow{padding-top:11px;max-width:53%;line-height:1.7;color:#c7baa1}
.document-tools .annotation-toggle{font-size:10px;line-height:1.6;text-align:right;min-height:44px;color:#dfd0b3;gap:8px;max-width:47%}
.annotation-toggle[aria-pressed=true]{color:#f1dab0}
.document-stage{padding:38px 56px;min-height:520px;background:radial-gradient(ellipse at 50% 20%,#45332144,transparent 60%),linear-gradient(140deg,#1d2118,#11150f 48%,#202019);color:var(--paper);border:1px solid #bba47a55;box-shadow:0 28px 60px #0006,inset 0 1px #e8ca8c15,inset 0 0 0 7px #10140f;overflow:visible}
.document-stage::before{content:'';position:absolute;inset:11px;border:1px solid #d0b27a18;pointer-events:none}
.document-stage::after{content:'';position:absolute;inset:24px;border:1px solid #d0b27a08;pointer-events:none}
.artifact-sheet{width:min(100%,368px);z-index:1;transition:filter .4s}
.artifact-sheet>img{display:block;width:100%;height:auto;max-height:none;box-shadow:0 9px 23px #0008,0 1px 2px #0009;transition:opacity .3s}
.artifact-sheet.is-vector{width:min(100%,368px);padding:0}
.artifact-sheet.is-vector>img{box-shadow:0 10px 30px #0005}
.document-stage.is-vector{background:radial-gradient(ellipse at 55% 25%,#343020,#11170f 75%)}
.document-expand{right:13px;bottom:13px;color:#dcc69b;background:#11170fdc;border-color:#c7ac7244;z-index:4}
.document-expand:hover{background:#272a1d;color:#fff1ca}
.annotation-guides{position:absolute;left:-18%;top:-6%;width:136%;height:112%;overflow:visible;pointer-events:none}
.annotation-guides g{opacity:0;transition:opacity .2s}
.annotation-guides g.is-active{opacity:1}
.annotation-guides path{fill:none;stroke:#c9b990;stroke-width:.35;stroke-dasharray:1.2 1.2;vector-effect:non-scaling-stroke;stroke-width:1}
.annotation-guides ellipse{fill:none;stroke:#92764a;stroke-width:1.3;vector-effect:non-scaling-stroke}
.annotation{color:#b9ae95;font-size:10px;letter-spacing:.02em;width:44px;height:44px;z-index:3}
.annotation::before{inset:6px;background:#11160fdb;border-color:#a99b7955;box-shadow:none;transition:background .2s,border-color .2s}
.annotation:hover,.annotation[aria-pressed=true]{transform:translate(-50%,-50%)}
.annotation:hover::before,.annotation[aria-pressed=true]::before{background:#282b1c;border-color:#dac797;box-shadow:0 0 0 3px #d7bc7710}
.annotation[aria-pressed=true]{color:#f7e3b9}
.annotation-reader{margin-top:18px;padding:16px 18px;background:#0b110dd9;border:1px solid var(--line)}
.annotation-reader label{display:block;font-size:10px;letter-spacing:.07em;color:#d5c6a5;margin-bottom:8px}
.annotation-reader select{display:block;width:100%;min-height:46px;padding:9px 35px 9px 12px;border:1px solid #bca87955;border-radius:0;color:#ece1c8;background:#161e14;font:14px/1.5 var(--sans)}
.annotation-reader p{font-size:10px;color:#b1b4a3;line-height:1.8;margin:9px 0 0}
.symbol-reading{padding:34px 0 18px;background:linear-gradient(90deg,#11170c66,#14180d22);min-width:0}
.symbol-reading h3{color:#f0e6cf}
.symbol-question{color:#dacaac}
.reading-panel{font-size:14px;line-height:1.95;min-height:205px}
.reading-sources a{overflow-wrap:anywhere;max-width:100%}
.detail-note{padding:22px 20px 18px;background:linear-gradient(135deg,#263020cc,#151c13dd);border:1px solid #c4af7d42;margin-block:20px;gap:15px;scroll-margin-top:calc(var(--header) + 20px)}
.detail-number{font-size:26px;color:#aead8e;min-width:28px}
.detail-body{min-width:0;flex:1}
.detail-body h4{font-family:var(--serif);font-size:26px;line-height:1.25;font-weight:400;color:#f0e4ca;margin:0 0 13px}
.detail-body>p#detail-text{font-size:12px;color:#d3d0bd;line-height:1.85;margin:12px 0}
.detail-translation{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 16px}
.detail-translation>div{padding:10px 0;border-top:1px solid #ac997938;border-bottom:1px solid #ac997938;min-width:0}
.detail-translation span{display:block;font:8px/1.6 var(--sans);letter-spacing:.05em;color:#bbb9a5}
.detail-translation b{display:block;font:32px/1.5 'Times New Roman',serif;font-weight:400;color:#ead9b2;text-align:left;padding-top:4px;unicode-bidi:isolate}
.detail-translation small{display:block;font:11px/1.7 var(--sans);color:#d5cfbb}
.detail-more{font-size:12px;border-top:1px solid var(--line);margin-top:15px}
.detail-more summary{min-height:45px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:12px;color:#e4d4b4;list-style:none}
.detail-more summary::-webkit-details-marker{display:none}
.detail-more summary span{font-size:17px;transition:transform .25s}
.detail-more[open] summary span{transform:rotate(45deg)}
.detail-more>div{padding-bottom:3px}
.detail-more #detail-depth{font-size:12px;line-height:1.85;color:#d1cdbb;margin:5px 0 14px}
.detail-more dl{margin:12px 0}
.detail-more dt{font-size:9px;letter-spacing:.05em;color:#bfb390;text-transform:uppercase;margin-top:13px}
.detail-more dd{font-size:12px;line-height:1.8;color:#d6cdb7;margin:4px 0 0}
.detail-more #detail-question{font:italic 20px/1.5 var(--serif);color:#decfae;border-left:1px solid #c6a66f;padding-left:12px;margin:19px 0 12px}
.detail-note .reading-sources{border-top:1px solid var(--line);padding-top:8px;margin-top:14px}
.detail-note .reading-sources a{font-size:10px;white-space:normal;border:0}
.symbol-further{margin-top:23px;border-top:1px solid var(--line)}
.symbol-further details{border-bottom:1px solid var(--line)}
.symbol-further summary{min-height:52px;cursor:pointer;font:12px/1.6 var(--sans);padding:14px 22px 14px 0;color:#d8cfb9}
.symbol-further details>div{padding:0 0 18px;font-size:12px;color:var(--muted);line-height:1.85}
.document-companion{margin-top:23px;padding:20px;border:1px solid #b9a06d40;background:linear-gradient(120deg,#5d452320,#17201880)}
.document-companion p{font:22px/1.4 var(--serif);color:#e8d5af;margin:9px 0 12px}
.document-companion .text-link{font-size:11px;min-height:44px;text-align:left}
.document-companion .eyebrow{font-size:8px;letter-spacing:.09em}
.source-caution{color:#b6b39d}
/* A dark cabinet: parchment belongs to the document, not the entire room. */
.archive-section{background:linear-gradient(130deg,#0a100deb,#152015cb 65%,#1419109c);color:var(--paper);--line:rgba(198,166,111,.25);--gold:#c6a66f;--muted:#bcb6a8;--paper:#eee8dc;border-block:1px solid #bca57330;box-shadow:inset 0 35px 80px #0003}
.archive-section .section-label span:first-child,.archive-section h2 em{color:#d2b780}
.archive-card>button,.archive-card>a{color:var(--paper)}
.archive-mat{background:radial-gradient(ellipse at 50% 20%,#3e3b2840,transparent 70%),#131b14;border-color:#b7a07240;padding:30px;box-shadow:inset 0 0 0 6px #0d140f,0 18px 30px #0003}
.archive-mat::after{border-color:#baa57455;color:#dac493;background:#111b12df;border-radius:50%;width:35px;height:35px}
.archive-card button:hover .archive-mat{background:#1e291b}
.archive-mat img{filter:none;box-shadow:0 5px 20px #0004}
.archive-card figcaption .eyebrow{color:#cbb27e}
.archive-card h3{color:#e6dcc7;font-size:31px}
.archive-card figcaption p{color:#b4b6a3}
.archive-card figcaption p span,.archive-section .text-link{color:#d3c19a}
.archive-more .button{color:#e5d8bd;border-color:#b5a27a99;background:#17201588}
.archive-more>p{color:#bfc0ad}
.archive-section a:hover,.archive-section button:hover,.archive-section .text-link:hover{color:#f3dcaa}
.archive-section :focus-visible{outline-color:#dfc891}
.field-panel{background:linear-gradient(110deg,#0c140caa,#111a10aa 70%,#111a1044);padding:24px 26px 20px;border:1px solid #c5ac7624;box-shadow:0 20px 50px #0002}
.field-visual img{background:#182015;border-color:#b5a07840;padding:8px;box-shadow:0 7px 18px #0004}
.method-workbench{background:#10170fcc;border-color:#a9996f44;box-shadow:0 25px 60px #0004}
.method-panel{background:linear-gradient(120deg,#232b1b77,#11180e77)}
.practice-section{background:linear-gradient(120deg,#24291b8c,#11180e99 60%,#3b291957);box-shadow:inset 0 0 70px #0003}
.practice-mark{filter:drop-shadow(0 10px 35px #0007)}
#cielo{background:linear-gradient(130deg,#07100ccf,#111b11ae)!important}
#cielo .cv-sky__instrument{background:#0c140edb}
.community-copy{background:linear-gradient(90deg,#0c140ca6,#0c140c33)}
.sources-section{position:relative;background:linear-gradient(90deg,#08110ba6,#09140bc2)}
/* One invitation per chapter. Every phrase can be traced to its source. */
.atmosphere-door{display:flex;align-items:center;gap:18px;border-top:1px solid #b7a07726;padding-top:16px;padding-bottom:18px;margin-top:45px;position:relative}
.atmosphere-door-mark{color:#c2aa74;font-size:27px;line-height:1;flex-shrink:0}
.atmosphere-door-caption{font:8px/1.6 var(--sans);letter-spacing:.19em;color:#aeb29e}
.atmosphere-door .quiet-button{margin-left:auto;font-size:10px;color:#d5c39a;min-height:44px;gap:16px}
.symbol-room>.atmosphere-door{margin-top:0}
.atmosphere-door:hover .atmosphere-door-mark{transform:rotate(90deg);transition:transform .8s var(--ease)}
.atmosphere-dialog{width:660px;background:radial-gradient(ellipse at 85% 15%,#53503833,transparent 50%),#121b12;border-color:#bba27177;padding:38px;box-shadow:0 40px 120px #000b}
.atmosphere-dialog .dialog-head h2{font-size:43px;line-height:1.12}
.atmosphere-plate{padding:28px 12px;margin:15px 0 24px;text-align:center;border-block:1px solid #b39f723d;background:radial-gradient(ellipse at center,#b59a5814,transparent 70%)}
#atmosphere-inscription{display:block;font:34px/1.5 var(--serif);color:#e1c99b;letter-spacing:.07em;overflow-wrap:anywhere}
#atmosphere-translation{display:block;font:12px/1.8 var(--sans);color:#b9bea7;margin-top:10px}
#atmosphere-origin{font-size:8px;letter-spacing:.11em;color:#b6a780;line-height:1.9}
#atmosphere-text{font-size:13px;line-height:1.95;color:#d0ceba;margin-top:14px}
#atmosphere-question{font:italic 24px/1.5 var(--serif);color:#e2ceaa;padding-left:18px;border-left:1px solid #c2a66c;margin-top:22px}
.atmosphere-dialog .reading-sources{margin-top:22px;border-top:1px solid var(--line);padding-top:7px}
.atmosphere-dialog-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:18px;margin-top:20px;font-size:10px;color:#abae98}
.atmosphere-dialog-foot button{color:#d6c5a0;font-size:10px;min-height:44px}
.has-entered{animation:chapter-enter .65s var(--ease) both}
.entrance-settled{animation:none!important;opacity:1;transform:none}
.detail-note:not(.panel-change){animation:none}
@keyframes ambient-orbit{to{transform:rotate(360deg)}}
@keyframes hero-orbit{to{transform:rotate(360deg)}}
@keyframes threshold-enter{from{opacity:0;transform:translateY(19px)}to{opacity:1;transform:translateY(0)}}
@keyframes chapter-enter{from{opacity:.15;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes scroll-light{0%{transform:translateY(-100%)}65%,100%{transform:translateY(100%)}}
/* Keep an in-progress orbit where it is when paused, while all content remains visible. */
.motion-paused .ambient-rotor{animation:ambient-orbit 168s linear infinite!important;animation-play-state:paused!important}
.motion-paused .hero-rotor{animation:hero-orbit 112s linear infinite!important;animation-play-state:paused!important}
.document-hidden .ambient-rotor,.document-hidden .hero-rotor,.dialog-open .ambient-rotor,.dialog-open .hero-rotor{animation-play-state:paused}
.motion-paused .hero-inner>*,.motion-paused .hero-foot,.motion-paused .has-entered{opacity:1;transform:none}
.motion-paused .button:hover{transform:none}
@media(min-width:1700px){.hero-instrument{width:780px}.scene-orbit-position{right:-5vw;top:3vh;width:1000px}.scene-manuscript{right:6vw}.scene-alchemy{right:0}}
@media(max-width:1199px){.document-stage{padding:30px 52px;min-height:470px}.symbol-layout{gap:40px}.document-tools{flex-direction:column;gap:0}.document-tools .eyebrow{max-width:100%;padding-top:0}.document-tools .annotation-toggle{max-width:100%;text-align:left;min-height:40px}.symbol-reading{padding-top:60px}.field-panel{padding:22px}.archive-mat{padding:24px}}
@media(max-width:959px){.hero-instrument{width:570px}.hero-cosmos{opacity:.88}.scene-orbit-position{width:850px;right:-420px;top:13vh}.scene-manuscript{width:85vw;right:-15vw;opacity:0}.scene-alchemy{inset:0 -30% 0 0;background-size:850px auto}.symbol-layout{gap:28px}.document-stage{padding:29px 49px;min-height:0}.detail-note{padding:17px 13px;gap:10px}.detail-body h4{font-size:24px}.detail-number{font-size:23px;min-width:23px}.detail-translation{grid-template-columns:1fr;gap:0}.detail-translation>div{display:grid;grid-template-columns:1fr auto;gap:0 10px}.detail-translation b{grid-row:1/3;grid-column:2;padding:0;font-size:29px}.detail-translation small{align-self:center}.archive-mat{padding:20px}.field-panel{padding:18px}.atmosphere-door{gap:12px}}
@media(max-width:699px){
 .scene-cosmos{inset:-5%;background-position:75% center;opacity:.67;transform:translate3d(0,calc(var(--scene-depth) * -.5),0)}
 .scene-veil{background:linear-gradient(90deg,#080c0bd9,#080c0b80 65%,#080c0b77),linear-gradient(0deg,#080c0b88,transparent 40%)}
 .scene-alchemy{inset:0 -55% 0 -25%;background-size:auto 100vh;background-position:85% center}
 .scene-manuscript{width:115vw;height:100vh;top:0;right:-35vw;mask-image:linear-gradient(90deg,transparent,#000 38%)}
 body[data-atmosphere=alchemy] .scene-alchemy{opacity:.4}
 body[data-atmosphere=manuscript] .scene-rosarium,body[data-atmosphere=tree] .scene-tree{opacity:.29}
 .scene-orbit-position{width:590px;right:-355px;top:21vh;opacity:.34}
 .scene-stars{opacity:.22;background-size:900px auto}
 .scene-inscription{font-size:37px;max-width:95vw;right:-10%;bottom:19vh;opacity:.08}
 .hero-cosmos{opacity:.9}
 .hero-art-shade{background:linear-gradient(180deg,#090d0bdb 0%,#090d0b75 39%,#090d0b13 70%,#090d0b 100%),linear-gradient(90deg,#090d0b80,transparent 80%)}
 .hero-instrument{width:460px;opacity:.85}
 .hero-instrument .instrument-wheel{opacity:.8}
 .hero h1{font-size:clamp(53px,14.1vw,88px)}
 .hero-inner{padding-top:55px;padding-bottom:325px}
 .hero-description{color:#e0d8c4;max-width:345px}
 .hero-foot{gap:12px}.hero-foot .quiet-button{font-size:9px}
 .symbol-layout{grid-template-columns:1fr;gap:20px}
 .document-tools{flex-direction:row;align-items:center;gap:12px;margin-bottom:13px;min-height:45px}
 .document-tools .eyebrow{max-width:51%;font-size:8px}
 .document-tools .annotation-toggle{max-width:49%;font-size:10px;text-align:right;line-height:1.6;min-height:44px}
 .document-stage{padding:28px 52px;min-height:0;box-shadow:0 20px 40px #0006,inset 0 0 0 7px #11180f}
 .artifact-sheet,.artifact-sheet.is-vector{width:min(100%,350px)}
 .symbol-reading{padding-top:9px;background:linear-gradient(90deg,#11170c77,#14180d22)}
 .reading-panel{font-size:14px;min-height:0}
 .annotation-reader{padding:15px;margin-top:17px}.annotation-reader select{font-size:13px}.annotation-reader p{font-size:10px}
 .detail-note{padding:19px 16px;gap:13px}
 .symbol-document .detail-note{margin-top:20px;margin-bottom:18px;gap:12px}
 .detail-body h4{font-size:26px}
 .detail-translation{grid-template-columns:1fr 1fr;gap:13px}
 .detail-translation>div{display:block}
 .detail-translation span{font-size:7px;letter-spacing:.03em;line-height:1.8}
 .detail-translation b{font-size:30px;padding:4px 0}
 .detail-note .reading-sources a{font-size:10px}
 .detail-more #detail-depth,.detail-more dd{font-size:12px}
 .field-panel{padding:24px 18px;border-color:#c5ac7634}
 .field-copy h3{font-size:33px}.field-copy>p:last-child{font-size:14px}
 .field-questions summary{font-size:12px;gap:10px}
 .archive-mat{padding:18px;height:220px;box-shadow:inset 0 0 0 5px #0d140f,0 12px 25px #0003}
 .archive-card:first-child .archive-mat{height:385px;padding:31px}
 .archive-card h3{font-size:24px}.archive-card:first-child h3{font-size:32px}
 .archive-more>p{font-size:11px}
 .atmosphere-door{gap:12px;flex-wrap:wrap;margin-top:30px;padding-block:12px}
 .atmosphere-door-caption{font-size:7px;letter-spacing:.12em;max-width:115px}
 .atmosphere-door .quiet-button{font-size:9px;gap:8px;text-align:right;max-width:145px;line-height:1.5}
 .atmosphere-door-mark{font-size:23px}
 .atmosphere-dialog{padding:25px 22px}.atmosphere-dialog .dialog-head h2{font-size:34px}
 #atmosphere-inscription{font-size:28px;letter-spacing:.04em}.atmosphere-plate{padding:20px 0}
 #atmosphere-text{font-size:13px}.atmosphere-dialog-foot{gap:14px}.atmosphere-dialog-foot button{font-size:10px}
}
@media(max-width:379px){.document-stage{padding-inline:48px}.document-tools .annotation-toggle{font-size:9px}.detail-note{padding:17px 12px}.detail-body h4{font-size:24px}.archive-mat{padding:14px;height:205px}.atmosphere-door-caption{max-width:100px}.atmosphere-door .quiet-button{max-width:130px}.hero h1{font-size:51px}}
@media(prefers-reduced-motion:reduce){.hero-rotor,.ambient-rotor,.motion-paused .hero-rotor,.motion-paused .ambient-rotor{animation:none!important}.hero-inner>*,.hero-foot,.has-entered{animation:none!important;opacity:1;transform:none}.scene-cosmos,.scene-alchemy,.scene-manuscript,.scene-orbit-position,.scene-inscription{transform:none}.scene-orbit-scroll{transform:rotate(-12deg)}.button:hover{transform:none}}
@media print{.scene,.atmosphere-door,.annotation-reader,.symbol-further,.document-companion{display:none!important}.archive-section,.field-panel,.symbol-reading,.detail-note{background:white;color:#111}.archive-card h3,.archive-card figcaption p{color:#111}.archive-mat{background:#eee;box-shadow:none}.document-stage{background:#eee;box-shadow:none}}

body:not([data-chapter=umbral]) .hero-rotor,body[data-chapter=umbral] .ambient-rotor{animation-play-state:paused}
/* Quiet reading ground within the illustrated room. */
.symbol-reading{background:linear-gradient(90deg,#10160cc9,#12190d80);padding-left:22px;padding-right:22px;margin-inline:-22px}
@media(max-width:699px){.symbol-reading{padding-left:12px;padding-right:12px;margin-inline:-12px}}
@media(max-width:699px){
 .hero-cosmos{height:88%;top:12%;mask-image:linear-gradient(180deg,transparent,#000 23%,#000)}
 .hero-art-shade{background:linear-gradient(180deg,#090d0bf5 0%,#090d0be0 34%,#090d0b70 60%,#090d0b0a 80%,#090d0b 100%),linear-gradient(90deg,#090d0b66,transparent 85%)}
}

@media(max-width:699px){.annotation-reader select{font-size:16px}.detail-translation span{font-size:8px}}