/* Keep the original scroll/drag shelf; reveal a feature area only after a desktop dwell. */
.page-cartoons .series-shelf-shell{transition:height .55s cubic-bezier(.22,.61,.36,1)}
.page-cartoons .series-carousel .series-poster-link{transition:opacity .45s ease,transform .55s ease,border-color .18s,box-shadow .18s}
.page-cartoons .series-shelf-shell.is-spotlight .series-carousel .series-poster-link{opacity:0;transform:translateX(var(--spotlight-away,140px));pointer-events:none}
.page-cartoons .series-shelf-shell.is-spotlight>.series-shelf-arrow{visibility:hidden;pointer-events:none}
.series-spotlight{position:absolute;inset:0;z-index:4;isolation:isolate;overflow:hidden;background:transparent}
.series-spotlight[hidden]{display:none}
.page-cartoons .series-carousel .series-poster-link.is-reveal-pending{opacity:0}
.series-spotlight::before{content:"";position:absolute;inset:0;z-index:-3;background:#000;animation:spotlight-shade .65s ease both}
/* Feather the edges while keeping the characters bright. */
.series-spotlight-backdrop{position:absolute;inset:0 0 0 auto;width:78%;height:100%;object-fit:cover;object-position:center;z-index:-2;animation:spotlight-backdrop 1.25s cubic-bezier(.22,.61,.36,1) both;
-webkit-mask-image:linear-gradient(90deg,transparent,black 26%,black 86%,transparent),linear-gradient(180deg,transparent,black 17%,black 79%,transparent);
mask-image:linear-gradient(90deg,transparent,black 26%,black 86%,transparent),linear-gradient(180deg,transparent,black 17%,black 79%,transparent);
-webkit-mask-composite:source-in;mask-composite:intersect}
.series-spotlight-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#000 0%,#000 30%,transparent 53%);pointer-events:none;animation:spotlight-shade .6s ease both}
.series-spotlight-copy{position:relative;box-sizing:border-box;width:38%;max-width:480px;padding:clamp(32px,4.5vw,72px) 10px 24px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.series-spotlight-poster{display:block;width:100%;transform-origin:top left}
.series-spotlight-poster>img{display:block;width:100%;aspect-ratio:2048/1033;object-fit:contain}
.series-spotlight-logo{position:relative;display:grid;place-items:center;width:100%;max-width:400px;min-height:70px;animation:spotlight-copy .65s .25s ease both}
.series-spotlight-logo>img{display:block;width:100%;max-height:100px;object-fit:contain}
.series-spotlight-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;pointer-events:none}
.series-spotlight-video[hidden]{display:none}
.series-spotlight-copy>p{margin:0;max-width:36ch;color:var(--green);font:400 clamp(1.05rem,1.5vw,1.5rem)/1.35 var(--pixel);text-wrap:pretty;animation:spotlight-copy .65s .35s ease both}
.series-spotlight-close{position:absolute;top:14px;right:14px;min-height:44px;padding:8px 14px;border:1px solid #4d7b34;background:#000c;color:var(--green);font:400 1.2rem var(--pixel);cursor:pointer}
.series-spotlight-close:hover,.series-spotlight-close:focus-visible{background:#17310b}
.series-spotlight-poster:focus-visible,.series-spotlight-logo:focus-visible{filter:brightness(1.2)}
@keyframes spotlight-backdrop{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
@keyframes spotlight-copy{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.page-cartoons .series-shelf-shell,.page-cartoons .series-carousel .series-poster-link{transition:none}.series-spotlight-backdrop,.series-spotlight-logo,.series-spotlight-copy>p{animation:none}}

@keyframes spotlight-shade{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.series-spotlight-shade{animation:none}}

@media(prefers-reduced-motion:reduce){.page-cartoons .series-carousel .series-poster-link.is-reveal-pending{opacity:1}.series-spotlight::before{animation:none}}