.episode-stack{position:relative;width:100%;padding:8px 0 0;--stack-width:min(720px,72vw)}
.episode-stack-stage{height:680px;position:relative;perspective:1200px;outline:none;overflow:visible}
.episode-stack-stage:focus-visible{outline:2px solid var(--red);outline-offset:12px}
.episode-stack .episode{position:absolute;top:0;left:50%;width:var(--stack-width);min-width:0;padding:12px 12px 24px;background:#111;border:1px solid #ffffff24;box-shadow:0 30px 80px #000b;transform-origin:50% 90%;transition:transform .65s cubic-bezier(.2,.75,.2,1),opacity .4s ease,filter .4s ease;will-change:transform}
.episode-stack .episode[data-stack-state=active]{z-index:4;transform:translateX(-50%) translateY(-12px) rotate(0) scale(1);opacity:1;filter:none}
.episode-stack .episode[data-stack-state=previous]{z-index:2;transform:translateX(calc(-50% - 155px)) translateY(36px) rotate(-9deg) scale(.91);opacity:.6;filter:brightness(.55) saturate(.5);cursor:pointer}
.episode-stack .episode[data-stack-state=next]{z-index:3;transform:translateX(calc(-50% + 155px)) translateY(36px) rotate(9deg) scale(.91);opacity:.72;filter:brightness(.62) saturate(.55);cursor:pointer}
.episode-stack .episode[data-stack-state=hidden]{z-index:1;transform:translateX(-50%) translateY(70px) scale(.84);opacity:0;pointer-events:none}
.episode-stack .episode-thumb{aspect-ratio:16/9}
.episode-stack .episode h3{font-size:clamp(34px,4.4vw,62px)}
.episode-stack .episode p{margin-bottom:20px}
.episode-stack-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:4px}
.episode-stack-controls>button{min-width:78px;height:40px;padding:0 14px;border:1px solid #ffffff42;border-radius:999px;background:#111;display:grid;place-items:center;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1;transition:background .2s,color .2s,border-color .2s}
.episode-stack-controls>button:hover{background:var(--white);border-color:var(--white);color:var(--black)}
.episode-stack-dots{display:flex;align-items:center;gap:10px}
.episode-stack-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#ffffff45;transition:transform .25s,background .25s}
.episode-stack-dots button[aria-pressed=true]{background:var(--red);transform:scale(1.35)}
.motion-off .episode-stack .episode{transition:none}
@media(max-width:760px){
 .episode-stack{--stack-width:calc(100% - 34px);padding-top:2px}
 .episode-stack-stage{height:580px}
 .episode-stack .episode{padding:8px 8px 20px}
 .episode-stack .episode[data-stack-state=active]{transform:translateX(-50%) translateY(0)}
 .episode-stack .episode[data-stack-state=previous]{transform:translateX(calc(-50% - 34px)) translateY(28px) rotate(-4deg) scale(.94)}
 .episode-stack .episode[data-stack-state=next]{transform:translateX(calc(-50% + 34px)) translateY(28px) rotate(4deg) scale(.94)}
 .episode-stack .episode h3{font-size:34px}
 .episode-stack .episode p{font-size:15px;margin-top:9px}
 .episode-stack .episode-meta{margin-top:14px}
 .episode-stack .button{min-height:47px;padding:12px 16px}
 .episode-stack-controls{margin-top:10px}
}
@media(max-width:430px){.episode-stack-stage{height:550px}}
@media(prefers-reduced-motion:reduce){.episode-stack .episode{transition:none}}