@font-face{font-family:Aileron;src:url(assets/aileron-400.woff2);font-weight:400;font-display:swap}@font-face{font-family:Aileron;src:url(assets/aileron-600.woff2);font-weight:600;font-display:swap}@font-face{font-family:STIX;src:url(assets/stix-two-text-400.woff2);font-display:swap}*{box-sizing:border-box}html{background:#081629;color:#f1f5fb;scroll-behavior:auto}body{margin:0;font-family:Aileron,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #9cc9ff;outline-offset:6px}header{height:86px;position:fixed;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:linear-gradient(#081629ed,#08162988);border-bottom:1px solid #e4edff12}header img{width:155px;height:auto;display:block}header>span{font-size:10px;letter-spacing:.2em;color:#adc5e2}.version-link{font-size:12px;color:#bfd3ec}#journey{height:1700svh}.stage{position:sticky;top:0;width:100%;height:100svh;overflow:hidden;background:#081629}#cinema{position:absolute;inset:0;width:100%;height:100%;display:block}.scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#081629df 0%,#08162980 24%,transparent 57%),linear-gradient(0deg,#081629ed,transparent 24%,transparent 85%,#08162980)}.copy{position:absolute;left:6%;top:24%;width:35%;max-width:490px;pointer-events:none;transition:opacity .15s linear,transform .15s linear}.copy a{pointer-events:auto}#eyebrow{font-size:10px;letter-spacing:.16em;line-height:1.6;color:#a5c8f4;margin:0 0 24px}h1{font-family:STIX,Georgia,serif;font-weight:400;letter-spacing:-.05em;font-size:clamp(50px,5.3vw,85px);line-height:1.02;margin:0 0 28px}h1 em{font-style:normal;color:#8fbcff}#description{font-size:16px;line-height:1.75;color:#bfd0e3;max-width:350px;margin:0}#destination{display:inline-block;font-size:14px;border-bottom:1px solid #abcaff88;padding:10px 0;margin-top:20px}#destination[hidden]{display:none}.scene-label{position:absolute;right:5%;bottom:160px;display:flex;flex-direction:column;gap:10px;text-align:right;pointer-events:none}.scene-label span:first-child{font-size:10px;letter-spacing:.14em;color:#91b6e1}.scene-label span:last-child{font-size:13px;color:#c5d4e7}.controls{position:absolute;left:6%;right:5%;bottom:117px;display:flex;align-items:center;justify-content:space-between}.controls>span{font-size:10px;letter-spacing:.17em;color:#a8c2e1}button{color:#d8e6f6;background:transparent;border:0;cursor:pointer;padding:10px 0;font-size:12px}.timeline{position:absolute;left:6%;right:5%;bottom:58px}.timeline-label{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.08em;color:#b5c9e1;margin-bottom:14px}.rail{height:1px;background:#a3bee83b}.rail span{display:block;width:0;height:2px;background:#90bbff;position:relative}.rail span:after{content:'';position:absolute;right:0;top:-2px;width:5px;height:5px;background:#c6deff}.concept{position:absolute;bottom:13px;left:6%;font-size:9px;letter-spacing:.06em;color:#748ca9;margin:0}#load-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#081629ed;border:1px solid #8ca5c040;padding:20px 26px;color:#cbdaf0;font-size:13px;text-align:center;max-width:80%;z-index:6}#load-status[hidden]{display:none}.stage.failed .copy{opacity:.25!important}
@media(max-width:700px){header{height:65px;padding:0 6%}header img{width:125px}header>span{display:none}.version-link{font-size:11px}.copy{top:100px;left:6%;width:88%;max-width:380px}#eyebrow{font-size:8px;margin-bottom:13px}h1{font-size:clamp(36px,10vw,49px);margin-bottom:15px;max-width:330px;line-height:1.02}#description{font-size:13px;line-height:1.6;max-width:310px}.scrim{background:linear-gradient(#081629de 0%,#081629b0 30%,transparent 51%,transparent 72%,#081629ef 90%)}.scene-label{display:none}.controls{bottom:106px;left:6%;right:6%}.controls>span{font-size:8px;letter-spacing:.1em}.controls button{font-size:11px}.timeline{bottom:54px;right:6%}.timeline-label{font-size:10px;margin-bottom:12px}.concept{bottom:15px;font-size:8px;right:6%}#destination{font-size:12px;margin-top:8px}.copy.final h1{font-size:39px}#load-status{left:50%;top:60%;width:85%}}
@media(max-height:680px) and (max-width:700px){.copy{top:82px}h1{font-size:32px;margin-bottom:10px}#eyebrow{margin-bottom:9px}#description{font-size:12px;max-width:280px}.controls{bottom:87px}.timeline{bottom:44px}.concept{font-size:7px;bottom:11px}.copy.final h1{font-size:31px}}
@media(prefers-reduced-motion:reduce){.copy{transition:none}}
.scrim{background:linear-gradient(90deg,#081629f2 0%,#081629ce 29%,#08162922 57%,transparent 74%),linear-gradient(0deg,#081629f5,transparent 26%,transparent 84%,#08162980)}
@media(max-width:700px){.scrim{background:linear-gradient(#081629f5 0%,#081629e6 31%,#08162955 43%,transparent 53%,transparent 72%,#081629f5 91%)}}
.controls{gap:22px}.controls>span{margin-right:auto}
@media(max-width:700px){.controls{gap:16px}.controls button{font-size:10px}.controls>span{max-width:115px;line-height:1.5}}
#vial-scanner{position:absolute;inset:0;pointer-events:none;color:#a3e9ff;z-index:2;font-family:Aileron,Arial,sans-serif}#vial-scanner[hidden]{display:none}.scan-frame{position:absolute;border:1px solid #92dfff38;background:repeating-linear-gradient(0deg,transparent 0,transparent 31px,#80ddff0a 32px),repeating-linear-gradient(90deg,transparent 0,transparent 31px,#80ddff0a 32px)}.scan-frame>i{position:absolute;width:24px;height:24px;border:2px solid #9eeaff;filter:drop-shadow(0 0 5px #00aaff88)}.scan-frame>i:nth-child(1){left:-2px;top:-2px;border-right:0;border-bottom:0}.scan-frame>i:nth-child(2){right:-2px;top:-2px;border-left:0;border-bottom:0}.scan-frame>i:nth-child(3){left:-2px;bottom:-2px;border-right:0;border-top:0}.scan-frame>i:nth-child(4){right:-2px;bottom:-2px;border-left:0;border-top:0}.scan-id{position:absolute;left:0;top:-22px;font-size:9px;letter-spacing:.2em;text-shadow:0 1px 6px #081629}.scan-sweep{position:absolute;left:0;right:0;top:var(--scan-y,10%);height:1px;background:#b2f6ff;box-shadow:0 0 12px 2px #28bdff99}.scan-sweep:before{content:'';position:absolute;left:0;right:0;bottom:0;height:38px;background:linear-gradient(transparent,#64deff22)}.scan-cross{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:22px;font-weight:400;opacity:.65}.scan-card{position:absolute;width:190px;padding:16px 18px;background:#071a2ce8;border:1px solid #75ccf777;box-shadow:0 8px 30px #0003,inset 0 0 24px #318fba0b;backdrop-filter:blur(12px)}.scan-heading{font-size:8px;letter-spacing:.16em;display:flex;align-items:center;gap:7px}.scan-dot{width:4px;height:4px;border-radius:50%;background:#9eeaff;box-shadow:0 0 8px #9eeaff}.scan-temperature{font-size:48px;line-height:1;margin:18px 0 11px;font-variant-numeric:tabular-nums;color:#ddf8ff;letter-spacing:-.05em}.scan-temperature small{font-size:22px;letter-spacing:0;margin-left:6px;color:#a2dcf3}#scan-state{font-size:8px;letter-spacing:.11em}.scan-meter{height:2px;background:#67c8ef26;margin-top:12px}.scan-meter span{display:block;height:100%;background:#a2edff;transform:scaleX(var(--scan-fill,0));transform-origin:left}.scan-card p{font-size:9px;line-height:1.55;margin:12px 0 0;color:#a1b8cc}.scan-locked .scan-sweep{opacity:.35}.scan-locked .scan-frame{border-color:#a1e7ff66}
@media(max-width:700px){.scan-card{width:132px;padding:12px}.scan-heading{font-size:7px;letter-spacing:.06em;gap:5px}.scan-temperature{font-size:34px;margin:13px 0 9px}.scan-temperature small{font-size:16px;margin-left:4px}#scan-state{font-size:6px}.scan-card p{font-size:8px;margin-top:9px}.scan-frame>i{width:17px;height:17px}.scan-id{font-size:8px;top:-18px}.scan-meter{margin-top:9px}}