/* Large television with scroll-aligned scene and color wipes. */
.obs-scroll{display:grid;grid-template-columns:44% 56%;gap:0;max-width:none;width:100%;margin:0;padding:0;isolation:isolate;background:#31223f}
.obs-stage{grid-column:2;grid-row:1;position:sticky;top:max(100px,calc(50svh - 19.7vw));align-self:start;width:min(70vw,1100px);margin:0 0 0 3vw;padding:0;z-index:2;background:none;box-shadow:none}
.obs-screen{width:100%;aspect-ratio:16/9;border:4px solid #17171a;border-radius:2px;transform:none;transition:none;box-shadow:0 2px 2px #0008,0 24px 42px #0006;background:#0a0a0a;overflow:hidden}
.obs-screen-image,.obs-screen-image.is-active{opacity:1;transform:none;transition:none;object-fit:contain;clip-path:inset(var(--obs-clip-top,100%) 0 var(--obs-clip-bottom,0%) 0)}
.obs-screen-image:first-child{--obs-clip-top:0%;--obs-clip-bottom:0%}
.obs-screen::after{content:"";position:absolute;inset:0;border:1px solid #ffffff20;pointer-events:none}
.obs-now{margin:20px 0 0;text-align:left;color:#fff9;padding-left:5px;font-size:11px}
.obs-scroll-hint{display:none}
.obs-chapters{grid-column:1;grid-row:1;position:relative;z-index:0}
.obs-chapter,.obs-chapter:first-child{position:relative;min-height:100svh;padding:14vh 4vw 14vh 8vw;justify-content:center;max-width:none;opacity:1;transition:none;color:#fff}
.obs-chapter::before{content:"";position:absolute;top:0;bottom:0;left:0;width:100vw;background:var(--obs-color,#31223f);z-index:-1}
.obs-chapter:nth-child(1){--obs-color:#31223f}.obs-chapter:nth-child(2){--obs-color:#65469a}.obs-chapter:nth-child(3){--obs-color:#123f60}.obs-chapter:nth-child(4){--obs-color:#913b47}.obs-chapter:nth-child(5){--obs-color:#462567}.obs-chapter:nth-child(6){--obs-color:#66418b}
.obs-chapter .section-label{font-size:12px;color:#fff;letter-spacing:.12em;line-height:1.5}
.obs-chapter h3{color:#fff;font-size:clamp(30px,3.2vw,49px);line-height:1.08;letter-spacing:-.045em;margin:26px 0}
.obs-chapter>p:not(.section-label){color:#fff;font-size:clamp(16px,1.45vw,22px);line-height:1.6}
.obs-open-image{color:#fff;font-size:15px;font-weight:700;gap:15px;margin-top:28px}
.obs-open-image svg{width:20px;height:20px}
.obs-finish{position:relative;z-index:3;background:#101011}
.obs-motion-layer{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;clip-path:inset(var(--obs-clip-top,100%) 0 var(--obs-clip-bottom,0%) 0)}
.obs-motion-layer[hidden]{display:none}
.obs-motion-layer iframe{display:block;width:1280px!important;height:720px!important;max-width:none!important;border:0;transform-origin:top left;pointer-events:none}
.obs-screen-caption{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-top:16px}
.obs-screen-caption .obs-now{margin:0}
.obs-motion-toggle{display:inline-flex;align-items:center;gap:7px;min-height:44px;background:#0003;border:1px solid #ffffff50;border-radius:30px;padding:8px 12px;color:#fff;font:inherit;font-size:11px;cursor:pointer}
.obs-motion-toggle[hidden],.obs-motion-toggle .obs-play-icon{display:none}
.obs-motion-toggle svg{width:16px;height:16px;flex:0 0 16px}
.obs-motion-toggle[aria-pressed=true] .obs-pause-icon{display:none}
.obs-motion-toggle[aria-pressed=true] .obs-play-icon{display:block}
.obs-motion-toggle:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:760px){
 .obs-scroll{display:grid;grid-template-columns:44% 56%;gap:0;width:100%;max-width:none;margin:0;padding:0}
 .obs-stage{grid-column:2;grid-row:1;position:sticky;top:max(100px,calc(50svh - 19.7vw));width:70vw;max-width:none;margin:0 0 0 3vw;padding:0;z-index:2;background:none;box-shadow:none}
 .obs-screen{border-width:3px;border-radius:2px;transform:none;box-shadow:0 2px 2px #0008,0 16px 30px #0006}
 .obs-screen-caption{gap:8px;padding-top:12px;max-width:50vw}
 .obs-screen-caption .obs-now{font-size:9px;text-align:left;padding:0;line-height:1.5}
 .obs-motion-toggle{font-size:10px;padding:6px 10px}
 .obs-chapters{grid-column:1;grid-row:1;position:relative;z-index:0}
 .obs-chapter,.obs-chapter:first-child{min-height:100svh;max-width:none;padding:12vh 3vw 12vh 5vw;justify-content:center}
 .obs-chapter::before{width:100vw}
 .obs-chapter .section-label{font-size:9px;letter-spacing:.09em;line-height:1.5}
 .obs-chapter h3{font-size:clamp(20px,5.4vw,34px);line-height:1.1;margin:20px 0}
 .obs-chapter>p:not(.section-label){font-size:13px;line-height:1.6}
 .obs-open-image{font-size:11px;gap:7px;max-width:100%;min-height:44px}
 .obs-open-image svg{width:14px;height:14px;flex-basis:14px}
}
@media(prefers-reduced-motion:reduce){
 .obs-scroll{display:block;max-width:none}.obs-stage{display:none}.obs-chapters{display:block}.obs-chapter,.obs-chapter:first-child{min-height:0;padding:55px 7vw;display:block}.obs-chapter::before{width:100%}.obs-static-image{display:block;width:min(100%,950px);height:auto;margin:0 0 30px;border:3px solid #17171a;border-radius:1px}.obs-chapter h3,.obs-chapter>p:not(.section-label){max-width:650px}
}