.t-story{background:var(--wine);color:var(--paper);border-top:1px solid #ffffff18}
.t-story .t-kicker{color:#e2bfc8}
.t-story .t-story-heading h2 span{color:var(--paper)}
.t-story .t-story-heading>p:last-child{color:#ecdde1}
.t-story .t-story-number{background:var(--wine);color:#dcb3bf}
.t-story .t-story-line{background:#a75068}
.t-story .t-story-line span{background:#f0c7d2}
.t-story .t-story-copy .t-story-note,.t-story .t-story-guide{color:#e2bfc8}
.t-story-heading{max-width:900px;margin-bottom:36px}.t-story-heading h2{font-size:clamp(40px,5.2vw,76px);max-width:880px;line-height:1.08;margin:0 0 22px}.t-story-heading h2 span{color:var(--wine)}.t-story-heading>p:last-child{color:var(--muted);font-size:17px}
.t-story-grid{display:grid;grid-template-columns:1fr;gap:90px;align-items:start}
.t-story-steps{position:relative;view-timeline:--beginner-story block;view-timeline-inset:30% 70%}
.t-story-line{position:absolute;top:42px;bottom:42px;left:17px;width:2px;background:var(--sand,#d8c9bd);overflow:hidden}.t-story-line span{display:block;height:100%;background:var(--wine);transform:scaleY(var(--story-progress,1));transform-origin:top}
.t-story-step{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);gap:24px;padding:42px 0;min-height:320px;align-content:center}
.t-story-number{z-index:1;align-self:start;background:var(--paper);padding:8px 0;color:var(--muted);font:600 12px var(--body)}
.t-story-copy h3{font:650 clamp(24px,2.5vw,36px)/1.15 var(--display);letter-spacing:-.04em;margin:0 0 18px}.t-story-copy p{font-size:15px;line-height:1.75;margin:0 0 16px;max-width:400px}.t-story-copy .t-story-note{font-size:13px;color:#695f59;margin:0}
.t-story-inline{grid-column:2;margin:14px 0 0;overflow:hidden;border-radius:16px;aspect-ratio:4/3}.t-story-inline img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.t-story-detail img{object-position:center 78%;transform:scale(1.7);transform-origin:center 78%}
.t-story-media{display:none}.t-story-ending{margin:28px 0 0 60px;max-width:520px}.t-story-ending p{font-size:24px;line-height:1.45;margin:0 0 24px;letter-spacing:-.025em}.t-story-ending strong{font-weight:600}.t-story-guide{display:block;width:fit-content;margin-top:22px;font-size:12px;color:var(--muted);text-decoration:underline;text-underline-offset:5px}
@media(min-width:901px) and (prefers-reduced-motion:no-preference){
  .t-story.has-story .t-story-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .t-story.has-story .t-story-inline{display:none}
  .t-story.has-story .t-story-copy{color:var(--paper);opacity:.45;transform:translateY(10px);transition:opacity 400ms var(--motion-ease),transform 400ms var(--motion-ease)}
  .t-story.has-story .t-story-step.is-active .t-story-copy{opacity:1;transform:none}
  .t-story.has-story .is-active .t-story-number{color:var(--paper)}
  .t-story.has-story .is-active .t-story-number:after{content:'';display:block;width:5px;height:5px;border-radius:50%;background:var(--red);margin-top:10px}
  .t-story.has-story .t-story-media{display:block;position:sticky;top:120px;min-width:0;height:min(560px,calc(100svh - 160px));margin-top:28px;border-radius:18px 72px 18px 18px;overflow:hidden;background:var(--sand,#d8c9bd)}
  .t-story-scene{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.03);transition:opacity 550ms var(--motion-ease),transform 550ms var(--motion-ease)}
  .t-story-scene.is-active{opacity:1;transform:scale(1)}.t-story-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 25%}
  .t-story-scene.t-story-detail img{object-position:center 78%;transform:scale(1.7);transform-origin:center 78%}
}
@supports(animation-timeline:view()){@media(prefers-reduced-motion:no-preference){.t-story-line span{animation:story-progress linear both;animation-timeline:--beginner-story;animation-range:cover 0% cover 100%}}}
@keyframes story-progress{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media(max-width:1100px){.t-story-grid{gap:40px}.t-story-step{gap:18px}}
@media(max-width:900px){.t-story-grid{grid-template-columns:1fr}.t-story-heading{margin-bottom:12px}.t-story-step{padding:30px 0;min-height:0;gap:16px;grid-template-columns:26px minmax(0,1fr)}.t-story-line{left:12px;top:30px;bottom:30px}.t-story-copy h3{font-size:27px}.t-story-copy p{font-size:14px}.t-story-inline{aspect-ratio:4/3;margin-top:8px}.t-story-ending{margin-left:42px}.t-story-heading h2{font-size:clamp(35px,7vw,58px)}.t-story-heading>p:last-child{font-size:15px}.t-story-ending p{font-size:21px}}
@media(prefers-reduced-motion:reduce){.t-story-line span{animation:none;transform:none}.t-story-copy,.t-story-scene{transition:none;transform:none;opacity:1}.t-story-media{display:none}}
@media(max-width:900px) and (prefers-reduced-motion:no-preference){
 .t-story.has-story .t-story-copy{opacity:.65;transform:translateY(10px);transition:opacity 400ms var(--motion-ease),transform 400ms var(--motion-ease)}
 .t-story.has-story .is-active .t-story-copy{opacity:1;transform:none}
 .t-story.has-story .t-story-number{transition:color 400ms}
 .t-story.has-story .is-active .t-story-number{color:var(--paper)}
 .t-story.has-story .is-active .t-story-number:after{content:'';display:block;width:5px;height:5px;border-radius:50%;background:var(--red);margin-top:10px}
}

@media(max-width:900px){.t-story.has-story .t-story-copy,.t-story.has-story .is-active .t-story-copy{opacity:1;transform:none;transition:none}}