/* The selected episode stays still while its independent cover reel rotates. */
#series .series-screening{display:block;overflow:hidden;padding:clamp(24px,2.4vw,46px);background:radial-gradient(ellipse at 8% 24%,#d5f5ee80,transparent 52%),#f7fcffde}
#series .series-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.85fr);align-items:center;gap:clamp(26px,3.2vw,60px)}
#series .series-copy{min-width:0;padding:8px 0;color:#153660}
#series .series-current{font-size:clamp(12px,.9vw,15px);letter-spacing:1.5px;color:#6085a3;margin:0 0 22px;display:flex;align-items:center;gap:12px}
#series .series-current:before{content:"";width:26px;height:1px;background:#8db7d4}
#series .series-title-wrap{position:relative;display:block;width:fit-content;max-width:100%;margin:0 0 24px}
#series .series-title-wrap h3{font-size:clamp(30px,3.1vw,54px);font-weight:800;line-height:1.3;letter-spacing:-1px;margin:0;text-wrap:balance;color:#153660;text-shadow:none}
#series .series-description{font-size:clamp(13px,1.05vw,18px);line-height:1.9;color:#547594;margin:0;white-space:pre-line;text-wrap:pretty}
#series .series-stills{position:relative;width:min(94%,380px);height:clamp(124px,10.3vw,195px);margin:clamp(28px,2.5vw,46px) 0 0 7px;pointer-events:none}
#series .series-still{position:absolute;overflow:hidden;background:#fff;border:5px solid #fff;border-radius:10px;box-shadow:0 9px 20px #2d54772a}
#series .series-still img{display:block;width:100%;height:100%;object-fit:cover}
#series .series-still--scene{width:65%;aspect-ratio:16/10;left:0;top:7%;transform:rotate(-7deg)}
#series .series-still--detail{width:49%;aspect-ratio:auto;left:46%;top:0;transform:rotate(8deg)}
#series .series-still--detail img{height:auto;object-fit:contain;transform:none}
#series .series-viewer{position:relative;aspect-ratio:16/9;border:4px solid #fff;border-radius:20px;overflow:hidden;background:#c1d2df;box-shadow:0 16px 32px #233e5722;isolation:isolate;min-width:0}
#series .series-feature-button{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}
#series .series-feature-button img{width:100%;height:100%;object-fit:contain;display:block}
#series .series-feature-button .play-circle{width:clamp(48px,4.5vw,72px);height:clamp(48px,4.5vw,72px)}
#series .series-inline-player{position:absolute;inset:0;width:100%;height:100%;background:#091522;object-fit:contain}
#series .series-close{position:absolute;top:12px;right:12px;width:38px;height:38px;display:grid;place-items:center;border:1px solid #ffffffb0;border-radius:50%;color:#fff;background:#153660ba;z-index:2;font:28px/1 Arial,sans-serif;cursor:pointer}
#series .series-player-status{position:absolute;inset:auto 12px 60px;background:#153660db;color:#fff;border-radius:8px;padding:10px;font-size:13px;text-align:center;pointer-events:none}
#series .series-player-status:empty{display:none}
#series .series-reel{display:block;width:min(100%,1056px);margin:clamp(26px,2.4vw,42px) auto 0}
#series .series-choices{position:relative;perspective:1100px;min-width:0;isolation:isolate;touch-action:pan-y}
#series .series-choices:before{content:"";display:block;width:29%;aspect-ratio:16/9;margin:5px auto 49px}
#series .series-choice{--shift:0%;--drop:0px;--scale:1;--turn:0deg;position:absolute;left:50%;top:5px;width:29%;padding:5px 5px 0;margin:0;border:1px solid #ffffffeb;border-radius:12px;background:#f9fdff;color:#476d90;font:inherit;text-align:center;cursor:pointer;box-shadow:0 8px 22px #1e497522;transform:translateX(calc(-50% + var(--shift))) translateY(var(--drop)) rotateY(var(--turn)) scale(var(--scale));transform-origin:50% 45%;transition:box-shadow .25s,border-color .25s;will-change:transform}
#series .series-choice img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;display:block;border-radius:8px}
#series .series-choice span{display:block;padding:9px 3px 10px;font-size:clamp(11px,.88vw,15px);line-height:1.5;white-space:nowrap}
#series .series-choice[data-front="true"]{border-color:#afd2eb;box-shadow:0 12px 25px #225d9033}
#series .series-choice[aria-pressed="true"]{color:#153660}
#series .series-choice[aria-pressed="true"] span{font-weight:600}
#series .series-choice:hover{border-color:#8bbce1;box-shadow:0 12px 25px #225d9040}
#series [hidden]{display:none!important}
#series button:focus-visible{outline:3px solid #458acc;outline-offset:3px}
#series .series-feature-button:focus-visible{outline-offset:-4px}
#series .series-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1100px) and (min-width:761px){
 #series .series-stage{grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:26px}
 #series .series-current{margin-bottom:14px}
 #series .series-title-wrap{margin-bottom:15px}
 #series .series-title-wrap h3{font-size:30px}
 #series .series-description{font-size:13px}
 #series .series-stills{margin-top:22px;height:122px;max-width:250px}
 #series .series-reel{margin-top:22px}
}
@media(max-width:760px){
 #series .series-screening{padding:24px 18px 16px}
 #series .series-stage{grid-template-columns:minmax(0,1fr);gap:20px}
 #series .series-copy{position:relative;padding:0;min-height:176px}
 #series .series-current{margin-bottom:12px;font-size:11px}
 #series .series-title-wrap{margin-bottom:13px}
 #series .series-title-wrap h3{font-size:29px}
 #series .series-description{font-size:13px;line-height:1.85;max-width:calc(100% - 145px);min-height:75px;white-space:normal}
 #series .series-stills{position:absolute;right:0;bottom:3px;width:132px;height:85px;margin:0}
 #series .series-still{border-width:3px;border-radius:7px}
 #series .series-viewer{border-width:3px;border-radius:14px}
 #series .series-reel{margin-top:18px}
 #series .series-choices:before{width:42%;margin-bottom:43px}
 #series .series-choice{width:42%;padding:3px 3px 0;border-radius:9px}
 #series .series-choice img{border-radius:6px}
 #series .series-choice span{padding:7px 1px 8px;font-size:11px}
}
@media(max-width:480px){
 #series .series-copy{min-height:0}
 #series .series-title-wrap h3{font-size:27px}
 #series .series-description{max-width:none;min-height:0;font-size:12px;white-space:pre-line}
 #series .series-stills{position:relative;right:auto;bottom:auto;width:170px;height:97px;margin:20px auto 0}
 #series .series-reel{margin-top:16px}
 #series .series-choices:before{width:54%;margin-bottom:41px}
 #series .series-choice{width:61%}
 #series .series-choice span{font-size:10px;padding-block:6px}
 #series .series-close{width:32px;height:32px;top:8px;right:8px}
}
@media(prefers-reduced-motion:reduce){#series .series-choice{transition:none}}
