/* Open cinematic composition: title in the foreground, a scene extending behind it. */
.channel-branch .channel-scenes{overflow:visible;background:transparent;border-radius:0;isolation:isolate;height:clamp(310px,48svh,540px);margin-bottom:0}
.channel-branch .channel-scenes:after{inset:0 0 0 31%;background:linear-gradient(90deg,#071b225c,transparent 52%),linear-gradient(0deg,#0d29353b,transparent 45%);z-index:1;clip-path:polygon(5% 0,100% 0,100% 100%,0 100%)}
.channel-branch .channel-scenes .branch-scene,.channel-branch .channel-scenes .branch-scene:first-child,.channel-branch .channel-scenes .branch-scene:last-child{left:31%;right:0;top:0;bottom:0;width:69%;height:100%;overflow:hidden;clip-path:inset(0 0 0 100%);border-radius:0}
.channel-branch .channel-scenes .branch-scene.is-current{clip-path:inset(0)}
.channel-branch .channel-scenes .branch-scene img{object-position:60% center}
.channel-branch .channel-screen-title{left:0;top:19%;max-width:95%;font-size:clamp(40px,4.5vw,78px);line-height:1.13;color:#34383c;letter-spacing:-.06em;text-shadow:none}
.channel-screen-title .channel-title-lead{display:inline-block;max-width:100%}
.channel-branch .channel-screen-title em{font-size:.9em;color:#fff0d5;background:#59334f;box-shadow:16px 0 #59334f,-12px 0 #59334f;padding:3px 0 9px;margin-top:14px;font-weight:400}
.channel-branch .channel-screen-title:before{width:40px;height:1px;background:#a42d42;margin-bottom:27px}
.channel-branch .channel-scenes .branch-scene figcaption,.channel-branch .channel-scenes .branch-scene:first-child figcaption,.channel-branch .channel-scenes .branch-scene:last-child figcaption{padding:26px 24px 20px;color:#fff4e7;font-size:8px}
.channel-branch .channel-scenes .branch-scene.is-current:after{left:24px;bottom:11px}
.channel-branch .channel-worlds-heading{padding-top:22px}
.channel-branch .character-rail.character-pair{padding-top:22px}
.channel-branch .character-pair .character-card{grid-template-columns:76px minmax(0,1fr);gap:20px}
.channel-branch .character-pair .character-card>a{width:76px;height:135px}
.channel-branch .character-pair .character-card+.character-card{border:0;padding-left:12px}
@media(max-width:1100px) and (min-width:801px){.channel-branch .channel-screen-title{font-size:4.4vw}.channel-branch .character-pair .character-card{grid-template-columns:58px minmax(0,1fr);gap:12px}.channel-branch .character-pair .character-card>a{width:58px;height:104px}}
@media(max-width:800px){.channel-branch .channel-scenes{height:430px;min-height:0;margin-top:38px;margin-bottom:25px}.channel-branch .channel-scenes .branch-scene,.channel-branch .channel-scenes .branch-scene:first-child,.channel-branch .channel-scenes .branch-scene:last-child{left:12%;top:70px;width:88%;height:calc(100% - 70px)}.channel-branch .channel-scenes:after{inset:70px 0 0 12%;clip-path:none}.channel-branch .channel-screen-title{left:0;top:0;font-size:clamp(33px,6.7vw,52px);max-width:95%}.channel-branch .channel-screen-title:before{margin-bottom:17px}.channel-branch .channel-screen-title em{font-size:.85em;margin-top:12px;box-shadow:8px 0 #59334f,-5px 0 #59334f;padding:5px 0 8px}.channel-branch .channel-worlds-heading{padding:0}.channel-branch .character-rail.character-pair{padding-top:0}.channel-branch .character-pair .character-card{grid-template-columns:1fr;gap:12px}.channel-branch .character-pair .character-card>a{width:100%;height:170px}.channel-branch .character-pair .character-card+.character-card{padding-left:0}}
@media(prefers-reduced-motion:reduce){.channel-branch .channel-scenes .branch-scene.is-current{clip-path:none}}
