.audienceExperience:empty,.audienceExperience[hidden]{display:none}.audienceExperience{display:grid;gap:34px;margin-bottom:38px}.audienceSection>div:first-child{margin-bottom:14px}.audienceSection h2{margin:0;color:#f4f9ff;font-size:clamp(23px,3vw,34px)}.audienceSection p{margin:6px 0 0;color:#8faabd}.audienceRail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(245px,320px);gap:14px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:2px 2px 12px}.audienceCard{scroll-snap-align:start;min-width:0}.audiencePoster{position:relative;width:100%;aspect-ratio:16/9;border:1px solid #1e6897;border-radius:14px;background:#061827 center/cover no-repeat;overflow:hidden;cursor:pointer;color:#fff}.audiencePoster:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#00111acc,transparent 55%)}.audiencePoster>img{position:absolute;z-index:1;left:50%;top:45%;translate:-50% -50%;width:58px;filter:drop-shadow(0 7px 15px #000)}.audiencePoster>span{position:absolute;z-index:2;left:14px;bottom:12px;font-weight:900}.audiencePoster>i{position:absolute;z-index:3;left:0;right:0;bottom:0;height:5px;background:#294454}.audiencePoster>i b{display:block;height:100%;background:#12adff}.audienceCard h3{margin:10px 0 3px;color:#f4f9ff;font-size:18px}.audienceCard small{color:#91aabe}
@media(max-width:700px){html,body{max-width:100%;overflow-x:hidden}.topbar{padding-inline:12px!important}.audienceExperience{gap:25px;margin-inline:0}.audienceRail{grid-auto-columns:78vw}.audienceSection h2{font-size:23px}.audienceSection p{font-size:14px}.watchLayout{max-width:100%}.cards{max-width:100%}}