.story-section{background:var(--surface,#f5f2ec);height:380svh;min-height:2600px;scroll-margin-top:88px;position:relative}.story-desktop{height:100%}.story-sticky{grid-template-columns:minmax(300px,.83fr) minmax(0,1.42fr);align-items:center;gap:clamp(28px,4.2vw,68px);height:calc(100svh - 88px);min-height:630px;max-height:950px;padding-block:34px;display:grid;position:sticky;top:88px}.story-copy{min-width:0;padding-block:12px}.story-copy h2{letter-spacing:-.035em;font-size:clamp(2.1rem,3.05vw,3.25rem);line-height:1.1}.story-section h2 span{display:block}.story-introduction{max-width:37ch;margin-top:20px;font-size:15px;line-height:1.7}.story-step-list{margin:30px 0 0;padding:0;list-style:none}.story-step-list li+li{border-top:1px solid var(--line,#ddd8cf)}.story-step-button{text-align:left;width:100%;color:var(--ink,#222);cursor:pointer;background:0 0;border:0;align-items:flex-start;gap:16px;padding:16px 0;display:flex}.story-step-button:focus-visible{outline:2px solid var(--olive,#66704a);outline-offset:6px;border-radius:2px}.story-step-number{font-variant-numeric:tabular-nums;color:#716f62;min-width:24px;font-size:11px;line-height:24px}.story-step-content{flex-direction:column;flex:1;display:flex}.story-step-title{font-size:16px;font-weight:500;line-height:24px;transition:color .18s;display:block}.story-step-description{color:#5b5e51;max-height:0;font-size:13px;line-height:1.65;transition:max-height .26s cubic-bezier(.22,1,.36,1),margin-top .26s cubic-bezier(.22,1,.36,1);display:block;overflow:hidden}.story-step-active .story-step-description{max-height:110px;margin-top:9px}.story-step-active .story-step-number,.story-step-active .story-step-title{color:var(--deep-olive,#3f472d)}.story-step-active .story-step-title{font-weight:600}.story-step-dot{background:#c4c5b8;border-radius:50%;width:5px;height:5px;margin-top:9px;margin-right:4px;transition:background .18s}.story-step-active .story-step-dot{background:var(--olive,#66704a);box-shadow:0 0 0 4px #66704a12}.story-scroll-hint{color:#66675a;align-items:center;gap:10px;margin-top:28px;font-size:11px;display:flex}.story-scroll-hint svg{color:var(--olive,#66704a)}.story-stage{min-width:0;padding-top:17px;position:relative}.story-stage-label{color:var(--deep-olive,#3f472d);align-items:center;gap:9px;margin-left:5.5%;font-size:12px;line-height:1.5;display:flex}.story-status-dot{background:var(--olive,#66704a);border-radius:50%;flex:none;width:6px;height:6px}.story-illustration{width:100%;height:auto;display:block;overflow:visible}.story-stage>.story-illustration{margin-top:-7px}.story-sequence-image{width:100%;height:auto;display:block}.story-frame-footer{color:var(--deep-olive,#3f472d);justify-content:space-between;align-items:center;gap:16px;margin:4px 5.5% 17px;display:flex}.story-frame-caption{font-size:13px;line-height:1.5}.story-frame-counter{font-variant-numeric:tabular-nums;flex:none;font-size:11px}.story-frame-counter span{color:var(--muted)}.story-progress-track{background:#dbdace;height:2px;margin-inline:5.5%;overflow:hidden}.story-progress-fill{background:var(--olive,#66704a);height:100%}.story-illustration-note{color:#68685c;margin:15px 5.5% 0;font-size:10px;line-height:1.7}.story-mobile,.story-touch-intro,.story-mobile-narration{display:none}.story-mobile>.section-description{max-width:45ch;margin-top:20px}.story-mobile-steps{margin:40px 0 0;padding:0;list-style:none}.story-mobile-steps li{border-top:1px solid var(--line,#ddd8cf);padding-top:27px}.story-mobile-steps li+li{margin-top:18px}.story-mobile-step-copy{align-items:flex-start;gap:18px;display:flex}.story-mobile-number{width:23px;color:var(--olive,#66704a);flex:none;margin-top:4px;font-size:12px}.story-mobile-step-copy h3{letter-spacing:-.025em;margin:0;font-size:21px;font-weight:600;line-height:1.3}.story-mobile-step-copy p{color:#5b5e51;max-width:48ch;margin:10px 0 0;font-size:14px;line-height:1.75}.story-mobile-scene{max-width:470px;margin:15px auto 0}.story-mobile .story-illustration-note{margin-top:20px;margin-left:0}@media (min-width:768px) and (max-height:770px){.story-sticky{min-height:580px;padding-block:22px}.story-copy h2{font-size:clamp(2rem,2.65vw,2.75rem)}.story-introduction{margin-top:14px;font-size:13px}.story-step-list{margin-top:18px}.story-step-button{padding-block:13px}.story-step-title{font-size:14px}.story-step-description{font-size:12px}.story-scroll-hint{margin-top:16px}}@media (min-width:768px) and (max-width:1050px){.story-sticky{grid-template-columns:minmax(280px,1fr) minmax(0,1.35fr);gap:24px}.story-copy h2{font-size:2.1rem}.story-step-button{gap:12px}.story-stage-label{font-size:11px}}@media (max-width:767px) and (orientation:portrait){.story-touch-intro{padding-block:60px 30px;display:block}.story-touch-intro h2{font-size:clamp(1.9rem,7.2vw,2.7rem)}.story-touch-intro h2 span{display:block}.story-touch-intro>.section-description{max-width:42ch;margin-top:18px;font-size:16px}.story-touch-intro .story-scroll-hint{margin-top:20px;font-size:12px}.story-touch-intro .story-illustration-note{margin:12px 0 0}.story-section{height:400svh;min-height:0;scroll-margin-top:75px}.story-sticky{height:calc(100svh - 75px);min-height:0;max-height:none;padding-block:12px max(12px, env(safe-area-inset-bottom));grid-template-rows:minmax(0,1fr) 152px 48px;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:12px;display:grid;top:75px}.story-copy{display:contents}.story-copy>h2,.story-copy>.story-introduction,.story-copy>.story-scroll-hint{display:none}.story-stage{flex-direction:column;grid-row:1;justify-content:center;height:100%;min-height:0;padding:0;display:flex}.story-stage-label,.story-stage>.story-illustration-note{display:none}.story-stage>.story-illustration,.story-stage>.story-sequence-image{object-fit:contain;flex:1;width:100%;height:0;min-height:0;max-height:min(44svh,350px);margin:0}.story-frame-footer{flex:none;gap:12px;margin:4px 0 8px}.story-frame-caption{font-size:12px}.story-frame-counter{font-size:11px}.story-progress-track{flex:none;margin-inline:0}.story-mobile-narration{grid-row:2;min-width:0;display:block}.story-current-step{color:var(--muted);font-variant-numeric:tabular-nums;margin:0 0 6px;font-size:12px;line-height:18px}.story-mobile-narration h3{color:var(--deep-olive);letter-spacing:-.025em;margin:0;font-size:20px;font-weight:600;line-height:24px}.story-current-description{color:#5b5e51;text-wrap:pretty;margin:8px 0 0;font-size:16px;line-height:1.45}.story-step-list{grid-row:3;grid-template-columns:repeat(5,minmax(44px,1fr));gap:8px;margin:0;display:grid}.story-step-list li+li{border:0}.story-step-button{border:1px solid var(--line);background:0 0;border-radius:3px;justify-content:center;align-items:center;gap:0;min-width:44px;height:100%;min-height:48px;padding:0}.story-step-number{min-width:0;color:var(--deep-olive);font-size:14px;line-height:1}.story-step-active{background:var(--deep-olive);border-color:var(--deep-olive)}.story-step-active .story-step-number{color:var(--surface)}.story-step-button:active{background:var(--stone)}.story-step-active:active{background:var(--olive)}.story-step-button:focus-visible{outline-offset:3px}.story-step-content{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.story-step-description,.story-step-active .story-step-description{max-height:none;margin-top:0}.story-step-dot{display:none}}@media (max-height:650px) and (orientation:landscape),(prefers-reduced-motion:reduce){.story-section{height:auto;min-height:0;padding-block:76px}.story-desktop,.story-touch-intro{display:none}.story-mobile{display:block}}@media (prefers-reduced-motion:reduce) and (min-width:768px),(max-height:650px) and (orientation:landscape) and (min-width:768px){.story-mobile-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 48px;display:grid}.story-mobile-steps li+li{margin-top:0}.story-mobile-scene{max-width:500px}}@media (prefers-reduced-motion:reduce){.story-step-description,.story-step-title,.story-step-dot{transition:none}}