:root{color-scheme:dark;--gold:#d4b77f;--ivory:#eaece6}*{box-sizing:border-box}html,body{margin:0;background:#03090d;color:var(--ivory);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}header{position:fixed;inset:0 0 auto;z-index:10;padding:25px 5%;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#03090de6,transparent)}.brand{font:22px Georgia,serif;letter-spacing:-.7px}.brand em{color:var(--gold);font-weight:normal}nav{display:flex;gap:25px;font-size:11px;color:#99a9ad}.journey{height:1000svh}.stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}.aura{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 59%,#15333970,transparent 62%)}canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}.chapter{position:absolute;z-index:2;top:15%;left:7%;right:7%;text-align:center;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:3px;color:var(--gold);margin:0 0 20px}h1{font:normal clamp(38px,5.8vw,82px)/1.03 Georgia,serif;letter-spacing:-.055em;margin:0;text-wrap:balance}.description{color:#9badb1;font-size:14px;line-height:1.65;margin:18px auto 0;max-width:650px}.scene-caption{position:absolute;top:80%;left:6%;right:6%;z-index:2;text-align:center;font-size:9px;letter-spacing:2px;color:#a4b4b9}.structure-link{display:none;position:absolute;top:82%;left:50%;transform:translateX(-50%);z-index:3;color:#d8c49b;font-size:11px;white-space:nowrap;border-bottom:1px solid #887758;padding:8px 0}.structure-link span{margin-left:20px}.structure-link.visible{display:block}.bottom{position:absolute;left:5%;right:5%;bottom:55px;display:flex;align-items:center;gap:40px;z-index:5}.bottom>button{padding:12px 18px;background:#ffffff04;border:1px solid #8ca4af44;border-radius:30px;font-size:11px;white-space:nowrap}.bottom>button span{margin-left:16px;color:var(--gold)}.timeline{position:relative;flex:1;display:flex;justify-content:space-between;gap:10px;padding-bottom:16px}.timeline button{padding:7px 0;background:none;border:0;color:#748991;font-size:10px}.timeline button.active{color:#ebd3a0}.track{position:absolute;left:0;right:0;bottom:0;height:1px;background:#718d9740}.track i{display:block;height:1px;width:0;background:#d6bf8e;box-shadow:0 0 9px #dbb87966}.concept-note{position:absolute;bottom:15px;right:5%;color:#607881;font-size:8px;letter-spacing:.5px}#fallback{position:absolute;top:55%;left:15%;right:15%;text-align:center;color:#b5a080}
@media(max-width:700px){header{padding:21px 6%}.brand{font-size:17px}nav{gap:15px;font-size:9px}.chapter{top:14%}.eyebrow{font-size:8px;margin-bottom:18px;letter-spacing:2px}h1{font-size:clamp(33px,7.8vw,54px)}.description{font-size:11px;margin-top:14px;max-width:390px}.bottom{left:6%;right:6%;bottom:50px;gap:20px}.bottom>button{font-size:9px;padding:10px 12px}.timeline{gap:5px}.timeline button{font-size:8px}.concept-note{font-size:7px}.scene-caption{font-size:8px;letter-spacing:1.1px}.structure-link{font-size:10px}}
@media(max-width:480px){.bottom{flex-direction:column;align-items:stretch;gap:13px;bottom:45px}.bottom>button{align-self:center;padding:8px 15px}.timeline{width:100%;padding-bottom:10px}.scene-caption{top:77%;font-size:7px}.structure-link{top:78%;font-size:9px}.concept-note{left:5%;right:5%;text-align:center;font-size:6px}.description{max-width:310px}.chapter{top:13%}}

/* Diverse guests paired with their existing experimental PyMOL renders. */
.journey{height:1300svh}.crystal-record{position:absolute;z-index:4;left:56%;right:5%;top:74%;text-align:center}.crystal-record[hidden]{display:none}.crystal-record>span{display:block;color:#8299a3;font-size:8px;letter-spacing:1.4px}.crystal-record>a{display:block;font:20px Georgia,serif;color:#e4d4b3;margin-top:9px}.crystal-record>small{display:block;color:#899fa8;font-size:9px;line-height:1.5;margin-top:8px}.crystal-record button{border:0;background:none;color:#b9c4c4;font-size:9px;margin-top:9px;padding:5px 10px;cursor:pointer}.finale .chapter{top:31%}.finale .eyebrow{font:normal 22px Georgia,serif;letter-spacing:1px;color:#cdb687}.finale h1{font-size:clamp(44px,7vw,98px);max-width:950px;margin:auto}.finale .structure-link{top:68%}.timeline button{font-size:9px}.bottom{gap:25px}
@media(max-width:700px){.timeline button{font-size:7px}.bottom{gap:15px}.crystal-record>a{font-size:16px}.crystal-record>span{font-size:6px;letter-spacing:.8px}.crystal-record>small{font-size:8px}.crystal-record{top:71%}.finale h1{font-size:clamp(42px,8vw,65px)}}
@media(max-width:480px){.timeline{gap:4px;flex-wrap:wrap;justify-content:center;padding-bottom:12px}.timeline button{font-size:8px;flex:0 0 17%;padding:3px 0}.bottom{bottom:37px;gap:7px}.crystal-record{top:67%;left:55%;right:4%}.crystal-record>a{font-size:14px}.crystal-record>small{font-size:7px}.crystal-record button{font-size:8px;margin-top:4px}.finale .chapter{top:29%}.finale .structure-link{top:65%}}

/* Scroll-controlled paired structures; a full chemical puzzle for the finale. */
.scroll-instruction{font-size:10px;white-space:nowrap;color:#b6c3c7}.crystal-record{top:76%;left:53%;right:3%}.crystal-record>a{font-size:23px}.crystal-record .scroll-guests{color:#c6b58f;margin-top:13px;font-size:9px}.finale .chapter{text-shadow:0 3px 24px #03090d}.finale .structure-link{background:#03090d88;padding:12px 18px}.finale .bottom{background:linear-gradient(transparent,#03090dcc);padding-top:15px}
@media(max-width:700px){.crystal-record>a{font-size:18px}.crystal-record{top:74%}.scroll-instruction{font-size:8px}.crystal-record .scroll-guests{font-size:8px}}
@media(max-width:480px){.scroll-instruction{text-align:center;font-size:9px}.crystal-record{top:70%;left:52%;right:2%}.crystal-record>a{font-size:15px}.crystal-record .scroll-guests{font-size:7px;margin-top:9px}}

/* Box → ChemDraw → experimental crystal structure, in three aligned columns. */
.crystal-record{left:66%;right:2%;top:74%}.crystal-record>a{font-size:20px}.crystal-record>span{font-size:7px;letter-spacing:.7px}
@media(max-width:700px){.crystal-record{top:73%}.crystal-record>a{font-size:16px}.crystal-record>span{font-size:6px}.crystal-record>small{font-size:7px}.crystal-record .scroll-guests{font-size:7px}}
@media(max-width:480px){.crystal-record{top:69%;left:65%;right:2%}.crystal-record>a{font-size:13px}.crystal-record>span{font-size:5px}.crystal-record>small{font-size:6px}.crystal-record .scroll-guests{font-size:6px}}

.diversity .description{display:none}

.diversity h1{font-size:clamp(34px,5.1vw,72px)}

.finale .description{display:block;color:#c9b88f;font:normal clamp(18px,2.3vw,29px) Georgia,serif;margin-top:27px}.finale .chapter{top:35%}

/* Shared presentation scaffolding; the story and scientific assets remain shared. */
html,body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}
.aura{display:none}.brand em{color:var(--accent)}
.description,.scene-caption,.scroll-instruction,.crystal-record>small{color:var(--muted)}
.eyebrow,.timeline button.active,.crystal-record .scroll-guests{color:var(--accent)}
.track{background:var(--line)}.track i{background:var(--accent);box-shadow:none}
.edition-link{display:inline-flex;gap:9px;align-items:center;font-size:9px;letter-spacing:.07em;color:var(--accent)}
.edition-switcher{position:fixed;left:5%;bottom:15px;z-index:20;display:flex;align-items:center;gap:3px;padding:3px 5px;background:var(--bg);border:1px solid var(--line);font:9px 'Helvetica Neue',Arial,sans-serif}
.edition-switcher>a{padding:4px 7px;color:var(--muted)}.edition-switcher>a[aria-current=page]{background:var(--accent);color:var(--bg)}
.edition-switcher>.all-editions{border-right:1px solid var(--line);margin-right:3px;padding-right:11px}
:focus-visible{outline:1px solid var(--accent);outline-offset:5px}
@media(max-width:700px){.brand{max-width:55%}nav{gap:14px}.edition-link{font-size:8px}.concept-note{bottom:20px;font-size:6px}.edition-switcher{left:5.5%;bottom:14px;font-size:8px}.edition-switcher>a{padding:3px 5px}}
@media(max-width:480px){.brand{max-width:63%}.edition-link{font-size:7px}nav>a:not(.edition-link){display:none}.concept-note{display:none}.edition-switcher{bottom:10px}.timeline{flex-wrap:nowrap}.timeline button{flex:0 1 auto}.finale .structure-link{top:66%}}