/* Scoped integration: the rest of the verified T23 page retains its styles. */
.arrival-canvas,.arrival-controls{display:none}
.voice-cinema #top #voice{padding:0;position:relative;height:var(--arrival-length,100dvh);min-height:100dvh;background:#000;isolation:isolate}
.voice-cinema #voice .arrival-stage{position:sticky;top:0;height:var(--arrival-height,100dvh);min-height:100dvh;overflow:hidden;background:#000}
/* A finite runway keeps the stage sticky while scroll position scrubs the film. */
.voice-cinema #voice .arrival-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.voice-cinema #top #voice .voice-layout{position:absolute;inset:0;width:100%;max-width:none;margin:0;display:block;gap:0}
.voice-cinema #voice .heading-block{position:absolute;top:var(--arrival-heading-top,96px);left:20px;right:20px;text-align:center;opacity:var(--arrival-title,0);pointer-events:none}
.voice-cinema #voice #voice-title{font-size:clamp(50px,5.3vw,76px);line-height:1;letter-spacing:-.05em;margin:0}
.voice-cinema #voice #voice-title br{display:initial}
.voice-cinema #voice .notch-experience{position:absolute;inset:0;width:100%;height:100%;max-width:none}
.voice-cinema #voice .notch-picker{position:absolute!important;top:var(--picker-top,244px);left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:calc(100% - 40px);margin:0 auto;flex-wrap:nowrap;justify-content:flex-start;gap:0;opacity:var(--arrival-ui,0);visibility:hidden;z-index:3}
.voice-cinema #voice[data-arrival-ui=true] .notch-picker{visibility:visible}
.voice-cinema #top #voice .voice-native-scene{position:absolute;left:var(--screen-left,10%);top:var(--screen-top,320px);width:var(--screen-width,80%);margin:0;transform:none}
.voice-cinema #top #voice .voice-native-scene .screen-frame{width:100%;height:var(--screen-height,500px);min-height:0;padding:0;border:0;display:block;background:transparent;overflow:visible;box-shadow:none}
.voice-cinema #top #voice .display-environment{--arrival-bezel:10px;inset:-10px -10px -24px;border-radius:26px 26px 0 0;background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),inset 0 0 0 var(--arrival-bezel) #000;opacity:var(--arrival-frame,0)!important;transform:translateY(var(--arrival-display-offset,0px)) scale(var(--arrival-display-zoom,1))!important;transform-origin:50% var(--arrival-bezel);mask:linear-gradient(#000 0%,#000 50%,transparent 100%)!important;-webkit-mask:linear-gradient(#000 0%,#000 50%,transparent 100%)!important;pointer-events:none}
.voice-cinema #top #voice .glass-wallpaper{inset:10px 10px 0;opacity:0!important;border-radius:17px 17px 0 0;background:linear-gradient(#00000038,#00000038),url('../assets/wallpaper-golden-gate-dark.png') 50% 50% / cover}
.voice-cinema #top #voice .mobile-product{position:relative;width:100%;min-height:0!important;height:100%;padding:0;transform:none!important;opacity:1!important}
.voice-cinema #voice .live-notch{width:min(var(--voice-preview-width,667.5px),100%);max-width:none;margin:0 auto;transform-origin:50% 0;transform:translateY(var(--notch-offset,0px)) scale(var(--notch-x,1),var(--notch-y,1));opacity:var(--notch-opacity,0);visibility:hidden}
.voice-cinema #voice[data-arrival-shell=true] .live-notch{visibility:visible}
.voice-cinema #voice .arrival-controls{display:flex;position:absolute;bottom:22px;left:24px;right:24px;justify-content:center;z-index:4}
.voice-cinema #voice .arrival-controls button{font:inherit;font-size:13px;letter-spacing:.01em;color:#a0a0a0;background:#0009;border:1px solid #ffffff20;border-radius:30px;padding:10px 16px;cursor:pointer}
.voice-cinema #voice .arrival-controls button:hover{color:#fff;border-color:#ffffff60}
.voice-cinema #voice .arrival-controls button:focus-visible{outline:2px solid #fff;outline-offset:5px}
.voice-cinema #voice .arrival-controls [hidden]{display:none}
.voice-cinema #voice[data-arrival-ready=false] .arrival-controls{bottom:auto;top:calc(min(100svh,var(--arrival-height)) - 64px)}
.voice-cinema #voice[data-arrival-render=fallback] .arrival-canvas{display:none}
.voice-cinema #top #voice[data-arrival-render=fallback] .display-environment{opacity:1!important}
@media(max-width:760px){
 .voice-cinema #voice .heading-block{top:var(--arrival-heading-top,96px)}
 .voice-cinema #voice #voice-title{font-size:52px}
 .voice-cinema #voice #voice-title br{display:initial}
 .voice-cinema #voice .notch-picker{max-width:calc(100% - 24px)}

 .voice-cinema #voice .arrival-controls{bottom:18px}
 .voice-cinema #top #voice .mobile-product{width:100%}
 .voice-cinema #voice .live-notch{width:min(var(--voice-preview-width,667.5px),100%)}
}
@media(prefers-reduced-motion:reduce){.voice-cinema #voice .arrival-controls{display:none}}
/* Soften fast wheel gestures without delaying the live controls. */
@media(prefers-reduced-motion:no-preference){
 .voice-cinema #voice:not([data-arrival-navigation]) .heading-block{transition:opacity 1.2s cubic-bezier(.4,0,.2,1)}
 .voice-cinema #voice:not([data-arrival-navigation]) .notch-picker{transition:opacity .9s cubic-bezier(.4,0,.2,1)}
}

@media(max-width:600px){.voice-cinema #top #voice .display-environment{--arrival-bezel:8px;left:-8px;right:-8px;top:-8px;border-radius:20px 20px 0 0}.voice-cinema #top #voice .glass-wallpaper{inset:8px 8px 0;border-radius:13px 13px 0 0}}

@media(max-width:760px){.voice-cinema #top #voice .display-environment{left:-46vw;right:-46vw;bottom:-12px;border-radius:20px 20px 0 0}}

.voice-cinema #top #voice[data-arrival-paper-owner=dom] .glass-wallpaper{opacity:1!important}