/* Original portrait presentation retained; no second silhouette layer. */
.hero-scene{background:#050507;mask-image:linear-gradient(#000 0%,#000 69%,transparent 99.6%);-webkit-mask-image:linear-gradient(#000 0%,#000 69%,transparent 99.6%);margin-bottom:-24px}
.hero-scene:after{z-index:3;background:linear-gradient(transparent 65%,#050507)}
.hero-art{transform:scale(1.025);animation:hero-breath 7s ease-in-out infinite;filter:none}
.hero-motion{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.hero-motion-ready .hero-art{visibility:hidden}.hero-motion-paused .hero-art{animation-play-state:paused}
.scene-light{z-index:2;left:40%;width:30%;opacity:.8;mix-blend-mode:screen;animation:hero-light 7s ease-in-out infinite}
.particle-field{z-index:3}.hero-copy{margin-top:-2px}.hero-title{font-weight:900;color:white}.motion-tag{bottom:44px}
@keyframes hero-breath{50%{transform:scale(1.035) translateY(-1px)}}
@keyframes hero-light{50%{opacity:.3;transform:translateX(18px) scaleX(1.4)}}
.benefit{transition:background .25s,border-color .25s;min-height:94px}.benefit strong{font-size:12px}.benefit p{font-size:11px;line-height:1.5}
button.benefit:hover{border-color:#a56ed4;background:#191023}
.host-presence{display:flex;align-items:center;gap:13px;margin:20px 3px 0;padding:16px 4px;border-top:1px solid #49305766;color:#bcaacc}
.host-presence>svg{width:32px;height:32px;color:#c88eff}.host-presence strong{display:block;font-size:13px;font-weight:600;color:#eee3fb}.host-presence p{margin:4px 0 0;font-size:11px;line-height:1.6}.host-presence span{flex:1}
.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;font-family:Inter,system-ui,sans-serif}
.category-card{position:relative;display:block;aspect-ratio:1/1.1;border:1px solid #393047;border-radius:16px;background:#0d0811;text-align:left;opacity:0;translate:0 14px;transition:opacity 700ms cubic-bezier(.22,1,.36,1),translate 700ms cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay)}
.category-card.category-revealed{opacity:1;translate:0 0}
.category-card.category-wide{grid-column:1/-1;aspect-ratio:2.5}
.category-hero{--shade-top:.28;--shade-mid:.5;--shade-bottom:.72;border-color:color-mix(in oklab,var(--tint) 55%,transparent);box-shadow:0 18px 40px -18px color-mix(in oklab,var(--tint) 80%,transparent),inset 0 1px 0 #ffffff14}
.category-feature{--shade-top:.42;--shade-mid:.62;--shade-bottom:.82;border-color:color-mix(in oklab,var(--tint) 30%,transparent);box-shadow:0 12px 28px -18px color-mix(in oklab,var(--tint) 55%,transparent),inset 0 1px 0 #ffffff0d}
.category-base{--shade-top:.55;--shade-mid:.735;--shade-bottom:.92;box-shadow:0 8px 24px -18px #0009}
.category-shade,.category-glow{position:absolute;inset:0;pointer-events:none;border-radius:inherit}
.category-shade{background:linear-gradient(180deg,oklch(.09 .02 285 / var(--shade-top)) 0%,oklch(.09 .02 285 / var(--shade-mid)) 55%,oklch(.09 .02 285 / var(--shade-bottom)) 100%)}
.category-glow{background:radial-gradient(ellipse at 20% 0%,var(--tint),transparent 55%);mix-blend-mode:overlay;opacity:.6}
.category-content{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:14px}
.category-top{display:flex;min-height:44px;min-width:44px;align-items:flex-start;margin-top:-6px}
.category-card__icon{width:36px;height:36px;display:grid;place-items:center;border:.5px solid color-mix(in oklab,var(--tint) 40%,transparent);border-radius:10px;background:color-mix(in oklab,var(--tint) 14%,oklch(.09 .02 285 / .5));backdrop-filter:blur(12px);box-shadow:0 4px 12px -6px color-mix(in oklab,var(--tint) 42%,transparent)}
.category-card__icon svg{width:16px;height:16px;color:var(--tint);stroke-width:2}
.category-bottom{display:flex;justify-content:space-between;gap:8px;align-items:flex-end}
.category-label{min-width:0}.category-label strong{font-size:18px;font-weight:800;line-height:1;letter-spacing:-.025em;display:block;color:white}
.category-label>span{display:block;font-size:11px;line-height:1.375;color:#ffffffbf;margin-top:6px}
.category-card__arrow{flex:none;width:32px;height:32px;display:grid;place-items:center;border:1px solid color-mix(in oklab,var(--tint) 40%,transparent);border-radius:50%;background:color-mix(in oklab,var(--tint) 18%,oklch(.09 .02 285 / .55));backdrop-filter:blur(12px)}
.category-card__arrow svg{width:14px;height:14px;color:var(--tint);stroke-width:2}
.category-toggle{width:100%;display:flex;justify-content:center;gap:10px;align-items:center;margin-top:16px;padding:12px;min-height:46px;border-radius:14px;border:1px solid #6f48956b;background:#170b2280;font-size:12px;color:#dec6f4}
.category-toggle svg{width:16px;height:16px;transition:rotate .3s}.category-toggle[aria-expanded=true] svg{rotate:180deg}
.category-extra{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.22,1,.36,1)}.category-extra.expanded{grid-template-rows:1fr}.category-extra>div{overflow:hidden}.category-extra .category-grid{padding-bottom:12px}
.host-dialog-portrait{float:right;width:66px;height:66px;margin:14px 2px 4px 10px;border-radius:50%;position:relative;overflow:hidden;border:1px solid #b879f1;box-shadow:0 0 30px #9a39e038;background:#160c23}
.host-dialog-portrait img{position:absolute;width:100%;height:140%;object-fit:cover;object-position:center 28%;top:-7px}.host-dialog-portrait span{position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 13px #ab66f752}
.host-dialog .dialog-title{font-size:26px;max-width:260px;margin-right:0}.host-dialog-note{clear:both;margin-bottom:17px}
.host-answer{padding:18px;border-radius:16px;border:1px solid #8a55b86b;background:linear-gradient(145deg,#38204e,#171022);box-shadow:inset 0 1px 0 #e1bcff0d;min-height:150px}
.host-answer-label{color:#c798eb;letter-spacing:1.8px;font-size:9px}.host-answer p{font-size:14px;line-height:1.7;margin:8px 0 0;color:#f2e8fc}
.host-replay{display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #9565b887;border-radius:24px;min-height:44px;width:100%;margin-top:11px;font-size:12px;background:#1d102c;color:#e1c6fa}
.answer-wave{display:flex;align-items:center;gap:3px;height:18px}.answer-wave i{width:2px;height:6px;background:#d7a8ff;border-radius:2px}.answer-wave i:nth-child(2n){height:13px}.answer-wave i:nth-child(3){height:18px}
[data-voice=playing] .answer-wave i{animation:wave .55s ease-in-out infinite alternate}[data-voice=playing] .answer-wave i:nth-child(2n){animation-delay:.2s}[data-voice=playing] .host-dialog-portrait{box-shadow:0 0 28px #b558f980}
.voice-status{font-size:11px;color:#e7bf87;margin:5px 0;line-height:1.5}.voice-status:empty{display:none}
.host-questions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:17px 0}
.host-questions button{border:1px solid #56336f;border-radius:12px;min-height:47px;background:#160e20;color:#cdbbdb;font-size:11px;line-height:1.45;padding:9px}
.host-questions button.selected{color:#f9f3ff;background:#452458;border-color:#bd7cec}
.host-message-form{display:flex;gap:6px;align-items:center}
.host-message-form input{min-width:0;flex:1;font-size:16px;min-height:46px;border:1px solid #624275;border-radius:13px;background:#100b18;color:white;padding:10px}
.host-message-form button{border:1px solid #9d6fc2;background:#341947;border-radius:13px;min-width:44px;height:46px;display:grid;place-items:center}
.host-message-form svg{width:18px;height:18px}.host-preview-note{font-size:10px;color:#a995b9;line-height:1.6;margin:12px 2px 18px}
html.still .category-card{opacity:1;translate:none}
@media(prefers-reduced-motion:reduce){.category-card{opacity:1;translate:none}.hero-art{transform:scale(1.025)}}
@media(max-width:359px){.category-content{padding:12px}.category-label strong{font-size:16px}.category-card__arrow{width:28px;height:28px}.category-grid{gap:10px}.category-label>span{font-size:10px}.host-message-form{flex-wrap:wrap}.host-message-form input{flex-basis:100%}.host-send{margin-left:auto}}

.host-avatar-invite{position:absolute;left:34%;top:24px;width:32%;height:220px;border:0;background:transparent;z-index:4;border-radius:40%}.host-avatar-invite:focus-visible{outline-offset:-8px}

.hero-scene{mask-image:none;-webkit-mask-image:none}.hero-art,.hero-motion{mask-image:linear-gradient(#000 0%,#000 69%,transparent 99.6%);-webkit-mask-image:linear-gradient(#000 0%,#000 69%,transparent 99.6%)}

/* Real section films from Aftermath; only visible cards play. */
.category-card__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease-out,transform .7s cubic-bezier(.22,1,.36,1);pointer-events:none;filter:saturate(1.1) contrast(1.05)}
.category-video-ready .category-card__video{opacity:1}
.category-motion-disabled .category-card__video{opacity:0}
.category-card__image-wrap .category-card__image{filter:saturate(1.1) contrast(1.05)}
.category-card.category-base{--shade-top:.24;--shade-mid:.42;--shade-bottom:.88}
.category-card.category-feature{--shade-top:.16;--shade-mid:.34;--shade-bottom:.84}
.category-card.category-hero{--shade-top:.10;--shade-mid:.30;--shade-bottom:.80}
.category-content{text-shadow:0 2px 12px #000b}
.category-glow{opacity:.28}
.category-sheen{position:absolute;inset:-20% 100% -20% -70%;width:45%;background:linear-gradient(90deg,transparent,#fff1,transparent);transform:skewX(-18deg);pointer-events:none;animation:category-film-sheen 8s ease-in-out infinite;animation-play-state:paused}
.category-in-view .category-sheen{animation-play-state:running}
.category-card:active .category-card__video{transform:scale(1.04)}
@media(hover:hover){.category-card:hover .category-card__video{transform:scale(1.08)}}
@keyframes category-film-sheen{0%,35%{translate:-40% 0;opacity:0}45%{opacity:.5}75%,100%{translate:430% 0;opacity:0}}
/* One-time entrance: no layout shift, then slow ambient movement. */
.hero-copy{animation:hero-copy-arrive 1s .10s both cubic-bezier(.22,1,.36,1)}
.hero .cta-stack .gold{animation:hero-copy-arrive .9s .24s both cubic-bezier(.22,1,.36,1)}
.hero .cta-stack .ghost{animation:hero-copy-arrive .9s .36s both cubic-bezier(.22,1,.36,1)}
.hero-art{animation:hero-breath 6.2s ease-in-out infinite;transform-origin:52% 72%}
@keyframes hero-breath{0%,100%{transform:scale(1.027) rotate(-.25deg) translateY(0)}50%{transform:scale(1.05) rotate(.3deg) translateY(-3px)}}
@keyframes hero-copy-arrive{from{opacity:.15;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.hero-scene:before{content:'';position:absolute;z-index:2;inset:-20% -40% 0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,#c17dff00 41%,#d6adff33 48%,#8d35eb08 53%,transparent 60%);mix-blend-mode:screen;animation:host-opening-light 2.8s .08s both ease-out}
@keyframes host-opening-light{0%{translate:-40% 0;opacity:0}25%{opacity:.65}100%{translate:45% 0;opacity:0}}
.hero-motion-paused .scene-light,.hero-motion-paused .particle-field i,.hero-motion-paused:before{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.hero-copy,.hero .cta-stack .gold,.hero .cta-stack .ghost{opacity:1;transform:none}.hero-scene:before{display:none}}

/* Approved Atlas film replaces the synthetic image motion. */
.hero-art{animation:none;transform:none}
.hero-loop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1;opacity:0;transition:opacity .3s;pointer-events:none;mask-image:linear-gradient(#000 0%,#000 72%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 72%,transparent 100%)}
.ambient-ready .hero-loop{opacity:1}.ambient-still .hero-loop{opacity:0}
.hero-scene.ambient-still .scene-light,.hero-scene.ambient-still .particle-field i{animation-play-state:paused}
.host-film-label{position:absolute;right:0;bottom:16px;z-index:4;padding:7px 13px;border:1px solid #b185d56b;border-radius:20px;background:#1a0d26b3;color:#e1c2f9;font-size:10px;letter-spacing:1.2px}
.category-card__icon{width:44px;height:44px;border-radius:14px;background:color-mix(in oklab,var(--tint) 14%,#080610cc);box-shadow:0 4px 18px -5px color-mix(in oklab,var(--tint) 42%,transparent)}
.category-card__icon svg{width:23px;height:23px;stroke-width:1.8}
.category-top{margin-top:0}
.category-card__video{filter:saturate(1.05) contrast(1.03)}
.category-label strong{line-height:1.15}

/* The city fills the preview; all labels remain accessible HTML. */
.live-map-preview{padding-top:34px;padding-bottom:34px}
.map-preview-card{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:.91;margin-top:22px;padding:0;border:1px solid #c4a2ed7a;border-radius:25px;background:#100c1c;text-align:left;box-shadow:0 22px 55px -26px #9555d975,inset 0 1px 0 #fff3;isolation:isolate}
.map-preview-card>img{position:absolute;inset:-2%;width:104%;max-width:none;height:104%;object-fit:cover;object-position:48% 48%;animation:map-city-breathe 18s ease-in-out infinite;animation-play-state:paused}
.map-preview-gradient{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0b0719c9,transparent 27%,transparent 56%,#0b071ad9 83%,#0b071a)}
.map-preview-heading{position:absolute;top:18px;left:17px;right:17px;display:flex;align-items:center;gap:7px;color:#f0e6ff;font-size:10px;font-weight:600;letter-spacing:.25px;text-shadow:0 2px 8px #000}
.map-preview-heading svg{width:15px;height:15px;stroke:#d7b1ff;stroke-width:1.7;fill:none}
.map-preview-pins{position:absolute;inset:0;pointer-events:none}
.map-preview-pin{--pin-color:#d6a9ff;position:absolute;left:17%;top:31%;display:flex;align-items:center;gap:7px;padding:6px 10px 6px 6px;border:1px solid #d0a0ff94;border-radius:12px;background:linear-gradient(120deg,#482859dd,#100c22de);backdrop-filter:blur(10px);color:#f9f3ff;box-shadow:0 6px 22px #0009}
.map-preview-pin:after{content:"";position:absolute;top:100%;left:20px;height:27px;width:1px;background:linear-gradient(var(--pin-color),transparent)}
.map-preview-pin--bar{--pin-color:#83e5ff;left:auto;right:10%;top:52%;border-color:#a1dce875;background:linear-gradient(120deg,#23414fe6,#0c172ade)}
.map-pin-symbol{position:relative;display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#cf94ff15;color:var(--pin-color)}
.map-pin-symbol svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round}
.map-preview-pin>small{font-size:11px;font-weight:600}
.map-preview-bottom{position:absolute;left:21px;right:21px;bottom:23px;display:flex;gap:14px;align-items:center;justify-content:space-between;color:#fff}
.map-preview-bottom>span{min-width:0}
.map-preview-bottom strong{font-size:23px;line-height:1.12;display:block;font-weight:750;letter-spacing:-.5px}
.map-preview-bottom small{display:block;margin-top:8px;font-size:11px;color:#d7c8e8;line-height:1.5}
.map-play{display:grid;place-items:center;width:56px;height:56px;flex:none;border:1px solid #f8e5c0be;border-radius:50%;background:linear-gradient(140deg,#e6cca370,#9982594d 45%,#211929ab);backdrop-filter:blur(12px);box-shadow:0 0 0 5px #efd9b808,inset 0 1px 1px #fff4;transition:transform .25s,box-shadow .25s}
.map-play svg{width:21px;height:21px;fill:#ffefd5;stroke:none;translate:1px 0}
.map-preview-card:focus-visible{outline:2px solid #e1b8ff;outline-offset:5px}
.map-preview-card:active .map-play{transform:scale(.94)}
.map-in-view .map-preview-card>img{animation-play-state:running}
.still .map-preview-card>img,body.locked .map-preview-card>img{animation-play-state:paused}
@keyframes map-city-breathe{50%{transform:scale(1.04) translateY(-.5%)}}
@media(hover:hover){.map-preview-card:hover{border-color:#dcc5fa}.map-preview-card:hover .map-play{transform:scale(1.05);box-shadow:0 0 0 8px #efd9b811,0 0 28px #f0dca51f}}
@media(max-width:359px){.map-preview-bottom{left:16px;right:16px;bottom:20px;gap:10px}.map-preview-bottom strong{font-size:20px}.map-preview-bottom small{font-size:10px}.map-play{width:48px;height:48px}.map-preview-pin{left:11%;top:30%}.map-preview-pin--bar{left:auto;right:8%;top:52%}}
@media(prefers-reduced-motion:reduce){.map-preview-card>img{animation:none}.map-play{transition:none}}
.map-preview-player{width:auto;max-width:100%;height:min(58svh,600px);aspect-ratio:624/1280;object-fit:contain;margin:14px auto 0}
.map-preview-dialog .dialog-title{font-size:24px;margin-bottom:14px}
.map-preview-dialog .body-copy{font-size:11px;margin:14px 0 18px}
.map-video-error{font-size:12px;color:#edbdcf;line-height:1.5;margin:12px 0}
@media(prefers-reduced-motion:reduce){.map-preview-card>img,.hero-loop{transition:none}}

/* The single teaser keeps its complete vertical frame and native playback controls. */
.teaser-player{width:auto;max-width:100%;height:min(64svh,700px);aspect-ratio:9/16;object-fit:contain;margin:14px auto 0;background:#030504}
.teaser-dialog .dialog-title{margin-bottom:14px}
.teaser-dialog .kicker{padding-right:20px;line-height:1.6}
.teaser-message{margin-top:14px;font-size:12px;color:#d8bddf;line-height:1.5}
.teaser-message p{margin:0 0 10px}
.teaser-message .button{width:100%}

/* Keep the hero full bleed, including fractional-pixel video edges on mobile. */
.hero{padding-inline:19px}
.hero-scene{width:calc(100% + 38px);margin-inline:-19px;flex-shrink:0}
.hero-art,.hero-loop{left:-6px;right:auto;width:calc(100% + 12px);max-width:none;object-fit:cover;transform:none}
@media(max-width:359px){.wordmark{font-size:21px;letter-spacing:.5px}.wordmark small{font-size:5px;letter-spacing:2.5px}.header-actions{gap:6px}.mini-join{padding-inline:8px;font-size:9px}}


/* Full early-access wording stays readable on narrow phones. */
.site-header{gap:10px}.wordmark{flex-shrink:0}.header-actions{min-width:0}
.mini-join{white-space:normal;max-width:130px;text-align:center;line-height:1.2;justify-content:center}
@media(max-width:599px){.site-header{padding-inline:15px}.header-actions{gap:6px}.mini-join{padding:7px 9px;min-height:38px}}
@media(max-width:359px){.wordmark{font-size:18px;letter-spacing:.2px}.wordmark small{font-size:5px;letter-spacing:1.8px}.mini-join{max-width:103px;font-size:9px}.header-actions{gap:5px}.site-header{gap:7px}}