*{box-sizing:border-box}body{margin:0;background:#090a0b;color:#f7f7f7;font:16px/1.6 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}header,footer{display:flex;justify-content:space-between;align-items:center;padding:24px 5vw;border-bottom:1px solid #292b2e}header>a:last-child{font-size:13px;color:#aaa}.brand{font-family:Orbitron,sans-serif;font-weight:900;font-style:italic;letter-spacing:.06em}.brand small{font:9px Michroma,sans-serif;margin-left:10px}main{max-width:1250px;margin:auto;padding:32px 32px 55px}.eyebrow{font:10px Michroma,sans-serif;letter-spacing:.13em;color:#79add3}h1{font-size:clamp(25px,3vw,38px);line-height:1.2;margin:12px 0}h2{font-size:30px;line-height:1.2;margin:14px 0 20px}.intro>p:last-child{color:#aaa;font-size:14px;margin:12px 0 25px}.options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px}button{font:inherit;color:inherit;cursor:pointer}.options button{background:#151719;border:1px solid #35393d;text-align:left;padding:15px 16px;font-size:13px}.options span{display:block;color:#858a90;font:10px Michroma;margin-bottom:6px}.options button[aria-pressed=true]{background:#18364e;border-color:#79add3}.options button[aria-pressed=true] span{color:#b9d5eb}.study{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:clamp(28px,5vw,75px);align-items:center}.viewer{background:#111;border:1px solid #30343a;line-height:0;overflow:hidden}iframe{width:100%;aspect-ratio:5/6;border:0;display:block}.details>p{color:#b4b8bf;max-width:410px}.details .eyebrow{color:#79add3}.controls{display:flex;gap:12px;margin:30px 0 25px}.controls button{border:1px solid #626972;background:transparent;padding:12px 25px;font-size:14px;min-width:108px}.controls button:first-child{background:white;color:#111;border-color:white}button:disabled{opacity:.4;cursor:wait}label{display:flex;justify-content:space-between;font-size:12px;color:#adb2b9}input[type=range]{width:100%;accent-color:#79add3;margin:14px 0}#status{font-size:12px;min-height:20px}.note{border-top:1px solid #30343a;padding-top:20px;margin-top:20px}.note>p:last-child{font-size:14px;color:#b4b8bf}.details .footnote{font-size:11px;color:#858a91;margin-top:28px}footer{border-top:1px solid #292b2e;border-bottom:0;font:9px Michroma;color:#828a92}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #a6d5ff;outline-offset:5px}@media(max-width:700px){main{padding:24px 20px 40px}header{padding:20px}.brand small{display:none}.options{grid-template-columns:1fr 1fr;gap:8px}.options button{padding:12px;font-size:12px}.study{grid-template-columns:1fr;gap:24px}.viewer{max-width:440px;width:100%;margin:auto}.details{max-width:440px;margin:auto;width:100%}h2{font-size:26px}.controls{margin-top:20px}.intro>p:last-child{font-size:13px}}
.scroll-story{height:300vh;position:relative}.study{position:sticky;top:24px;min-height:calc(100svh - 48px)}.viewer{max-height:calc(100svh - 64px);width:auto;aspect-ratio:5/6;justify-self:center}.viewer iframe{height:100%;width:100%;aspect-ratio:5/6}.controls{display:none}#timeline{pointer-events:none}.scroll-hint{font-size:11px!important;letter-spacing:.14em;color:#fff!important;margin-top:32px}html{scroll-behavior:auto}@media(max-width:700px){.study{top:12px;min-height:0;gap:10px}.viewer{height:52svh;max-width:100%;width:auto}.details>p:not(.eyebrow),.note,.footnote,.scroll-hint{display:none}.details h2{font-size:19px;margin:4px 0 8px}.details .eyebrow{font-size:9px;margin:0}.details label{font-size:11px}.details #status{display:block;font-size:11px;margin:0}.details input{margin:7px 0}.scroll-story{height:260vh}}
.viewer{width:min(100%,calc((100svh - 80px)*.833333));max-height:none}.viewer iframe{height:auto}#switch-option{width:100%;padding:10px 12px;background:#171a1e;color:white;border:1px solid #626972;font:13px Inter,Arial;margin:8px 0 0}@media(max-width:700px){.viewer{height:48svh;width:40svh;max-width:100%}.details h2{margin:4px 0}.details label[for=switch-option]{display:none}#switch-option{margin:6px 0;font-size:12px;padding:6px}}
h1,h2,h3,h4,h5,h6{font-family:Orbitron,Arial,sans-serif;font-weight:900;letter-spacing:-.035em}
