.k-split-scroll{padding-block:clamp(80px,10vw,160px)}.k-split-scroll__head{display:grid;gap:clamp(16px,2vw,24px);margin-bottom:clamp(40px,6vw,96px)}.k-split-scroll__eyebrow{color:var(--k-muted)}.k-split-scroll__heading{max-width:16ch}.k-split-scroll__chapters{display:grid;gap:clamp(72px,10vw,160px);margin:0;padding:0;list-style:none}.k-split-scroll__chapter{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--k-gutter);align-items:center}.k-split-scroll__media{grid-column:1 / 7;margin:0;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--k-radius);background:#1414140f}.k-split-scroll__chapter:nth-child(2n) .k-split-scroll__media{grid-column:7 / 13;grid-row:1}.k-split-scroll__chapter:nth-child(2n) .k-split-scroll__copy{grid-column:1 / 6;grid-row:1}.k-split-scroll__media img,.k-split-scroll__media svg,.k-split-scroll__slide img,.k-split-scroll__slide svg{width:100%;height:100%;object-fit:cover;object-position:var(--ss-fx, 50%) var(--ss-fy, 50%);transform-origin:var(--ss-fx, 50%) var(--ss-fy, 50%);scale:var(--ss-zoom, 1)}.k-split-scroll__copy{grid-column:8 / 13;display:grid;gap:clamp(16px,2vw,28px);align-content:center}.k-split-scroll__index{display:flex;align-items:center;gap:14px;color:var(--k-muted)}.k-split-scroll__index-label:before{content:"";display:inline-block;width:28px;height:1px;margin-right:14px;vertical-align:middle;background:currentColor;opacity:.6}.k-split-scroll__title{font-size:clamp(2.75rem,5.2vw,5.5rem);line-height:.92}.k-split-scroll__text{max-width:30rem;font-size:clamp(1rem,.95rem + .25vw,1.1875rem);line-height:1.55;color:var(--k-muted)}.k-split-scroll__text>*+*{margin-top:1em}.k-split-scroll--blend .k-split-scroll__media,.k-split-scroll--blend .k-split-scroll__frame,.k-split-scroll--blend .k-split-scroll__slide,.k-split-scroll--blend .k-split-scroll__zoom{background:var(--k-bg)}.k-split-scroll--blend .k-split-scroll__media img,.k-split-scroll--blend .k-split-scroll__slide img{mix-blend-mode:multiply;filter:brightness(1.06)}.k-split-scroll--blend.k-dark .k-split-scroll__media,.k-split-scroll--blend.k-dark .k-split-scroll__frame,.k-split-scroll--blend.k-dark .k-split-scroll__slide,.k-split-scroll--blend.k-dark .k-split-scroll__zoom{background:var(--k-bg-dark)}.k-split-scroll--blend.k-dark .k-split-scroll__media img,.k-split-scroll--blend.k-dark .k-split-scroll__slide img{mix-blend-mode:lighten;filter:none}.k-split-scroll__stage{display:none}.k-split-scroll.is-live .k-split-scroll__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--k-gutter)}.k-split-scroll.is-live .k-split-scroll__stage{display:block;grid-column:1 / 7;grid-row:1}.k-split-scroll.is-live .k-split-scroll__chapters{grid-column:8 / 13;grid-row:1;gap:0}.k-split-scroll.is-live .k-split-scroll__chapter{display:flex;align-items:center;min-height:100vh;min-height:100svh;opacity:.2;transition:opacity var(--k-dur-fast) var(--k-ease-out)}.k-split-scroll.is-live .k-split-scroll__chapter.is-active{opacity:1}.k-split-scroll.is-live .k-split-scroll__media{display:none}.k-split-scroll.is-live .k-split-scroll__copy{width:100%}.k-split-scroll__sticky{position:sticky;top:0;display:flex;flex-direction:column;justify-content:center;gap:18px;height:100vh;height:100svh}.k-split-scroll__frame{position:relative;height:calc(100svh - 2 * var(--k-gutter) - 40px);max-height:125%;max-width:100%;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--k-radius);background:#1414140f}.k-split-scroll__slide{position:absolute;inset:0;overflow:hidden}.k-split-scroll__zoom{width:100%;height:100%;will-change:transform}.k-split-scroll__count{display:flex;align-items:center;gap:14px;color:var(--k-muted)}.k-split-scroll__count-rule{width:48px;height:1px;background:currentColor;opacity:.6}@media(max-width:749px){.k-split-scroll{padding-block:72px}.k-split-scroll__chapters{gap:72px}.k-split-scroll__chapter,.k-split-scroll__chapter:nth-child(2n){grid-template-columns:1fr;row-gap:24px}.k-split-scroll__chapter .k-split-scroll__media,.k-split-scroll__chapter .k-split-scroll__copy,.k-split-scroll__chapter:nth-child(2n) .k-split-scroll__media,.k-split-scroll__chapter:nth-child(2n) .k-split-scroll__copy{grid-column:1;grid-row:auto}.k-split-scroll__title{font-size:clamp(2.5rem,12vw,3.5rem)}}
