@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=IM+Fell+English:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap";:root{--font-serif:"Cormorant Garamond", Georgia, serif;--font-display:"IM Fell English", Georgia, serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;color:#efe7d8;font-synthesis:none;background:#090807}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{overflow:hidden}button{font:inherit}button:focus-visible{outline-offset:5px;outline:1px solid #e6c77d}.app{scroll-snap-type:y proximity;scroll-behavior:smooth;overscroll-behavior-y:contain;background:#090807;height:100dvh;overflow:hidden auto}.app--locked{overflow:hidden}.section{scroll-snap-align:start;scroll-snap-stop:normal;height:100dvh;min-height:100dvh;max-height:100dvh;position:relative;overflow:hidden}.section--intro{font-family:var(--font-serif);background:linear-gradient(#080706 0%,#0a0908 55%,#14100c 92%,#1a120c 100%);place-items:center;display:grid}.intro-spotlight{filter:blur(.2px);background:radial-gradient(27% 55% at 50% 52%,#f2c57436,#a169320f 38%,#0000 70%),linear-gradient(#090807 0%,#0b0907 58%,#050403 100%);position:absolute;inset:-10%}.intro-grain,.era-atmosphere{opacity:.14;pointer-events:none;mix-blend-mode:soft-light;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='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E");position:absolute;inset:0}.intro-vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 180px 65px #000000eb}.museum-header{z-index:8;font-family:var(--font-mono);letter-spacing:.16em;color:#efd39ba6;justify-content:space-between;padding:1.6rem 3vw;font-size:.58rem;display:flex;position:absolute;top:0;left:0;right:0}.intro-content{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(760px,94vw);min-height:100dvh;padding:6vh 1.5rem 4vh;display:flex;position:relative}.intro-title{max-width:680px;font-family:var(--font-display);letter-spacing:.075em;text-transform:uppercase;color:#efe2c7;margin:0 0 1.5rem;font-size:clamp(1.35rem,2.8vw,2.35rem);font-weight:400;line-height:1.2}.intro-stage{width:min(300px,62vw);color:inherit;cursor:pointer;background:0 0;border:0;margin:0 0 1.25rem;padding:0;position:relative}.intro-stage:after{content:"";filter:blur(8px);z-index:-1;background:radial-gradient(#000000db,#0000 70%);width:70%;height:8%;position:absolute;bottom:2%;left:50%;transform:translate(-50%)}.intro-stage__label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:#ecd5a87a;margin-top:-.8rem;font-size:.58rem;transition:color .25s;display:block}.intro-stage:hover .intro-stage__label{color:#ecd5a8d9}.intro-audio{width:min(380px,82vw)}.intro-hint{color:#ebdcbe7a;margin:1rem 0 0;font-size:.78rem;font-style:italic}.intro-scroll-cue{font-family:var(--font-mono);letter-spacing:.21em;text-transform:uppercase;color:#dec17b;margin:1rem 0 0;font-size:.62rem;animation:.8s both fade-in}.intro-scroll-cue__arrow{margin-top:.4rem;font-size:1rem;animation:1.7s ease-in-out infinite bounce-down;display:block}.intro-skip{color:#d4b878;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;background:0 0;border:1px solid #e0c48459;border-radius:2px;margin-top:.75rem;padding:.5rem 1rem;font-size:.68rem}.metronome-visual{width:100%;transition:transform .35s}.intro-stage:hover .metronome-visual:not(.metronome-visual--open){transform:translateY(-3px)}.metronome-visual__stage{aspect-ratio:3/4.1;filter:drop-shadow(0 22px 28px #000000b8);width:100%;position:relative}.metronome-visual__stage:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#ffc4781f,#0000 68%);width:72%;height:38%;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.metronome-visual__body,.metronome-visual__cover{-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1;display:block;position:absolute}.metronome-visual__body{object-fit:contain;object-position:center bottom;width:100%;height:100%;inset:0}.metronome-visual__cover{object-fit:contain;object-position:center bottom;transform-origin:50% 8%;z-index:2;width:100%;height:100%;transition:transform .85s cubic-bezier(.34,1.1,.64,1),opacity .55s .15s;inset:0;transform:scale(.776)translateY(1.1%)}.metronome-visual--open .metronome-visual__cover{opacity:0;pointer-events:none;transform:scale(.776)translateY(1.1%)rotate(-72deg)translate(-14%)translateY(-6%)}.metronome-visual__body--closed{opacity:1;transition:opacity .55s .1s}.metronome-visual__body--open{opacity:0;transition:opacity .65s .35s}.metronome-visual--open .metronome-visual__body--closed{opacity:0;transition-delay:0s}.metronome-visual--open .metronome-visual__body--open{opacity:1}.metronome-visual--active .metronome-visual__stage{animation:1.15s cubic-bezier(.45,.03,.55,.95) infinite alternate metronome-tick}@keyframes metronome-tick{0%{transform:rotate(-1.1deg)}to{transform:rotate(1.1deg)}}.audio-player{width:100%}.audio-player__notice{color:#efe2c7b3;background:#e8c77d0d;border:1px solid #e8c77d3d;margin:0;padding:.8rem 1rem;font-size:.76rem}.audio-player__bridge-hint{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#efd39b8c;margin:0 0 .55rem;font-size:.52rem}.audio-player__monitor-link{color:#e2c782;font:inherit;letter-spacing:inherit;text-transform:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.bridge-status{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#ebdcbeb8;pointer-events:none;background:#080a0eb8;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .65rem;font-size:.52rem;display:inline-flex;position:fixed;bottom:1rem;left:1rem}.bridge-status__dot{background:#b4b4b4b3;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #b4b4b459}.bridge-status--online .bridge-status__dot{background:#8fd49a;box-shadow:0 0 12px #8fd49abf}.bridge-status--reconnecting .bridge-status__dot{background:#e7c46f;animation:1.2s ease-in-out infinite bridge-pulse}.bridge-status--offline .bridge-status__label{opacity:.55}@keyframes bridge-pulse{50%{opacity:.35}}.audio-player__controls{align-items:center;gap:.9rem;display:flex}.audio-player__play{color:#e2c782;cursor:pointer;background:#e0c4840f;border:1px solid #e0c48473;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;padding:0;transition:all .2s;display:grid}.audio-player__play:hover:not(:disabled){background:#e0c48424;transform:scale(1.05)}.audio-player__play:disabled{opacity:.45;cursor:wait}.play-pause-icon{width:15px;height:15px;display:block}.play-pause-icon--play{margin-left:1.5px}.play-pause-icon--loading{animation:1s linear infinite play-pause-spin}@keyframes play-pause-spin{to{transform:rotate(360deg)}}.audio-player__track{flex:1;min-width:0}.audio-player__bar{align-items:center;height:14px;display:flex;position:relative;overflow:visible}.audio-player__bar:before{content:"";background:#ffffff21;height:2px;position:absolute;left:0;right:0}.audio-player__fill{pointer-events:none;background:linear-gradient(90deg,#9f6e31,#edd28b);height:2px;position:absolute;left:0}.audio-player__seek{opacity:0;cursor:pointer;appearance:none;background:0 0;width:100%;margin:0;position:absolute;inset:0}.audio-player__seek:disabled{cursor:default}.audio-player__time{font-family:var(--font-mono);opacity:.48;justify-content:space-between;margin-top:.35rem;font-size:.58rem;display:flex}.section--era{font-family:var(--font-serif);--blend-top:#120c08;--blend-bottom:#120c08;--blend-mid:#1a120c;background:linear-gradient(180deg,var(--blend-top) 0%,var(--blend-mid) 42%,var(--blend-mid) 58%,var(--blend-bottom) 100%);place-items:center;padding:clamp(2rem,5vw,5rem);display:grid}.section--content-right{place-items:center end;padding-left:clamp(2rem,8vw,12rem);padding-right:clamp(1rem,2.5vw,2.5rem)}.section--content-left{place-items:center start;padding-left:clamp(1rem,2.5vw,2.5rem);padding-right:clamp(2rem,8vw,12rem)}.section--content-horizontal{place-items:center;padding:clamp(1.5rem,3vw,2.5rem) clamp(1.5rem,4vw,3rem)}.section--content-continued{place-items:center;padding:clamp(1.5rem,3vw,2.5rem) clamp(1.5rem,4vw,3rem) clamp(12rem,22vh,16rem)}.era-layout--continued{text-align:center;justify-content:center;align-items:center;width:min(520px,88vw);min-height:0;margin:0 auto;padding-top:clamp(5rem,12vh,8rem);display:flex}.era-continued{flex-direction:column;align-items:center;display:flex}.era-continued .era-years{opacity:.14}.era-continued .era-name{margin-bottom:1.75rem}.era-continued__note{font-family:var(--font-display);letter-spacing:.08em;color:#c8daffb8;margin:0;font-size:clamp(1.35rem,2.8vw,2rem);font-style:italic;font-weight:400}.era-atmosphere{z-index:1;opacity:.11}.era-layout{z-index:3;grid-template-columns:minmax(300px,.95fr) minmax(280px,.85fr);align-items:center;gap:clamp(2.5rem,6vw,7rem);width:min(1280px,91vw);min-height:min(680px,78vh);display:grid;position:relative}.era-layout--content-right{text-align:left;grid-template-columns:1fr;align-content:center;gap:1.1rem;width:min(420px,36vw);margin-left:auto;margin-right:clamp(1.25rem,3.5vw,4.5rem)}.era-layout--content-left{text-align:left;grid-template-columns:1fr;align-content:center;gap:1.1rem;width:min(420px,36vw);margin-left:clamp(1.25rem,3.5vw,4.5rem);margin-right:auto}.era-layout--content-right,.era-layout--content-left{padding-top:clamp(9rem,16vh,12rem)}.era-layout--content-right .era-copy,.era-layout--content-right .era-research,.era-layout--content-left .era-copy,.era-layout--content-left .era-research{grid-column:1;max-width:100%}.era-layout--horizontal{grid-template-columns:minmax(260px,.95fr) minmax(300px,1.05fr);align-items:start;gap:clamp(1.25rem,3vw,3rem);width:min(1120px,92vw);min-height:0;margin:0 auto;padding-top:clamp(5rem,10vh,7rem);padding-bottom:clamp(7rem,14vh,10rem)}.era-layout--horizontal .era-copy{grid-area:1/1;align-self:start;max-width:none}.era-layout--horizontal .era-research{grid-area:1/2;grid-template-columns:1fr 1fr;align-content:start;gap:.65rem;display:grid}.era-layout--horizontal .era-panel{min-height:88px}.era-layout--horizontal .era-panel--spatial{grid-column:1/-1}.era-layout--horizontal .era-history{max-width:42ch}.era-layout--top-left,.era-layout--bottom-left{grid-template-columns:minmax(280px,.85fr) minmax(300px,.95fr)}.era-layout--top-left .era-copy,.era-layout--bottom-left .era-copy{grid-column:2}.era-layout--top-left .era-research,.era-layout--bottom-left .era-research{grid-area:1/1}.era-copy{align-self:center;max-width:480px}.era-chapter{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;opacity:.48;margin:0 0 1rem;font-size:.52rem}.era-years{font-family:var(--font-display);letter-spacing:-.03em;opacity:.12;white-space:nowrap;margin:0;font-size:clamp(2rem,4.5vw,4.5rem);line-height:.82}.era-name{font-family:var(--font-display);letter-spacing:.015em;margin:-.5rem 0 1rem;font-size:clamp(1.6rem,3.2vw,3.2rem);font-weight:400;line-height:.96}.era-history{color:#f5eddcbd;max-width:36ch;min-height:2.8em;margin:0;font-size:clamp(.88rem,1.25vw,1.02rem);line-height:1.6}.era-audio{border-top:1px solid #ffffff1a;width:100%;margin-top:1.4rem;padding-top:.85rem}.era-audio__label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;opacity:.45;margin:0 0 .6rem;font-size:.5rem}.era-research{flex-direction:column;gap:.55rem;max-width:100%;display:flex}.era-panel{background:linear-gradient(90deg,#ffffff06,#0000);border-top:1px solid #ffffff1c;min-height:96px;padding:.85rem 1rem .85rem 2.8rem;position:relative}.era-panel__index{font-family:var(--font-display);opacity:.22;font-size:1.1rem;position:absolute;top:.85rem;left:.25rem}.era-panel h3{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;opacity:.5;margin:0 0 .4rem;font-size:.5rem}.era-panel p{color:#f5eddca8;margin:0;font-size:.82rem;line-height:1.5}.era-panel--spatial{min-height:88px}.spatial-compass--hero{z-index:6;pointer-events:none;background:radial-gradient(circle,#ffffff0d 0%,#0000 72%);border:1.5px solid #ffffff3d;border-radius:50%;width:clamp(150px,20vw,220px);height:clamp(150px,20vw,220px);position:absolute;top:clamp(.75rem,2.5vh,1.75rem);left:50%;transform:translate(-50%);box-shadow:0 0 56px #e7c46f1a}.spatial-compass--hero:before{content:"";background:#ffffff2e;width:1.5px;height:86%;position:absolute;top:7%;left:50%}.spatial-compass--hero:after{content:"";background:#ffffff2e;width:86%;height:1.5px;position:absolute;top:50%;left:7%}.spatial-compass--hero .spatial-compass__head{font-family:var(--font-mono);letter-spacing:.12em;opacity:.5;font-size:.55rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spatial-compass--hero .spatial-compass__point{background:#e7c46f;border-radius:50%;width:11px;height:11px;position:absolute;box-shadow:0 0 16px #e7c46fd9}.spatial-compass--hero.spatial-compass--0 .spatial-compass__point{top:72%;left:16%}.spatial-compass--hero.spatial-compass--1 .spatial-compass__point{top:14%;left:16%}.spatial-compass--hero.spatial-compass--2 .spatial-compass__point{top:14%;left:auto;right:16%}.spatial-compass--hero.spatial-compass--3 .spatial-compass__point{top:72%;left:auto;right:16%}.spatial-compass--hero.spatial-compass--4 .spatial-compass__point{top:8%;left:50%;transform:translate(-50%)}.spatial-compass:not(.spatial-compass--hero){border:1px solid #ffffff24;border-radius:50%;width:72px;height:72px;position:absolute;bottom:.55rem;right:.85rem}.spatial-compass:not(.spatial-compass--hero):before,.spatial-compass:not(.spatial-compass--hero):after{content:"";background:#ffffff1f;position:absolute}.spatial-compass:not(.spatial-compass--hero):before{width:1px;height:84%;top:8%;left:50%}.spatial-compass:not(.spatial-compass--hero):after{width:84%;height:1px;top:50%;left:8%}.spatial-compass:not(.spatial-compass--hero) .spatial-compass__head{font-family:var(--font-mono);opacity:.5;font-size:.45rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spatial-compass:not(.spatial-compass--hero) .spatial-compass__point{background:#e7c46f;border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 0 12px #e7c46fcc}.spatial-compass:not(.spatial-compass--hero).spatial-compass--0 .spatial-compass__point{top:72%;left:18%}.spatial-compass:not(.spatial-compass--hero).spatial-compass--1 .spatial-compass__point{top:18%;left:18%}.spatial-compass:not(.spatial-compass--hero).spatial-compass--2 .spatial-compass__point{top:18%;right:18%}.spatial-compass:not(.spatial-compass--hero).spatial-compass--3 .spatial-compass__point{top:72%;right:18%}.spatial-compass:not(.spatial-compass--hero).spatial-compass--4 .spatial-compass__point{top:8%;left:50%;transform:translate(-50%)}.era-scroll-index{z-index:3;font-family:var(--font-mono);opacity:.32;flex-direction:column;align-items:center;gap:.65rem;font-size:.52rem;display:flex;position:absolute;top:50%;right:1.7rem;transform:translateY(-50%)}.era-scroll-index i{background:currentColor;width:1px;height:74px;display:block}.section--baroque{--blend-top:#14100c;--blend-mid:#2b1a10;--blend-bottom:#4a3828;color:#f0dfc2}.section--classical{--blend-top:#4a3828;--blend-mid:#9a8468;--blend-bottom:#6a5048;color:#f3eee4}.section--romantic{--blend-top:#6a5048;--blend-mid:#4a3040;--blend-bottom:#2a1828;color:#f4e8df}.section--modern{--blend-top:#2a1828;--blend-mid:#0e141c;--blend-bottom:#121828;color:#dce8f2}.section--contemporary{--blend-top:#121828;--blend-mid:#101420;--blend-bottom:#090b12;color:#edf1f8}.era-bg{z-index:0;opacity:.88;position:absolute;inset:0}.era-bg:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#00000047 0%,#0000 16% 84%,#0000003d 100%);position:absolute;inset:0}.era-bg--baroque{background:radial-gradient(circle at 68% 22%,#bf8a4824,#0000 32%),repeating-linear-gradient(0deg,#0000 0 33px,#6846250a 34px),linear-gradient(125deg,#130e0999 0%,#2b1a10bf 48%,#120c0899 100%)}.era-bg--baroque:after{content:"𝄞  ♩  𝄢  ♪";letter-spacing:.25em;opacity:.028;font-size:clamp(4rem,10vw,10rem);position:absolute;bottom:10%;right:8%}.era-bg--classical{background:linear-gradient(90deg,#ffffff06 1px,#0000 1px) 0 0/48px 48px,linear-gradient(#ffffff06 1px,#0000 1px) 0 0/48px 48px,radial-gradient(circle at 28% 34%,#a8bcd21f,#0000 36%),linear-gradient(135deg,#0f141b8c,#202b37b3 55%,#0e12188c)}.era-bg--romantic{background:radial-gradient(at 74% 58%,#ac597133,#0000 44%),radial-gradient(at 24% 18%,#724b7b2e,#0000 40%),linear-gradient(140deg,#160f178c,#352234b8 52%,#100b118c)}.era-bg--modern{background:repeating-linear-gradient(90deg,#5aa0d20b 0 1px,#0000 1px 66px),repeating-linear-gradient(0deg,#5aa0d206 0 1px,#0000 1px 66px),radial-gradient(circle at 78% 30%,#369ed024,#0000 32%),linear-gradient(145deg,#070a0ea6,#111922bf 60%,#07090da6)}.era-bg--modern:after{content:"";opacity:.28;background:url("data:image/svg+xml,%3Csvg width='800' height='180' viewBox='0 0 800 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 90 Q30 10 60 90 T120 90 T180 90 T240 90 T300 90 T360 90 T420 90 T480 90 T540 90 T600 90 T660 90 T720 90 T780 90' fill='none' stroke='rgba(80,190,230,.16)'/%3E%3C/svg%3E") 50%/800px 180px repeat-x;position:absolute;inset:0}.era-bg--contemporary{background:radial-gradient(circle at 50% 42%,#688ae524,#0000 36%),linear-gradient(160deg,#080a1099,#141a26bf 50%,#07090e99)}.era-bg--contemporary:after{content:"";aspect-ratio:1;border:1px solid #8baaff14;border-radius:50%;width:min(50vw,620px);animation:4s ease-in-out infinite pulse-ring;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 70px #8baaff06,0 0 0 140px #8baaff04}.quarter-dial{z-index:4;pointer-events:none;opacity:.98;filter:drop-shadow(0 0 28px #e3b95f14);position:absolute}.quarter-dial--global{z-index:12;transition:opacity .4s;position:fixed}.quarter-dial--global.quarter-dial--enter-bottom{transition:none;animation:1.05s cubic-bezier(.22,.72,.16,1) both dial-rise-bottom}.quarter-dial--global:not(.quarter-dial--enter-bottom){animation:.55s cubic-bezier(.22,.72,.16,1) both dial-enter}@keyframes dial-rise-bottom{0%{opacity:0;transform:translate(-50%)translateY(calc(105% + 1.5rem))}to{opacity:.98;transform:translate(-50%)translateY(46%)}}@keyframes dial-enter{0%{opacity:0;filter:drop-shadow(0 0 #0000)}to{opacity:.98;filter:drop-shadow(0 0 28px #e3b95f14)}}.quarter-dial__svg{pointer-events:none;width:100%;height:100%;overflow:visible}.quarter-dial__marker{cursor:pointer;pointer-events:auto;transition:opacity .35s}.quarter-dial--top-right{aspect-ratio:1;width:min(62vw,600px);inset:0 0 auto auto;transform:none}.quarter-dial--bottom-right{aspect-ratio:1;width:min(62vw,600px);inset:auto 0 0 auto;transform:none}.quarter-dial--bottom-left{aspect-ratio:1;width:min(62vw,600px);inset:auto auto 0 0;transform:none}.quarter-dial--top-left{aspect-ratio:1;width:min(62vw,600px);inset:0 auto auto 0;transform:none}.quarter-dial--top-center{aspect-ratio:1;width:min(90vw,800px);inset:0 auto auto 50%;transform:translate(-50%)}.quarter-dial--bottom-center{aspect-ratio:1;width:min(90vw,800px);inset:auto auto 0 50%;transform:translate(-50%)translateY(46%)}.quarter-dial--global.quarter-dial--top-right,.quarter-dial--global.quarter-dial--bottom-right,.quarter-dial--global.quarter-dial--bottom-left,.quarter-dial--global.quarter-dial--top-left{transform:none}.quarter-dial--global.quarter-dial--top-center{inset:0 auto auto 50%;transform:translate(-50%)}.quarter-dial--global.quarter-dial--bottom-center{inset:auto auto 0 50%;transform:translate(-50%)translateY(46%)}.quarter-dial__ghost-ring,.quarter-dial__arc,.quarter-dial__inner-arc,.quarter-dial__outer-arc{fill:none}.quarter-dial__ghost-ring{stroke:#eed1910d;stroke-width:1px}.quarter-dial__arc{stroke:#ddbb70ad;stroke-width:3px;stroke-linecap:round;filter:drop-shadow(0 0 8px #ebc16247)}.quarter-dial__inner-arc{stroke:#ddbb702e;stroke-width:1.2px}.quarter-dial__outer-arc{stroke:#ddbb7014;stroke-width:1px}.quarter-dial__tick{stroke:#e8cb9052;stroke-width:1px}.quarter-dial__tick--major{stroke:#eecf88ad;stroke-width:1.6px}.quarter-dial__year{fill:#eedbb270;font-family:var(--font-mono);letter-spacing:.03em;pointer-events:none;font-size:7px}.quarter-dial__marker--at-center .quarter-dial__year,.quarter-dial__marker--focused .quarter-dial__year{fill:#ffe9a8;font-size:8px}.quarter-dial--wide .quarter-dial__year{fill:#d2e1ff7a;font-size:7.5px}.quarter-dial--wide .quarter-dial__marker--at-center .quarter-dial__year,.quarter-dial--wide .quarter-dial__marker--focused .quarter-dial__year{fill:#b8d4ff;font-size:8.5px}.quarter-dial__marker circle{fill:#dab86e66;transition:fill .25s,r .25s,filter .25s}.quarter-dial__marker--active circle{fill:#edcb77;filter:drop-shadow(0 0 8px #edcb778c)}.quarter-dial__label{fill:#eedbb261;font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;pointer-events:none;font-size:9px}.quarter-dial__marker--focused .quarter-dial__label,.quarter-dial__marker--at-center .quarter-dial__label{fill:#ffe9a8;font-size:10px;font-weight:500}.quarter-dial__marker--active .quarter-dial__label{fill:#eed18c}.quarter-dial__center-mark{pointer-events:none}.quarter-dial__center-glow{fill:#ffcc6738;filter:drop-shadow(0 0 14px #ffc85a8c)}.quarter-dial__center-dot{fill:#ffd98a;filter:drop-shadow(0 0 8px #ffd98a)}.quarter-dial__caption{color:#efdcb5ad;text-align:center;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute}.quarter-dial__caption span{font-family:var(--font-mono);letter-spacing:.12em;font-size:.56rem}.quarter-dial__caption strong{font-family:var(--font-display);margin-top:.3rem;font-size:clamp(.95rem,1.8vw,1.45rem);font-weight:400}.quarter-dial__caption{animation:.65s cubic-bezier(.22,.72,.16,1) both caption-fade}@keyframes caption-fade{0%{opacity:0}to{opacity:1}}.quarter-dial--top-right .quarter-dial__caption{bottom:20%;left:18%}.quarter-dial--bottom-right .quarter-dial__caption{top:22%;left:22%}.quarter-dial--bottom-left .quarter-dial__caption{top:22%;left:auto;right:22%}.quarter-dial--top-left .quarter-dial__caption{inset:auto 22% 22% auto}.quarter-dial--top-center .quarter-dial__caption{top:26%;left:50%;transform:translate(-50%)}.quarter-dial--bottom-center .quarter-dial__caption{top:8%;bottom:auto;left:50%;transform:translate(-50%)}.quarter-dial--wide .quarter-dial__arc{stroke:#8caaf2ad;filter:drop-shadow(0 0 8px #78a0ff40)}.quarter-dial--wide .quarter-dial__marker--focused .quarter-dial__label,.quarter-dial--wide .quarter-dial__marker--at-center .quarter-dial__label{fill:#b8d4ff}.quarter-dial--wide .quarter-dial__center-dot{fill:#a8c8ff}.quarter-dial--wide .quarter-dial__center-glow{fill:#8caaff33}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes bounce-down{50%{opacity:.45;transform:translateY(7px)}}@keyframes pulse-ring{50%{opacity:.58;transform:translate(-50%,-50%)scale(1.035)}}@media (width<=900px){.era-layout,.era-layout--top-left,.era-layout--bottom-left{grid-template-columns:1fr;gap:1.5rem;min-height:auto;padding:11vh 0 7vh}.era-layout--content-right,.era-layout--content-left{width:min(88vw,400px);margin-left:auto;margin-right:auto;padding:0 1rem}.era-layout--horizontal{grid-template-columns:1fr;gap:1.5rem;padding-top:11vh}.era-layout--horizontal .era-copy,.era-layout--horizontal .era-research{grid-area:auto/1}.era-layout--horizontal .era-research{grid-template-columns:1fr}.era-layout--top-left .era-copy,.era-layout--bottom-left .era-copy,.era-layout--top-left .era-research,.era-layout--bottom-left .era-research{grid-area:auto/1}.era-research{grid-template-columns:1fr 1fr;max-width:none;display:grid}.era-panel--spatial{grid-column:1/-1}.quarter-dial--top-right,.quarter-dial--bottom-right,.quarter-dial--top-left,.quarter-dial--bottom-left{opacity:.82;width:min(88vw,560px)}.quarter-dial--top-center,.quarter-dial--bottom-center{width:min(98vw,720px)}.era-years{font-size:clamp(3rem,13vw,6rem)}.playback-switch{flex-wrap:wrap;justify-content:flex-end;max-width:calc(100vw - 1.4rem);top:.85rem;left:auto;right:.7rem}}@media (width<=620px){.section--era{padding:1.2rem}.era-layout{width:100%;padding-top:15vh}.era-research{grid-template-columns:1fr}.era-panel--spatial{grid-column:auto}.era-scroll-index{display:none}.quarter-dial--top-right,.quarter-dial--bottom-right,.quarter-dial--top-left,.quarter-dial--bottom-left{width:min(96vw,480px)}.intro-title{font-size:1.25rem}.intro-stage{width:min(260px,72vw)}}.section--era:before,.section--era:after{content:"";z-index:2;pointer-events:none;height:22vh;position:absolute;left:0;right:0}.section--era:before{background:linear-gradient(#00000059,#0000);top:0}.section--era:after{background:linear-gradient(#0000,#00000052);bottom:0}.section--intro:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000,#1a120cd9);height:18vh;position:absolute;bottom:0;left:0;right:0}.playback-switch{z-index:30;align-items:center;gap:.55rem;display:flex;position:fixed;top:1.45rem;right:3vw}.playback-switch__modes{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0908b8;border:1px solid #e8c77d38;border-radius:999px;align-items:center;gap:2px;padding:3px;display:flex}.playback-switch__btn,.playback-switch__monitor{color:#efd39b8c;font-family:var(--font-mono);letter-spacing:.14em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.42rem .7rem;font-size:.52rem}.playback-switch__btn--active{color:#edd28b;background:#e0c48429}.playback-switch__monitor{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e2c782;background:#0a0908b8;border:1px solid #e8c77d47}.playback-switch__monitor--disabled,.playback-switch__monitor:disabled{opacity:.38;color:#efd39b52;cursor:not-allowed;border-color:#e8c77d1f}.ch28-overlay{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050403b8;place-items:center;padding:3vh 3vw;display:grid;position:fixed;inset:0;overflow:auto}.ch28-panel{color:#efe7d8;background:linear-gradient(#15110d 0%,#0d0b09 100%);border:1px solid #e8c77d33;border-radius:18px;width:min(1080px,100%);max-height:94vh;padding:1.4rem 1.5rem 1.6rem;overflow:auto;box-shadow:0 24px 60px #00000073}.ch28-panel__head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.35rem;display:flex}.ch28-kicker{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:#efd39b8c;margin:0 0 .2rem;font-size:.52rem}.ch28-panel h2{font-family:var(--font-display);letter-spacing:.06em;color:#efe2c7;margin:0;font-size:1.7rem;font-weight:400}.ch28-close,.ch28-controls button,.ch28-drop{font-family:var(--font-mono);cursor:pointer}.ch28-close{color:#e2c782;letter-spacing:.12em;text-transform:uppercase;background:0 0;border:1px solid #e8c77d47;border-radius:999px;padding:.45rem .8rem;font-size:.58rem}.ch28-sub{color:#efe2c79e;max-width:46rem;margin:0 0 1rem;font-size:.88rem}.ch28-sub code{font-family:var(--font-mono);color:#edd28b;font-size:.78em}.ch28-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem 1.2rem;margin-bottom:.85rem;display:flex}.ch28-assign{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#efd39bb3;align-items:center;gap:.6rem;font-size:.58rem;display:flex}.ch28-assign select{color:#efe7d8;background:#101318;border:1px solid #2a241c;border-radius:8px;padding:.35rem .5rem}.ch28-assigned{color:#efe2c78c;font-size:.78rem}.ch28-drops{gap:.75rem;display:grid}@media (width>=820px){.ch28-drops{grid-template-columns:1fr 1fr}}.ch28-drop{width:100%;color:inherit;text-align:center;background:#100e0b8c;border:1px dashed #e8c77d59;border-radius:14px;padding:1.4rem 1rem}.ch28-drop__part{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#e2c782;margin-bottom:.45rem;font-size:.58rem;font-style:normal;display:block}.ch28-drop span{color:#efe2c773;margin-top:.35rem;font-size:.82rem;display:block}.ch28-drop--drag{background:#1c1812e6;border-color:#d6a85f}.ch28-drop:disabled{cursor:wait;opacity:.85}.ch28-progress--in-drop{text-align:left;margin-top:.85rem}.ch28-progress--in-drop .ch28-progress__track{background:#080a0cd9;height:10px}.ch28-progress__track{background:#101318e6;border:1px solid #2a241c;border-radius:999px;height:8px;overflow:hidden}.ch28-progress__fill{border-radius:inherit;background:linear-gradient(90deg,#b8893c,#e2c782);width:0%;height:100%;transition:width .12s linear}.ch28-progress span{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#efd39bb8;margin-top:.35rem;font-size:.58rem;display:block}.ch28-meta{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:1rem;display:grid}.ch28-meta div{background:#101318;border:1px solid #242018;border-radius:12px;padding:12px}.ch28-meta span{color:#7f8a98;margin-bottom:4px;font-size:12px;display:block}.ch28-meta b{word-break:break-all}.ch28-status{color:#9aa4b2;margin-top:10px;font-size:13px}.ch28-status--ok{color:#78d49b}.ch28-status--warn{color:#f2c66d}.ch28-status--bad{color:#f07b7b}.ch28-controls{flex-wrap:wrap;align-items:center;gap:10px;margin:1rem 0 .7rem;display:flex}.ch28-controls button{color:#15110c;background:#d5a75f;border:0;border-radius:10px;padding:10px 14px;font-weight:700}.ch28-play{align-items:center;gap:8px;display:inline-flex}.ch28-play .play-pause-icon{width:13px;height:13px}.ch28-btn-secondary{color:#eef2f7!important;background:#252b33!important}.ch28-controls button:disabled{opacity:.45;cursor:not-allowed}.ch28-controls input[type=range]{flex:1;min-width:180px}.ch28-time{font-variant-numeric:tabular-nums;color:#b8c0cb;text-align:right;min-width:150px;font-family:var(--font-mono);font-size:.72rem}.ch28-toggles{color:#efe2c7b3;flex-wrap:wrap;gap:.75rem 1.2rem;margin-bottom:1rem;font-size:.78rem;display:flex}.ch28-toggles label{align-items:center;gap:.4rem;display:flex}.ch28-hw{font-family:var(--font-mono);letter-spacing:.08em;color:#efd39b80;margin-left:auto;font-size:.58rem}.ch28-meters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;display:grid}.ch28-meter-row{grid-template-columns:58px 1fr 72px;align-items:center;gap:10px;display:grid}.ch28-meter-label{font-variant-numeric:tabular-nums;font-family:var(--font-mono);color:#cfd6df;font-size:.68rem}.ch28-bar{background:#0e1115;border:1px solid #262c34;border-radius:999px;height:14px;position:relative;overflow:hidden}.ch28-fill{background:linear-gradient(90deg,#6588ff,#5ac18e,#e3b957,#df6d6d);width:0%;height:100%;transition:width 60ms linear}.ch28-db{color:#8e99a8;font-variant-numeric:tabular-nums;text-align:right;font-size:12px;font-family:var(--font-mono)}@media (width<=800px){.ch28-meta{grid-template-columns:repeat(2,1fr)}.ch28-meters{grid-template-columns:1fr}.ch28-hw{margin-left:0}}