.how{margin-bottom:28px}.story-stage{align-items:start}.steps{flex-direction:column;gap:24px;min-width:0;display:flex}.story-card{flex-direction:column;flex-shrink:0;display:flex;position:relative}.story-body{flex-shrink:0;order:-1}.story-photo{border-top:1px solid #d7c8b8}.native-stack .how-intro{top:var(--sticky-top);padding-block:0;position:sticky}.native-stack .story-card{top:var(--sticky-top);height:var(--card-height);position:sticky;box-shadow:0 12px 30px #432b1715}.native-stack .story-card:nth-child(2){top:calc(var(--sticky-top) + 60px);height:calc(var(--card-height) - 60px);z-index:2}.native-stack .story-card:nth-child(3){top:calc(var(--sticky-top) + 120px);height:calc(var(--card-height) - 120px);z-index:3}.native-stack .story-card:not(:last-child){margin-bottom:clamp(110px,14svh,150px)}.native-stack .story-photo{aspect-ratio:auto;flex:1;height:auto;min-height:200px}.story-guide{gap:12px;margin:30px 0 0;padding:0;font-size:.875rem;list-style:none;display:grid}.story-guide li{color:var(--muted);align-items:center;gap:12px;display:flex}.story-guide span{border:1px solid var(--line);border-radius:50%;place-items:center;width:30px;height:30px;font-size:.7rem;display:grid}@media (width<=1000px){.native-stack .story-card:not(:last-child){margin-bottom:clamp(84px,12svh,120px)}.native-stack .how-intro{position:static}.story-guide{display:none}.story-stage{gap:24px}}@media (width<=760px){.native-stack .story-card:nth-child(2){top:calc(var(--sticky-top) + 36px);height:calc(var(--card-height) - 36px)}.native-stack .story-card:nth-child(3){top:calc(var(--sticky-top) + 72px);height:calc(var(--card-height) - 72px)}}@media (prefers-reduced-motion:reduce){.native-stack .story-card,.native-stack .how-intro{height:auto;position:static}.native-stack .story-card:not(:last-child){margin-bottom:0}}.story-guide li{transition:color .3s cubic-bezier(.16,1,.3,1)}.story-guide span{transition:background-color .3s cubic-bezier(.16,1,.3,1),border-color .3s cubic-bezier(.16,1,.3,1),color .3s cubic-bezier(.16,1,.3,1)}.story-guide li.is-active{color:var(--ink);font-weight:700}.story-guide li.is-active span{background:var(--ink);border-color:var(--ink);color:#fff}@media (prefers-reduced-motion:reduce){.story-guide li,.story-guide span{transition:none}}