.sp-walkthrough{position:relative;height:calc(var(--sp-step-count) * 100vh);height:calc(var(--sp-step-count) * 100dvh);background:var(--page-canvas)}.sp-walkthrough__stage{position:relative;z-index:1;display:grid;width:100%;height:100vh;height:100dvh;min-height:0;grid-template-rows:auto auto minmax(0,1fr);gap:30px;padding:20px 24px;background:var(--page-canvas)}.sp-walkthrough__stage>.project-deep-dive-header{margin-bottom:15px}.sp-walkthrough__stage .project-deep-dive-header__label{margin-left:-14.4px}@media(min-width:721px){.sp-walkthrough__stage>.project-deep-dive-header{display:none}.sp-walkthrough__stage .project-deep-dive-header__label{display:none}}.sp-walkthrough__intro{min-width:0}.sp-walkthrough__explanation,.sp-walkthrough__measure{display:grid;max-width:794px}.sp-walkthrough__explanation>*,.sp-walkthrough__measure>*{grid-area:1 / 1}.sp-walkthrough__measure{visibility:hidden;pointer-events:none}.sp-walkthrough__explanation h1,.sp-walkthrough__measure p{margin:0;color:#fff;font-weight:400;overflow-wrap:break-word}.sp-walkthrough__explanation h1{animation:sp-walkthrough-explanation-in .18s ease-out}.sp-walkthrough__showcase{container-type:inline-size;display:grid;width:100%;height:100%;min-width:0;min-height:0;place-items:center;overflow:hidden;border:1px solid var(--project-media-border-color);border-radius:var(--project-media-radius);background:var(--surface-project-media)}.sp-experiment-callout{position:absolute;z-index:2;top:8px;left:50%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:center;gap:12px;width:min(360px,100%);min-height:56px;padding-left:12px;border-left:2px solid #ff7043;color:#f5f5f5;font-family:PP Neue Montreal TT,Helvetica Neue,Arial,sans-serif;transform:translate(-50%);visibility:hidden;pointer-events:none}.sp-experiment-callout[data-visible=true]{visibility:visible}.sp-experiment-callout p{margin:0}.sp-experiment-callout__title{font-size:20px;line-height:1.05;font-weight:400}.sp-experiment-callout__detail{font-size:13px;line-height:1.25}.sp-experiment-callout__detail .sp-experiment-callout__note{margin-top:6px;color:#a0a0a0;font-size:11px}@container (max-width: 699px){.sp-donation-phone .donation-stage{top:80px;height:calc(100% - 80px)}}@container (min-width: 700px){.sp-experiment-callout{top:50%;left:calc(50% + 156px);width:min(220px,calc(50cqw - 180px));display:block;padding-left:16px;transform:translateY(-50%)}.sp-experiment-callout__title{font-size:30px;line-height:1.08}.sp-experiment-callout__detail{margin-top:12px;font-size:16px;line-height:1.3}.sp-experiment-callout__detail .sp-experiment-callout__note{margin-top:10px;font-size:12px}}.sp-walkthrough__phone{position:relative;width:min(349.568px,calc(100% - 24px));height:min(563.193px,calc(100% - 24px))}.sp-walkthrough__regions{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sp-walkthrough__region{height:100vh;height:100dvh;pointer-events:none}.sp-walkthrough__announcement{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.sp-walkthrough-page .project-sidebar__index{height:214px;flex-basis:214px}.sp-walkthrough-page .project-sidebar__sections{height:134px;width:100%}@keyframes sp-walkthrough-explanation-in{0%{opacity:0}to{opacity:1}}@media(max-width:1099px){.sp-walkthrough__stage{gap:22px}.sp-walkthrough__stage>.project-deep-dive-header{margin-bottom:8px}}@media(min-width:721px){.sp-walkthrough__stage{grid-template-rows:auto minmax(0,1fr);gap:30px;padding-top:154px}}@media(max-width:720px){.sp-walkthrough__showcase{border-radius:var(--mobile-media-radius)}html.sp-walkthrough-locked,html.sp-walkthrough-locked body{height:100%;min-height:0;overflow:hidden;overscroll-behavior:none}html.sp-walkthrough-locked body{position:fixed;top:0;right:0;bottom:0;left:0;width:100%}.sp-walkthrough-page{height:100%;min-height:0}.sp-walkthrough__fixed{container:sp-mobile-frame / size;position:fixed;top:0;left:0;width:100%;height:var(--sp-mobile-height, 100vh);height:var(--sp-mobile-height, 100svh);background:var(--page-canvas);overscroll-behavior:none}.sp-walkthrough__stage{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;touch-action:pan-x pinch-zoom;grid-template-rows:minmax(0,1fr) auto;padding:calc(var(--sp-mobile-top, max(16px, env(safe-area-inset-top))) + 46px) var(--mobile-page-gutter) var(--sp-mobile-bottom, max(16px, env(safe-area-inset-bottom)));gap:16px}.sp-walkthrough__stage>.project-deep-dive-header{margin-bottom:0}.sp-walkthrough-page .mobile-project-navigation__back{position:absolute;top:var(--sp-mobile-top, max(16px, env(safe-area-inset-top)));left:var(--mobile-page-gutter)}.sp-walkthrough__step-controls{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sp-walkthrough__step-controls:focus-within{z-index:20;left:var(--mobile-page-gutter);bottom:var(--sp-mobile-bottom, max(16px, env(safe-area-inset-bottom)));display:flex;gap:8px;width:max-content;max-width:calc(100% - 2 * var(--mobile-page-gutter));height:auto;margin:0;padding:8px;overflow:visible;clip-path:none;border-radius:6px;background:var(--surface-floating, #202020);white-space:normal}.sp-walkthrough__step-controls button{min-height:44px;padding:8px 12px;border:1px solid var(--project-media-border-color);border-radius:4px;background:var(--page-canvas);color:var(--text-primary, #f5f5f5);font:inherit;font-size:14px;cursor:pointer}.sp-walkthrough__step-controls button:focus-visible{outline:2px solid currentColor;outline-offset:2px}.sp-walkthrough__step-controls button:disabled{opacity:.45;cursor:default}.sp-walkthrough__fixed[data-zoomed=true] .sp-walkthrough__stage{touch-action:auto}.sp-walkthrough__phone{width:calc(100% - 24px);height:calc(100% - 24px)}.sp-walkthrough__intro{margin-top:0}.sp-walkthrough__fixed .sp-walkthrough__explanation h1,.sp-walkthrough__fixed .sp-walkthrough__measure p{font-size:16px;line-height:1.2}.sp-walkthrough__fixed .sp-donation-phone{display:grid;grid-template-rows:minmax(0,1fr) 64px;gap:12px}.sp-walkthrough__fixed .sp-donation-phone .donation-stage{top:0;min-height:0;height:100%}.sp-walkthrough__fixed .sp-experiment-callout{position:static;width:100%;min-width:0;min-height:0;height:64px;transform:none}.sp-walkthrough__fixed .sp-experiment-callout__title{font-size:16px;line-height:1.2}.sp-walkthrough__fixed .sp-experiment-callout__detail{font-size:12px;line-height:1.2}.sp-walkthrough__fixed .sp-experiment-callout__note{margin-top:4px}}@media(max-width:599px){.sp-walkthrough__stage{gap:16px;padding-top:calc(var(--sp-mobile-top, max(16px, env(safe-area-inset-top))) + 42px)}.sp-walkthrough__intro{margin-top:0}}@container sp-mobile-frame (min-width: 500px) and (max-height: 500px){.sp-walkthrough__stage{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.sp-walkthrough__intro{align-self:center}.sp-walkthrough__fixed .sp-donation-phone{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.sp-walkthrough__fixed .sp-experiment-callout{height:auto;align-self:center;grid-template-columns:minmax(0,1fr);gap:6px;padding-left:8px}}.sp-walkthrough__stage[data-reduced=true] .sp-walkthrough__explanation h1{animation:none}@media(prefers-reduced-motion:reduce){.sp-walkthrough__explanation h1{animation:none}}