/* Full-height figures end behind a visible foreground, never at a floating crop. */
.cover-v4 .cover-side .hero-cutout{height:auto;aspect-ratio:1/2;background-size:300% 100%;clip-path:none;overflow:visible}
.cover-foreground{position:absolute;left:0;right:0;bottom:0;width:100%;height:293px;z-index:5;pointer-events:none}
.cover-v4.sequence-ready .hero-ruby,.cover-v4.sequence-ready .cover-side{transition:translate 1.18s cubic-bezier(.5,0,.12,1.08),scale 1.18s cubic-bezier(.5,0,.12,1.08),transform 1.18s cubic-bezier(.5,0,.12,1.08)}
.cover-title strong{white-space:nowrap}
.cover-title strong .cover-bangs{display:inline-flex;align-items:baseline;gap:.16em;letter-spacing:0;margin-left:.12em;vertical-align:baseline}
.cover-title strong .cover-bangs i{display:block;font:inherit;font-style:normal;line-height:inherit;letter-spacing:0;-webkit-text-stroke:.075em var(--ink);text-shadow:2px 3px 0 var(--ink),5px 6px 0 var(--cream),8px 9px 0 var(--pink)}
.section-handoff{position:absolute;inset:0 0 auto;height:23px;background:var(--handoff,var(--teal));clip-path:polygon(0 0,100% 0,100% 4px,0 23px);z-index:-1;pointer-events:none}
.story{--handoff:#ffdf42}.characters{--handoff:#00b2a1}.episodes{--handoff:#172a31}.follow{--handoff:#9ee8ca}
@keyframes handoff43{from{translate:-100% 0}to{translate:0 0}}
.motion-on .in-view .section-handoff{animation:handoff43 .7s cubic-bezier(.2,.8,.2,1) both}
.comic-stage{transition:height .48s cubic-bezier(.2,.8,.2,1)}
.is-comic-scene .comic-stage[data-scene="2"]{height:420px}
.is-comic-scene .comic-second{height:290px}
.is-comic-scene .comic-second h3{margin-top:30px}
.is-comic-scene .comic-second p:not(.bubble){position:absolute;bottom:14px;left:14px;right:14px;max-width:none;margin:0;padding:9px 11px;z-index:6;background:var(--cream);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--pink)}
.is-comic-scene .comic-second .mini-stamp{top:159px;bottom:auto;right:13px;font-size:14px;z-index:4}
.scene-slide-word{position:absolute;top:45px;left:0;width:max-content;z-index:1;pointer-events:none;opacity:0;font-family:var(--pop-font);font-size:clamp(90px,12vw,170px);font-weight:900;line-height:1;letter-spacing:-.07em;color:var(--cream);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:6px 7px 0 var(--pink);white-space:nowrap}
@keyframes sceneWord43{0%{opacity:0;translate:var(--word-from,55vw) 30px;rotate:-8deg}20%{opacity:1}55%{opacity:1;translate:0 0;rotate:-4deg}100%{opacity:0;translate:var(--word-out,-55vw) -15px;rotate:-2deg}}
.motion-on .fx-scene-live .scene-slide-word{animation:sceneWord43 .95s cubic-bezier(.35,0,.2,1) both}
@keyframes comicSlide43{0%{transform:perspective(1000px) rotateY(var(--slide-turn)) rotateZ(var(--enter-tilt));translate:var(--slide-from) 12px;scale:.68}25%{transform:perspective(1000px) rotateY(var(--slide-mid-turn)) rotateZ(-3deg);translate:var(--slide-mid) 0;scale:.8}64%{transform:perspective(1000px) rotateY(-3deg) rotateZ(-1deg);translate:var(--slide-bounce) -3px;scale:1.01}82%{translate:0 2px;scale:.995}100%{transform:perspective(1000px) rotateY(0deg) rotateZ(var(--panel-rest));translate:0 0;scale:1}}
.comic-first,.comic-third{--slide-from:-88px;--slide-mid:-55px;--slide-turn:-58deg;--slide-mid-turn:-40deg;--slide-bounce:4px}
.comic-second{--slide-from:88px;--slide-mid:55px;--slide-turn:58deg;--slide-mid-turn:40deg;--slide-bounce:-4px}
.motion-on .is-comic-scene .comic-panel.scene-selected{animation:comicSlide43 .95s cubic-bezier(.4,0,.16,1) both!important}
@media(max-width:700px){
 .cover-v4 .cover-side .hero-cutout{height:auto;aspect-ratio:1/2;background-size:300% 100%;clip-path:none}
 .cover-title strong{margin-left:40px}
 .cover-foreground{height:293px;bottom:0}
 .is-comic-scene .comic-stage[data-scene="2"]{height:373px}
 .is-comic-scene .comic-second{height:260px}
 .is-comic-scene .comic-second h3{margin-top:34px;font-size:25px;max-width:72%}
 .is-comic-scene .comic-second .scene-character{width:245px;height:490px;right:-36px;top:0}
 .is-comic-scene .comic-second p:not(.bubble){left:10px;right:10px;bottom:12px;font-size:10px;line-height:1.7;padding:7px 8px}
 .is-comic-scene .comic-second .mini-stamp{top:139px;right:9px;font-size:11px;padding:5px 8px}
 .scene-slide-word{font-size:92px;top:49px}
 .section-handoff{height:17px;clip-path:polygon(0 0,100% 0,100% 3px,0 17px)}
}
@media(prefers-reduced-motion:reduce){.scene-slide-word{display:none!important}.comic-stage,.section-handoff{animation:none!important;transition:none!important}}
html:not(.motion-on) .scene-slide-word{display:none}