.walkthrough{background:var(--color-bg-page);padding-block:var(--space-20)}.walkthrough__inner{margin-inline:auto;max-width:var(--container-content);padding-inline:var(--container-padding-mobile)}.walkthrough__intro{margin-block-end:var(--space-12);max-width:var(--container-narrow)}.walkthrough__intro-eyebrow{margin-block-end:var(--space-4)}.walkthrough__intro-title{color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-h2-fluid);font-weight:var(--weight-regular);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);margin:0;text-wrap:balance}.walkthrough__intro-lead{color:var(--color-text-secondary);font-size:var(--text-lead);line-height:var(--leading-normal);margin-block-start:var(--space-4)}.walkthrough__intro-lead p{margin:0}.walkthrough__chapters{display:flex;flex-direction:column;gap:var(--space-12);list-style:none;margin:0;padding:0}.walkthrough__num{color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--text-h3-fluid);font-weight:var(--weight-regular);line-height:1;margin:0 0 var(--space-3) 0;opacity:.5}.walkthrough__chapter-label{margin-block-end:var(--space-2)}.walkthrough__chapter-title{color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-h3-fluid);font-weight:var(--weight-medium);line-height:var(--leading-tight);margin:0 0 var(--space-3) 0}.walkthrough__chapter-text{color:var(--color-text-secondary);font-size:var(--text-body);line-height:var(--leading-relaxed)}.walkthrough__chapter-text p{margin:0}.walkthrough__chapter-media{border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);margin-block-start:var(--space-5);overflow:clip}.walkthrough__chapter-media img{display:block;height:auto;width:100%}.walkthrough__stage{display:none}@media (min-width:1024px){.walkthrough__inner{padding-inline:var(--container-padding-desktop)}.walkthrough__layout{align-items:start;display:grid;gap:var(--space-16);grid-template-columns:1.05fr .95fr}.walkthrough__stage{display:block;position:sticky;top:var(--space-16)}.walkthrough__stage-frame{aspect-ratio:4/3;background:rgba(13,16,22,.25);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);overflow:clip;position:relative}.walkthrough__shot{inset:0;margin:0;opacity:0;position:absolute}.walkthrough__shot.is-active{opacity:1}.walkthrough.is-enhanced .walkthrough__shot{transition:opacity .5s var(--ease-appear)}.walkthrough__shot-img{display:block;height:100%;object-fit:cover;object-position:center top;width:100%}.walkthrough__caption{align-items:baseline;-webkit-backdrop-filter:var(--panel-frosted-blur-strong);backdrop-filter:var(--panel-frosted-blur-strong);background:var(--panel-frosted-bg);border:var(--border-thin) solid var(--panel-frosted-divider);border-radius:var(--radius-full);bottom:var(--space-4);display:inline-flex;gap:var(--space-3);left:var(--space-4);padding:var(--space-2) var(--space-4);position:absolute}.walkthrough__caption-num{color:var(--panel-frosted-text-dim)}.walkthrough__caption-label,.walkthrough__caption-num{font-family:var(--font-mono);font-size:var(--text-small)}.walkthrough__caption-label{color:var(--panel-frosted-text);font-weight:var(--weight-medium);letter-spacing:.04em;text-transform:uppercase}.walkthrough__progress{background:rgba(236,236,231,.18);height:3px;inset-block-start:0;inset-inline:0;position:absolute}.walkthrough__progress-bar{background:var(--color-cream);display:block;height:100%;transition:width .5s var(--ease-progress);width:0}.walkthrough__chapters{gap:0}.walkthrough__chapter{display:flex;flex-direction:column;justify-content:center;min-height:70vh}.walkthrough__chapter-media{display:none}.walkthrough.is-enhanced .walkthrough__chapter{opacity:.4;transition:opacity .4s var(--ease-default)}.walkthrough.is-enhanced .walkthrough__chapter.is-active{opacity:1}}@media (prefers-reduced-motion:reduce){.walkthrough.is-enhanced .walkthrough__chapter,.walkthrough.is-enhanced .walkthrough__shot,.walkthrough__progress-bar{transition:none}}