/* Hero play button + video lightbox (preview) */
.hero-play{position:absolute;inset:0;margin:auto;width:max-content;height:max-content;display:flex;flex-direction:column;align-items:center;gap:14px;background:none;border:0;padding:0;cursor:pointer;color:var(--navy);font:inherit;z-index:2;-webkit-tap-highlight-color:transparent}
.hero-play-circle{position:relative;display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:rgba(250,248,244,.92);box-shadow:0 10px 34px rgba(16,30,42,.28);transition:transform .25s ease,background .25s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.hero-play-circle svg{margin-left:4px}
.hero-play-circle::after{content:"";position:absolute;inset:-9px;border-radius:50%;border:1.5px solid rgba(250,248,244,.75);transition:inset .25s ease,opacity .25s ease}
.hero-play-label{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:rgba(36,50,58,.55);padding:7px 14px;border-radius:99px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.hero-play-label span{font-weight:400;opacity:.85;margin-left:6px;letter-spacing:.06em}
.hero-play:hover .hero-play-circle{transform:scale(1.06);background:#fff}
.hero-play:hover .hero-play-circle::after{inset:-13px;opacity:.6}
.hero-play:focus-visible{outline:none}
.hero-play:focus-visible .hero-play-circle{outline:3px solid #fff;outline-offset:14px}
.video-dialog{border:0;padding:0;background:#0b1622;border-radius:16px;overflow:visible;width:min(92vw,calc((100dvh - 96px)*.8),620px);max-width:none;max-height:none;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.video-dialog::backdrop{background:rgba(7,21,38,.9)}
.video-player{display:block;width:100%;height:auto;aspect-ratio:4/5;border-radius:16px;background:#0b1622}
.video-close{position:absolute;top:-52px;right:0;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .2s}
.video-close:hover,.video-close:focus-visible{background:rgba(255,255,255,.28);outline:none}
@media(max-width:760px){.hero-play{inset:0 0 86px 0}.hero-play-circle{width:72px;height:72px}.hero-play-circle svg{width:22px;height:22px}.hero-play-label{font-size:.68rem;padding:6px 12px}.hero-play{gap:12px}.video-dialog{width:min(94vw,calc((100dvh - 120px)*.8));border-radius:12px}.video-player{border-radius:12px}.video-close{top:-50px}}
@media(prefers-reduced-motion:reduce){.hero-play-circle,.hero-play-circle::after{transition:none}}
.image-tag{z-index:2}