.k-craft-folds{--cf-bg: #ede9e6;--cf-pin: 200;--cf-pin-m: 140;--cf-zoom: 1.2;--cf-zoom-m: 1;--cf-z: var(--cf-zoom);background:var(--cf-bg);color:var(--k-ink)}.k-craft-folds__stage{display:flex;flex-direction:column;padding-block:clamp(72px,10vw,160px)}.k-craft-folds__overlay{display:contents}.k-craft-folds__head,.k-craft-folds__captions{width:100%;max-width:var(--k-container-max);margin-inline:auto;padding-inline:var(--k-gutter)}.k-craft-folds__head{order:-1;display:grid;gap:clamp(14px,1.6vw,22px)}.k-craft-folds__label{color:var(--k-muted)}.k-craft-folds__heading{font-family:var(--k-font-display);font-size:var(--k-step-3);line-height:1;letter-spacing:-.01em}.k-craft-folds__media{position:relative;width:100%;aspect-ratio:16 / 10;max-height:88vh;overflow:hidden}.k-craft-folds__media img,.k-craft-folds__canvas{position:absolute;inset:0;width:100%;height:100%}.k-craft-folds__media img{object-fit:contain;transform:scale(var(--cf-z))}.k-craft-folds__poster,.k-craft-folds__canvas{display:none}.k-craft-folds__captions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px var(--k-gutter);margin-top:0;margin-bottom:0;list-style:none}.k-craft-folds__caption{display:grid;align-content:start;gap:12px;padding-top:20px;border-top:1px solid var(--k-line)}.k-craft-folds__index{display:flex;align-items:center;gap:12px;color:var(--k-muted)}.k-craft-folds__index-rule{width:28px;height:1px;background:currentColor;opacity:.6}.k-craft-folds__title{font-family:var(--k-font-display);font-size:clamp(1.75rem,2.6vw,2.75rem);font-weight:400;line-height:1;letter-spacing:-.01em}.k-craft-folds__text{max-width:30ch;font-size:var(--k-step--1);line-height:1.55;color:var(--k-muted)}.k-craft-folds__progress{display:none}.k-craft-folds.is-live .k-craft-folds__track{height:calc(100vh + var(--cf-pin) * 1vh);height:calc(100svh + var(--cf-pin) * 1vh)}.k-craft-folds.is-live .k-craft-folds__stage{position:sticky;top:0;display:block;height:100vh;height:100svh;padding:0;overflow:hidden}.k-craft-folds.is-live .k-craft-folds__media{position:absolute;inset:0;aspect-ratio:auto;max-height:none}.k-craft-folds.is-live .k-craft-folds__poster,.k-craft-folds.is-live .k-craft-folds__canvas{display:block}.k-craft-folds.is-live .k-craft-folds__final,.k-craft-folds.is-live.is-drawn .k-craft-folds__poster{display:none}.k-craft-folds.is-live .k-craft-folds__overlay{position:absolute;inset:0;display:block;pointer-events:none}.k-craft-folds.is-live .k-craft-folds__head,.k-craft-folds.is-live .k-craft-folds__captions{padding-inline:0}.k-craft-folds.is-live .k-craft-folds__head{position:absolute;top:clamp(28px,6vh,64px);left:var(--k-gutter);width:auto;max-width:22ch}.k-craft-folds.is-live .k-craft-folds__heading{font-size:clamp(2.25rem,3.6vw,3.75rem)}.k-craft-folds.is-live .k-craft-folds__captions{position:absolute;inset:0 var(--k-gutter);display:block;width:auto}.k-craft-folds.is-live .k-craft-folds__caption{position:absolute;top:50%;width:min(30ch,26vw);padding-top:18px;transform:translateY(-50%);visibility:hidden}.k-craft-folds.is-live .k-craft-folds__caption--left{left:0}.k-craft-folds.is-live .k-craft-folds__caption--right{right:0}.k-craft-folds.is-live .k-craft-folds__progress{position:absolute;right:var(--k-gutter);bottom:clamp(24px,5vh,48px);left:var(--k-gutter);display:block;height:1px;background:var(--k-line)}.k-craft-folds__progress-fill{position:absolute;inset:0;background:var(--k-ink);transform:scaleX(0);transform-origin:left center}@media(max-width:749px){.k-craft-folds{--cf-z: var(--cf-zoom-m)}.k-craft-folds__stage{padding-block:72px}.k-craft-folds__media{aspect-ratio:750 / 1100;max-height:80vh}.k-craft-folds__captions{grid-template-columns:1fr;gap:32px}.k-craft-folds.is-live .k-craft-folds__track{height:calc(100vh + var(--cf-pin-m) * 1vh);height:calc(100svh + var(--cf-pin-m) * 1vh)}.k-craft-folds.is-live .k-craft-folds__head{top:28px;right:var(--k-gutter);max-width:none}.k-craft-folds.is-live .k-craft-folds__heading{font-size:clamp(2rem,9vw,2.5rem)}.k-craft-folds.is-live .k-craft-folds__caption,.k-craft-folds.is-live .k-craft-folds__caption--left,.k-craft-folds.is-live .k-craft-folds__caption--right{inset:auto 0 56px;width:auto;transform:none}.k-craft-folds__title{font-size:clamp(1.75rem,8vw,2.25rem)}.k-craft-folds.is-live .k-craft-folds__progress{bottom:28px}}