*{box-sizing:border-box}body{margin:0;background:#080c12;color:#f0f2ff;font:15px/1.5 'Segoe UI',sans-serif}header{display:flex;justify-content:space-between;padding:25px 4vw;border-bottom:1px solid #ffffff10;font-size:10px;letter-spacing:1.6px}a{color:inherit;text-decoration:none}header span{color:#788795}.status{color:#9ebec1}main{max-width:1500px;margin:auto;padding:0 4vw}.intro{padding:44px 0 30px}.eyebrow{font-size:10px;letter-spacing:3px;color:#aeb3e5}h1{font-size:clamp(32px,4vw,54px);font-weight:400;letter-spacing:-2px;margin:8px 0}.intro p{color:#94a0ae;margin:0}.stage{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid #8795b52b;border-radius:18px;background:#050911;box-shadow:0 30px 100px #0008}canvas{width:100%;height:100%;display:block}#opening{position:absolute;left:8%;top:32%;pointer-events:none}#opening span,#kicker{font-size:10px;letter-spacing:2px;color:#9fcae0}#opening h2{font-size:clamp(25px,4vw,60px);font-weight:350;line-height:1.15;letter-spacing:-1.5px}#event{position:absolute;width:285px;max-width:38%;padding:18px 20px;border:1px solid #c4d2ff38;border-radius:12px;background:linear-gradient(135deg,#20283dec,#101826ec);box-shadow:0 12px 40px #0006;pointer-events:none;opacity:0;transform-origin:bottom left}#event h3{font-size:21px;font-weight:450;line-height:1.2;margin:8px 0}#event p{font-size:12px;line-height:1.6;color:#bbc4d2;margin:0}#metric{border-top:1px solid #ffffff14;margin-top:13px;padding-top:10px;color:#ffd1bf;font-size:15px}.map-credit{position:absolute;bottom:16px;left:20px;font-size:8px;letter-spacing:1.4px;color:#92a0b8}.map-credit span{margin-left:20px;color:#637083;letter-spacing:0}.controls{display:flex;gap:18px;align-items:center;padding:20px 0}button,select{background:#141b28;border:1px solid #73809d40;color:#dfe7f7;border-radius:7px;padding:9px 14px;cursor:pointer}button:hover,button:focus-visible{background:#28354a;outline:1px solid #94d5ef}#seek{flex:1;accent-color:#b6b1ff;min-width:30px}#clock{font:11px monospace;color:#9cacc0;white-space:nowrap}nav{display:flex;border-top:1px solid #ffffff17;gap:10px;padding-top:18px}nav button{flex:1;text-align:left;border:0;background:transparent;color:#9cc6dc;font-size:10px}nav span{display:block;color:#c6cad5;font-size:12px;margin-top:5px}footer{display:flex;justify-content:space-between;gap:40px;color:#677588;font-size:11px;padding:25px 0 40px}footer p{max-width:650px}@media(max-width:650px){header .status{display:none}.controls{gap:8px}#event{padding:10px;max-width:43%}#event h3{font-size:14px}#event p{font-size:10px}#metric{font-size:11px;margin-top:6px;padding-top:6px}#kicker{font-size:7px}nav{gap:0}nav button{padding:7px}footer{display:block}.map-credit span{display:none}}

#event{transition:opacity .28s ease}
@media(prefers-reduced-motion:reduce){#event{transition:none}}

/* Full-viewport motion stage; controls remain available below it. */
main{max-width:none;padding:0}.intro{padding:24px 4vw}.stage{width:100%;height:100svh;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none}.controls,nav,footer{padding-left:4vw;padding-right:4vw}.map-credit{bottom:20px}
body.embedded header,body.embedded .intro,body.embedded footer,body.embedded nav{display:none}body.embedded .stage{height:calc(100svh - 66px)}body.embedded .controls{height:66px;padding:12px 3vw;margin:0}

/* Laptop-fit stage with visible framing and room for transport controls. */
main{max-width:1440px;padding:0 clamp(16px,4vw,56px)}
.stage{width:100%;height:clamp(260px,65svh,740px);border:1px solid #8795b52b;border-radius:14px}
.controls,nav,footer{padding-left:0;padding-right:0}
body.embedded main{max-width:none;padding:0}
body.embedded .stage{height:calc(100svh - 60px);border:0;border-radius:0}
body.embedded .controls{height:60px;padding:10px 18px}

#event.phone{border:3px solid #4f5d74;border-radius:24px;background:linear-gradient(155deg,#27364c,#111927);padding-top:28px;box-shadow:0 15px 50px #0009}#event.phone::before{content:'';position:absolute;top:9px;left:calc(50% - 20px);width:40px;height:4px;background:#080d16;border-radius:4px}#event p{white-space:pre-line}#phone-action{padding:10px 12px;margin-top:12px;text-align:center;background:#8fd8df;color:#071520;border-radius:8px;font-size:11px;font-weight:600}#phone-action.decline{background:#f1a8b6}#phone-action[hidden]{display:none}

#event.phone #kicker{color:#ffe1a9}#event.phone #phone-action:not([hidden]){box-shadow:0 0 18px #8fd8df22}

#event.overview-card{width:260px;max-width:32%;padding:14px 16px}#event.overview-card h3{font-size:18px}#event.overview-card.phone{padding-top:27px}#event.overview-card p{font-size:12px}#event.overview-card #metric{font-size:13px}@media(max-width:650px){#event.overview-card{max-width:40%;padding:10px}#event.overview-card h3{font-size:14px}#event.overview-card p{font-size:10px}#event.overview-card #metric{font-size:11px}}

@media(min-width:651px) and (max-width:1000px){#event.overview-card{width:220px;padding:12px}#event.overview-card h3{font-size:16px}#event.overview-card p{font-size:11px}}