/* Option 1: a clear sound invitation, shown only for browser-muted playback. */
body #hero-trailer-sound-invite{position:absolute;z-index:5;top:22px;left:22px;max-width:calc(100% - 44px);pointer-events:none}
body #hero-trailer-sound-invite[hidden],body #hero-trailer-sound-invite [hidden]{display:none}
body #hero-trailer-sound-invite[data-mode="settled"]{display:none}
body #hero-trailer-enable-sound{display:flex;align-items:center;gap:13px;max-width:100%;padding:10px 19px 10px 10px;border:1px solid #fff0d0;border-radius:999px;background:#ffe2b5;color:#14372a;box-shadow:0 6px 30px #0005,0 0 0 5px #ffe2b51c;cursor:pointer;pointer-events:auto;text-align:left;transition:background .18s,box-shadow .18s}
body #hero-trailer-enable-sound:hover{background:#fff0d0;box-shadow:0 6px 30px #0005,0 0 0 5px #ffe2b535}
body #hero-trailer-enable-sound:focus-visible{outline:3px solid #ff9563;outline-offset:6px}
.hero-sound-disc-v53{display:grid;place-items:center;flex:none;width:49px;height:49px;border-radius:50%;background:#183e30;color:#ffe2b5;box-shadow:inset 0 0 0 1px #fff3}
.hero-sound-disc-v53 svg{width:29px;height:29px}
.hero-sound-copy-v53{display:flex;flex-direction:column;gap:4px;min-width:0}
body #hero-trailer-enable-sound strong{font:600 23px/1.15 var(--sans);letter-spacing:-.025em;white-space:nowrap}
body #hero-trailer-enable-sound small{font:450 13px/1.35 var(--sans);white-space:nowrap}
.hero-sound-arrow-v53{display:flex;flex:none;margin-left:3px}
.hero-sound-arrow-v53 svg{width:22px;height:22px}
body #hero-trailer-sound-note{margin:0;display:flex;align-items:center;min-height:48px;padding:12px 20px;border:1px solid #fff0d055;border-radius:999px;background:#183e30f2;color:#ffe2b5;font:550 16px/1.4 var(--sans)}
body #hero-trailer-sound-invite[data-attention="true"] #hero-trailer-enable-sound{animation:sound-enter-v53 .2s ease-out both,sound-halo-v53 1.2s .2s 2 ease-in-out}
@keyframes sound-enter-v53{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@keyframes sound-halo-v53{50%{box-shadow:0 6px 30px #0005,0 0 0 10px #ffe2b52b}}
@media(min-width:701px){
 body #hero-trailer-sound-invite[data-compact="true"] #hero-trailer-enable-sound{gap:9px;padding:7px 15px 7px 7px}
 body #hero-trailer-sound-invite[data-compact="true"] .hero-sound-disc-v53{width:34px;height:34px}
 body #hero-trailer-sound-invite[data-compact="true"] .hero-sound-disc-v53 svg{width:23px;height:23px}
 body #hero-trailer-sound-invite[data-compact="true"] strong{font-size:17px}
 body #hero-trailer-sound-invite[data-compact="true"] :is(small,.hero-sound-arrow-v53){display:none}
}
@media(max-width:700px){
 /* Keep the whole picture free and retain the row when sound is confirmed. */
 body #hero-trailer-sound-invite{position:static;order:2;display:flex;align-items:center;justify-content:center;max-width:none;min-height:78px;margin:8px 14px 0;flex:none}
 body #hero-trailer-sound-invite[data-mode="settled"]{display:flex}
 body #hero-trailer-player .hero-film-controls-v23{order:3}
 body #hero-trailer-enable-sound{width:100%;justify-content:flex-start;gap:10px;padding:9px 12px 9px 9px;border-radius:14px;box-shadow:0 3px 15px #0002}
 body #hero-trailer-enable-sound strong{font-size:20px}
 body #hero-trailer-enable-sound small{font-size:12px}
 .hero-sound-disc-v53{width:44px;height:44px}
 .hero-sound-arrow-v53{margin-left:auto}
 body #hero-trailer-sound-note{justify-content:center;width:100%;border:0;background:none;color:#e4e7d3;font-size:14px}
}
@media(prefers-reduced-motion:reduce){
 body #hero-trailer-sound-invite #hero-trailer-enable-sound{animation:none!important;transition:none}
}