/* Round 18: the middle hero card is the 360° tour. Before the tap: the tour's still, Zi/Seară, a 360° disc.
   After it: the tour dialog sits inside the card (inline), compact; „Extinde” takes it to full screen. */
.film-stage .album-frame>img.hero-vt-image{object-fit:cover;object-position:50% 50%}
.hero-vt .hero-vt-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:84px;height:84px;border:2px solid #fffc;border-radius:50%;background:#d33f18;color:#fff;font:700 1.125rem/1 var(--body);letter-spacing:.01em;box-shadow:0 10px 28px #0007}
.hero-vt .film-open:hover .hero-vt-play,.hero-vt .film-open:focus-visible .hero-vt-play{background:#b5320f}
.hero-vt .hero-vt-modes{position:absolute;top:.75rem;left:.75rem;z-index:3;gap:2px;padding:3px;border-color:#ffffff59;background:#111c}
.hero-vt .hero-vt-modes button{min-height:40px;padding:6px 12px;gap:6px;color:#fff;font-size:.8125rem}
.hero-vt .hero-vt-modes button[aria-pressed="true"]{background:#f5f2ea;color:#1d1d1b}
.hero-vt .hero-vt-modes svg{width:16px;height:16px;flex-basis:16px}
.hero-vt.vt-playing .hero-vt-modes,.hero-vt.vt-playing .film-caption{display:none}
.immersive-site .hero-vt .film-caption small{margin-right:0}
.hero-vt [data-vt-slot]{position:absolute;inset:0;z-index:5}
.hero-vt [data-vt-slot]:empty{display:none}
/* Round 18d: the launcher is the same transparent layer as on the other two films. The tour stylesheets give .vt-launch a 480 px still of
   the large tour (embedded in the CSS), a dark veil and its own height; over this card they hid the card's own photo behind a stretched, blurred copy. */
.studio-immersive .hero-vt[data-vt-preview] .vt-launch.film-open{height:100%;background:none;border-radius:3px}
.studio-immersive .hero-vt[data-vt-preview] .vt-launch.film-open::after{content:none}
.studio-immersive .hero-vt .vt-dialog.vt-inline[open]{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border-radius:inherit;grid-template-rows:auto minmax(0,1fr) auto}
.studio-immersive .hero-vt .vt-inline .vt-dialog-header{grid-template-columns:minmax(0,1fr) 40px 40px;gap:6px;padding:8px;background:#181816;color:#fff}
.studio-immersive .hero-vt .vt-inline .vt-dialog-title{display:none}
.studio-immersive .hero-vt .vt-inline .vt-dialog-header .vt-modes{grid-area:1/1;justify-self:start;gap:2px;padding:3px}
.studio-immersive .hero-vt .vt-inline .vt-modes button{min-height:34px;padding:4px 10px;gap:6px;font-size:.8125rem}
.studio-immersive .hero-vt .vt-inline .vt-modes svg{width:15px;height:15px;flex-basis:15px}
.studio-immersive .hero-vt .vt-inline .vt-dialog-header .vt-expand{grid-area:1/2;width:40px;height:40px}
.studio-immersive .hero-vt .vt-inline .vt-dialog-header .vt-close{grid-area:1/3;width:40px;height:40px}
.studio-immersive .hero-vt .vt-inline .vt-close svg,.studio-immersive .hero-vt .vt-inline .vt-expand svg{width:20px;height:20px}
.studio-immersive .hero-vt .vt-inline .vt-dialog-footer{justify-content:flex-end;padding:4px 10px;font-size:.75rem}
.studio-immersive .hero-vt .vt-inline .vt-dialog-footer p{display:none}
.studio-immersive .hero-vt .vt-inline .vt-dialog-footer a{min-height:32px}
.studio-immersive .hero-vt .vt-inline .vt-loading{font-size:.875rem;padding:16px}