/* Two composed frames replace the overlapping collage and disconnected caption column. */
.channel-branch{gap:0 5vw;align-items:start}
.channel-branch>.branch-heading{margin-bottom:38px}
.channel-branch>.branch-heading>p:last-child{color:#76515b;font-size:14px;max-width:470px;white-space:normal;line-height:1.9}
.channel-branch .channel-scenes{display:block;position:relative;grid-column:1;grid-row:2/5;aspect-ratio:1.38;max-width:none;min-height:0;padding:0;margin:0;overflow:hidden;border-radius:48px 0 0 0;background:#213638}
.channel-branch .channel-scenes .branch-scene,.channel-branch .channel-scenes .branch-scene:first-child,.channel-branch .channel-scenes .branch-scene:last-child{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;margin:0;border:0;background:none;opacity:0;transition:opacity .7s ease;z-index:0}
.channel-branch .channel-scenes .branch-scene:first-child,.channel-branch .channel-scenes .branch-scene.is-current{opacity:1}
.channel-branch .channel-scenes.has-film .branch-scene:not(.is-current){opacity:0}
.channel-branch .channel-scenes .branch-scene img,.channel-branch .channel-scenes .branch-scene:first-child img,.channel-branch .channel-scenes .branch-scene:last-child img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border-radius:0;box-shadow:none}
.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{position:absolute;bottom:0;left:0;width:100%;max-width:none;padding:34px 25px 18px;background:linear-gradient(transparent,#10282bd9);color:#fff5e8;font-size:9px}
.channel-branch .channel-worlds-heading{margin:0 0 24px}
.channel-branch .character-rail{background:#eae4d9;padding:24px 45px 20px;border-radius:0 42px 0 0}
.channel-branch .character-card{grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}
.channel-branch .character-card>a{height:340px;justify-content:center}
.channel-branch .character-card img{border-radius:25px 0 0 0}
.channel-branch .character-card figcaption{text-align:center;padding:0 0 2px}
.channel-branch .character-card h3{font-size:25px;margin:5px 0}
.channel-branch .character-card .character-branch{display:none}
.channel-branch .character-footer{position:relative;margin:0;padding:0;border:0;min-height:35px;display:block}
.channel-branch .character-steps{position:absolute;left:0;right:0;bottom:230px;display:flex;justify-content:space-between;pointer-events:none;z-index:2;padding:0 9px}
.channel-branch .character-steps button,.film-step{pointer-events:auto;width:42px;height:54px;border:1px solid #ffffff9c;border-radius:50%;background:#fffaf0e8;color:#294a4d;font:25px/1 Georgia,serif;box-shadow:0 4px 18px #183c3d12;transition:transform .2s,background .2s,color .2s;cursor:pointer}
.channel-branch .character-steps button:hover,.film-step:hover{background:#c4142a;color:#fff;transform:scale(1.06)}
.film-controls{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 12px;pointer-events:none;z-index:2}
.film-pause{position:absolute;right:14px;bottom:12px;z-index:3;background:#173b3dbb;color:#fff5e8;border:1px solid #ffffff60;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:11px}
.film-controls button:focus-visible,.film-pause:focus-visible{outline:3px solid #02c1bb;outline-offset:3px}
.channel-branch .character-motion{float:right;margin-top:7px}
@media(min-width:1600px){.channel-branch .character-card>a{height:360px}.channel-branch .character-steps{bottom:240px}}
@media(max-width:800px){.channel-branch .channel-scenes{grid-row:auto;grid-column:1;aspect-ratio:1.3;margin-bottom:32px;border-top-left-radius:36px}.channel-branch .character-rail{padding:22px 40px}.channel-branch .character-card>a{height:330px}.channel-branch .character-steps{bottom:225px}.channel-branch .channel-worlds-heading{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.channel-branch .channel-scenes .branch-scene{transition:none}.film-step{transition:none}}

/* Production is the primary story; Original IP is a compact accompanying feature. */
.channel-branch{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);column-gap:6vw}
.channel-branch>.branch-heading{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);column-gap:6vw}
.channel-branch .channel-scenes{aspect-ratio:16/9;align-self:start;border-radius:42px 0 0 0}
.channel-branch .channel-worlds-heading h4{font-size:clamp(23px,2vw,30px);line-height:1.35}
.channel-branch .channel-worlds-heading>p{font-size:11px;max-width:310px}
.channel-branch .character-rail{width:min(100%,290px);justify-self:center;background:transparent;padding:0;border-radius:0}
.channel-branch .character-card{gap:12px}
.channel-branch .character-card>a{height:290px;justify-content:center}
.channel-branch .character-card img{border-radius:24px 0 0 0}
.channel-branch .character-card h3{font-size:22px}
.channel-branch .character-card figcaption>p:not(.character-branch){font-size:11px}
.channel-branch .character-footer{width:min(100%,290px);justify-self:center}
.channel-branch .character-steps{bottom:215px;padding:0;left:-4px;right:-4px}
.channel-branch .character-steps button{width:34px;height:44px;font-size:22px;box-shadow:0 3px 15px #173b3d18}
.channel-branch .character-motion{font-size:8px;margin-top:10px}
@media(min-width:1600px){.channel-branch .character-card>a{height:310px}.channel-branch .character-steps{bottom:225px}}
@media(max-width:1000px) and (min-width:801px){.channel-branch{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);column-gap:4vw}.channel-branch .character-card>a{height:260px}.channel-branch .character-steps{bottom:200px}}
@media(max-width:800px){.channel-branch,.channel-branch>.branch-heading{grid-template-columns:minmax(0,1fr)}.channel-branch .channel-scenes{aspect-ratio:16/10;grid-row:auto}.channel-branch .channel-worlds-heading{margin:4px 0 20px}.channel-branch .character-rail,.channel-branch .character-footer{justify-self:start;width:min(100%,290px)}.channel-branch .character-card>a{height:290px}.channel-branch .character-steps{bottom:215px}}