.intro-hero{padding-top:30px;padding-bottom:20px}
.intro-player{position:relative;background:#292a2c;border:1px solid var(--line);border-radius:22px;overflow:hidden}
.intro-player video,.intro-player picture,.intro-player img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.intro-player .intro-cover{position:absolute;inset:0;pointer-events:none}
.intro-player video{position:relative;opacity:0;background:transparent}
.intro-player[data-frame-ready] video{opacity:1}
.intro-prompt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:12px 20px;border:1px solid #f3f0e8;border-radius:999px;background:#242424e8;color:#f3f0e8;font-size:14px;font-weight:600;pointer-events:none;white-space:nowrap}
.intro-prompt[hidden]{display:none}
.intro-player{aspect-ratio:16/9}
.intro-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.intro-note{font-size:12px;color:var(--muted);margin:10px 0 0}
@media(max-width:640px){.intro-hero{padding-top:20px;padding-bottom:12px}.intro-player{border-radius:15px}.intro-player video,.intro-player picture,.intro-player img{aspect-ratio:4/5}}
@media(max-width:640px){.intro-player{aspect-ratio:4/5}}
.intro-player video { cursor: pointer; }
.intro-player video:focus-visible { outline: 2px solid var(--ink); outline-offset: -4px; }