.history{--journey:0;position:relative;isolation:isolate;min-height:940px;height:auto;background:#030d13;overflow:hidden;padding:48px var(--pad) 28px;color:#edf5f4}.history .lab-art{inset:0;position:absolute;z-index:-3}.history .lab-art img{object-position:68% center}.history-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#020c12ed 0%,#020c12ab 28%,transparent 64%),linear-gradient(0deg,#020c12 0%,#020c12db 19%,transparent 55%)}.history-top{display:flex;justify-content:space-between;align-items:center;gap:24px}.history-top .eyebrow{font-size:11px;letter-spacing:.23em;color:#8dcbd3}.history-edition{font-size:10px;color:#97aeb8;letter-spacing:.04em}.history-copy{position:relative;z-index:2;max-width:700px;padding-top:100px;pointer-events:none}.history-kicker{font-size:11px;color:#7ed0df;letter-spacing:.2em;margin-bottom:24px}.history h2{font-size:clamp(42px,4.4vw,70px);line-height:1.25;font-weight:400;letter-spacing:.025em;margin:0 0 30px;text-wrap:balance}.history #history-description{font-size:15px;line-height:2;color:#c4d1d5;white-space:pre-line;max-width:540px}.history-note{font-size:11px;color:#8bafb7;margin-top:28px;letter-spacing:.05em}.history-orbit{pointer-events:none;position:absolute;width:38%;aspect-ratio:1;inset-inline-end:9%;top:16%;display:flex;align-items:center;justify-content:center;opacity:.8;transition:transform 1.5s cubic-bezier(.2,.7,.2,1);transform:rotate(calc(var(--journey)*18deg))}.history-orbit-ring,.history-orbit-inner{position:absolute;inset:0;border:1px solid #c4faff30;border-radius:50%}.history-orbit-inner{inset:9%;border-style:dashed;border-color:#b3e8ff22;transform:rotate(calc(var(--journey)*80deg))}.history-orbit #history-form{font:10px/1.4 monospace;letter-spacing:.15em;color:#d1eff1;padding:8px 16px;background:#05121b55;backdrop-filter:blur(8px);border:1px solid #c4faff33;transform:rotate(calc(var(--journey)*-18deg))}.orbit-coordinate{position:absolute;bottom:-30px;font:9px monospace;letter-spacing:.18em;color:#83afb9}.orbit-cross{position:absolute;font:20px monospace;color:#b5e9f0}.cross-top{top:-10px}.cross-bottom{bottom:-10px}.history[data-chapter="0"] .history-orbit-ring{border-radius:48% 52% 53% 47%;transform:scale(.72)}.history[data-chapter="1"] .history-orbit-ring{transform:scale(1.08)}.history[data-chapter="2"] .history-orbit-ring{transform:scaleX(.76) rotate(-35deg)}.history[data-chapter="3"] .history-orbit-ring{transform:scaleX(1.2) scaleY(.65)}.history-orbit-ring{transition:transform 1.4s,border-radius 1.4s}.history-bottom{position:relative;z-index:3;margin-top:85px}.history-progress-head{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.16em;color:#8daeb8}.history-river{height:70px;position:relative;margin:10px 0 -42px;pointer-events:none}.history-river svg{width:100%;height:70px;overflow:visible}.history-river path{fill:none;stroke:url(#river-light);stroke-width:1}.history-river path+path{opacity:.35}.river-cursor{position:absolute;inset-inline-start:calc(1% + var(--journey)*98%);top:32px;width:6px;height:6px;border-radius:50%;background:#c6ffff;box-shadow:0 0 12px 4px #60d9f3aa;transform:translateX(-50%)}#history-scrub{position:relative;display:block;width:100%;height:30px;margin:0;cursor:ew-resize;appearance:none;background:transparent;accent-color:#b9edee;touch-action:pan-y}#history-scrub::-webkit-slider-runnable-track{height:1px;background:#87e7fa25}#history-scrub::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border:1px solid #a8e5ed77;border-radius:50%;background:#09232c99;margin-top:-10px;box-shadow:0 0 18px #5be1f333}#history-scrub::-moz-range-track{background:#87e7fa25;height:1px}#history-scrub::-moz-range-thumb{background:#09232c;border:1px solid #a8e5ed77;border-radius:50%;width:20px;height:20px}.history-chapters{display:grid;grid-template-columns:repeat(4,1fr);margin-top:25px}.history-chapters button{text-align:start;padding:20px 22px 12px 0;border:0;border-top:1px solid #a3e6f526;background:transparent;color:#708e9b;display:grid;grid-template-columns:30px 1fr;gap:7px;transition:color .3s,border-color .3s;cursor:pointer}.history-chapters button[aria-pressed=true]{color:#e7ffff;border-top-color:#a7f2ff}.history-chapters small{font:10px monospace;align-self:center;opacity:.7}.history-chapters span{font-size:21px;font-family:Georgia,"Songti TC",serif;letter-spacing:.15em}.history-chapters em{grid-column:2;font-size:10px;letter-spacing:.1em;font-style:normal}.history-footer{margin-top:32px;display:flex;align-items:center;gap:20px;justify-content:space-between;color:#74949e;font-size:9px;letter-spacing:.1em}.history .art-status{position:static;margin:0;font-size:10px}.history .motion-toggle{position:static;transform:none;display:flex;gap:14px;font-size:10px;padding:9px 16px;border:1px solid #90b9c433;border-radius:30px;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.history button:focus-visible,#history-scrub:focus-visible{outline:2px solid #a7f2ff;outline-offset:5px}html[dir=rtl] .history .lab-art{transform:scaleX(-1)}html[dir=rtl] .history-shade{transform:scaleX(-1)}html[dir=rtl] .history-copy{margin-inline-end:auto}html[dir=rtl] .history h2{font-size:clamp(38px,4vw,60px)}html[dir=rtl] .history-chapters button{padding:20px 0 12px 22px}html[dir=rtl] .river-cursor{transform:translateX(50%)}
@media(max-width:760px){.history{min-height:1040px;padding-top:32px}.history-top{display:block}.history-edition{font-size:9px;display:block;margin-top:12px}.history-copy{padding-top:60px}.history h2{font-size:clamp(34px,8vw,48px);line-height:1.45}.history #history-description{font-size:13px;max-width:90%}.history-note{font-size:10px;max-width:230px;line-height:1.8}.history-orbit{width:52%;top:43%;inset-inline-end:10%;opacity:.65}.history-shade{background:linear-gradient(180deg,#020c12e8, #020c12bb 34%,transparent 57%,#020c12f5 76%)}.history-bottom{margin-top:230px}.history-chapters button{grid-template-columns:1fr;padding:14px 8px 8px 0;gap:8px}.history-chapters em{grid-column:1;font-size:8px;letter-spacing:0}.history-chapters span{font-size:17px;letter-spacing:.03em}.history-footer{margin-top:26px;flex-wrap:wrap;gap:12px}.history-whisper{max-width:170px;line-height:1.8}.history .art-status:empty{display:none}.history-orbit .orbit-coordinate{font-size:7px}.history #history-form{font-size:8px}html[lang=en] .history h2{font-size:39px}html[dir=rtl] .history h2{font-size:34px}html[dir=rtl] .history-chapters button{padding:14px 0 8px 8px}}
@media(prefers-reduced-motion:reduce){.history *{transition:none!important}}.motion-paused .history *{transition:none!important}
.history{min-height:1020px}.history-copy{padding-top:65px}.history-evidence{font-family:inherit;font-size:12px!important;line-height:1.9!important;color:#a6ccd2!important;border-inline-start:1px solid #6ac6da66;padding-inline-start:16px;margin-top:24px;max-width:530px}.history-bottom{margin-top:56px}.history-chapters{grid-template-columns:repeat(7,minmax(0,1fr));gap:0}.history-chapters button{grid-template-columns:1fr;gap:12px;padding-inline-end:10px}.history-chapters small{font-size:13px;letter-spacing:.12em}.history-chapters span{font-size:20px;letter-spacing:.04em}html[lang=en] .history-chapters span{font-size:14px;letter-spacing:0}html[dir=rtl] .history-chapters span{font-size:16px}.history-top{align-items:baseline}.history-edition{font-size:9px}.history #history-description{max-width:590px}@media(max-width:760px){.history{min-height:1160px}.history-copy{padding-top:45px}.history-evidence{font-size:11px!important;max-width:95%;margin-top:20px}.history-orbit{top:48%;width:52%}.history-bottom{margin-top:220px}.history-chapters{grid-template-columns:repeat(7,minmax(82px,1fr));overflow-x:auto;scrollbar-width:thin;padding-bottom:12px;overscroll-behavior-inline:contain}.history-chapters span{font-size:17px}.history-chapters small{font-size:11px}.history-note{max-width:100%}.history-shade{background:linear-gradient(180deg,#020c12ed,#020c12cc 39%,transparent 59%,#020c12f5 79%)}.history-top .history-edition{line-height:1.7}.history #history-description{max-width:100%}}
/* Luminous timeline console */
.history{min-height:1080px}.history-bottom{background:linear-gradient(135deg,#113140eb,#061824f5);border:1px solid #64cbec77;box-shadow:0 18px 65px #0008,inset 0 1px #c9f9ff22;border-radius:24px;padding:24px 28px 18px;margin-top:40px;overflow:hidden}.history-console-head{display:flex;align-items:center;justify-content:center;gap:50px}.history-console-head>button{width:54px;height:54px;border-radius:50%;border:1px solid #7feaff99;background:#124053;color:#d6fbff;font-size:26px;cursor:pointer;transition:background .2s,transform .2s}.history-console-head>button:hover:not(:disabled){background:#267b91;transform:scale(1.07)}.history-console-head>button:disabled{opacity:.25;cursor:default}.history-current{display:grid;text-align:center;min-width:180px;gap:4px}.history-current>span:first-child{font-size:10px;letter-spacing:.2em;color:#a9dbe5}.history-current strong{font:clamp(48px,5vw,72px)/1.05 Georgia,serif;letter-spacing:.04em;color:#edffff;text-shadow:0 0 35px #53ddff66}.history-current>span:last-child{font-size:15px;color:#b4e6ee;letter-spacing:.12em}.history-progress-head{margin-top:20px;color:#c1dfe6;font-size:11px}.history-river{height:92px;margin:0;position:relative}.history-river canvas{width:100%;height:100%;display:block}.history-drag-label{text-align:center;font-size:11px!important;color:#b8e6ee;line-height:1.5!important;margin:-2px 0 7px}.history #history-scrub{height:44px;border:0;border-radius:22px;background:linear-gradient(90deg,#164859,#0b2633);padding:0 12px;box-shadow:inset 0 0 0 1px #6fcde455;touch-action:pan-y}.history #history-scrub::-webkit-slider-runnable-track{height:6px;border-radius:5px;background:linear-gradient(90deg,#7ae7f7,#22758d)}.history #history-scrub::-webkit-slider-thumb{width:34px;height:34px;margin-top:-14px;border:3px solid #e4ffff;background:#42cee8;box-shadow:0 0 0 6px #5adff41a,0 0 25px #41d9f488}.history #history-scrub::-moz-range-track{height:6px;background:#4cafc4;border-radius:5px}.history #history-scrub::-moz-range-thumb{width:30px;height:30px;background:#42cee8;border:3px solid #e4ffff;box-shadow:0 0 20px #41d9f488}.history-chapters{gap:8px;margin-top:18px;overflow:visible}.history .history-chapters button{min-height:70px;padding:12px 5px;border:1px solid #5d9eb844;border-radius:12px;background:#071925;color:#a7c6d2;text-align:center;gap:7px}.history .history-chapters button[aria-pressed=true]{color:#02151d;background:linear-gradient(145deg,#b7f8ff,#54cae1);border-color:#c3faff;box-shadow:0 0 24px #5ce5ff25}.history .history-chapters small{font-size:18px;letter-spacing:.03em;opacity:1}.history .history-chapters span{font-size:13px;letter-spacing:.05em}.history-footer{margin-top:20px;color:#a8c8d3}.history .motion-toggle{font-size:12px;padding:11px 17px;border-color:#8bc5d777;background:#0c2836}.history .art-status{color:#c1e5ee}.is-scrubbing.history .history-bottom{border-color:#c0faff;box-shadow:0 18px 65px #0008,0 0 32px #45d4f533}.history-orbit{top:13%;width:33%}.history-shade{background:linear-gradient(90deg,#020c12ed,#020c12a0 30%,transparent 65%),linear-gradient(0deg,#020c1299,transparent 50%)}
@media(max-width:760px){.history{min-height:0;padding-bottom:26px}.history-bottom{margin-top:110px;padding:20px 14px 16px;border-radius:18px}.history-console-head{gap:20px}.history-current{min-width:140px}.history-current strong{font-size:56px}.history-console-head>button{width:46px;height:46px;flex-shrink:0}.history-progress-head{font-size:10px}.history-river{height:76px}.history-drag-label{font-size:10px!important}.history-chapters{grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;padding-bottom:0;gap:6px}.history .history-chapters button{min-height:62px;padding:9px 2px}.history .history-chapters small{font-size:16px}.history .history-chapters span,html[lang=en] .history .history-chapters span,html[dir=rtl] .history .history-chapters span{font-size:10px;letter-spacing:0;overflow-wrap:anywhere}.history-orbit{top:28%;width:50%;opacity:.35}.history-footer{gap:12px}.history-whisper{display:none}.history .history-footer .motion-toggle{margin-inline-start:auto}.history-shade{background:linear-gradient(180deg,#020c12e8,#020c12a0 43%,transparent 65%,#020c1288)}}
@media(max-width:760px){.history-console-head{gap:12px}.history-current{min-width:120px}.history-console-head>button{width:44px;height:44px}.history-current strong{font-size:52px}}
/* Transparent glass lets the artwork stay present behind the controls. */
.history-bottom{background:linear-gradient(135deg,rgba(15,48,62,.32),rgba(3,17,27,.23));backdrop-filter:blur(3px) saturate(1.12);-webkit-backdrop-filter:blur(3px) saturate(1.12);border-color:#9fe6f34d;box-shadow:0 12px 40px #0003,inset 0 1px #d7faff30}.history-console-head>button{background:#123b4d70}.history .history-chapters button{background:#04192355;border-color:#98e3ef44;color:#e0f4f7;text-shadow:0 1px 5px #000}.history .history-chapters button[aria-pressed=true]{background:linear-gradient(145deg,#b7f8ffb8,#54cae1a3);text-shadow:none}.history #history-scrub{background:#07304155;box-shadow:inset 0 0 0 1px #9aeafa55}.history .motion-toggle{background:#0c283655}.history-current,.history-drag-label,.history-progress-head,.history-footer{text-shadow:0 2px 7px #000c}.history-river{height:116px}.history .history-footer{color:#d0e8ee}.is-scrubbing.history .history-bottom{background:linear-gradient(135deg,#15425644,#071b2833);border-color:#c0faff99;box-shadow:0 12px 40px #0003,0 0 28px #45d4f525}@media(max-width:760px){.history-river{height:104px}.history-bottom{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}}
.history-chapters{grid-template-columns:repeat(8,minmax(0,1fr))}@media(max-width:760px){.history-chapters{grid-template-columns:repeat(4,minmax(0,1fr))}}
