.story-timeline{--story-timeline-marker-size: 5.6rem;--story-timeline-gap: 1.8rem;overflow:hidden}.story-timeline__header{max-width:86rem;margin-inline:auto;margin-bottom:5rem;text-align:center}.story-timeline__header>h1,.story-timeline__header>h2{max-width:78rem;margin-inline:auto;font-size:clamp(2.8rem,8vw,3.6rem);letter-spacing:-.025em;line-height:1.08}.story-timeline__header .section-label{font-size:1.1rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.story-timeline__header .section-header-paragraph{max-width:70rem;margin-inline:auto;font-size:1.5rem;line-height:1.65}.story-timeline__desktop{display:none}.story-timeline__list{position:relative;display:grid;gap:0;margin:0;padding:0;list-style:none}.story-timeline__list:before{position:absolute;top:calc(var(--story-timeline-marker-size) / 2);bottom:calc(var(--story-timeline-marker-size) / 2);left:calc(var(--story-timeline-marker-size) / 2 - 1px);width:2px;background:var(--story-timeline-accent);content:"";opacity:.35}.story-timeline__item{position:relative;display:grid;grid-template-columns:var(--story-timeline-marker-size) minmax(0,1fr);gap:var(--story-timeline-gap)}.story-timeline__marker,.story-timeline__node-marker{position:relative;z-index:1;display:flex;width:var(--story-timeline-marker-size);height:var(--story-timeline-marker-size);align-items:center;justify-content:center;border:2px solid var(--story-timeline-accent);border-radius:50%;background:var(--story-timeline-surface);color:var(--story-timeline-accent);font-family:var(--font-heading-family);font-size:1.3rem;font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:.02em;line-height:1;text-align:center}.story-timeline__card{position:relative;min-width:0;padding:.2rem 0 5rem;border-top:1px solid rgba(var(--color-foreground-rgb),.18)}.story-timeline__chapter,.story-timeline__node-label{color:var(--story-timeline-accent);font-size:1.1rem;font-weight:600;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}.story-timeline__chapter{margin-top:1.7rem}.story-timeline__title{margin:0 0 1.4rem;padding-top:1.7rem;font-size:clamp(1.9rem,5.5vw,2.3rem);line-height:1.18}.story-timeline__chapter+.story-timeline__title{padding-top:.8rem}.story-timeline__text{max-width:68rem;font-size:1.5rem;line-height:1.65}.story-timeline__text>:first-child,.story-timeline__caption>:first-child{margin-top:0}.story-timeline__text>:last-child,.story-timeline__caption>:last-child{margin-bottom:0}.story-timeline__media{margin:2.8rem 0 0}.story-timeline__image{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover}.story-timeline__caption{margin-top:1rem;opacity:.7}@media screen and (min-width:750px){.story-timeline{--story-timeline-marker-size: 6.8rem;--story-timeline-gap: 3.2rem}.story-timeline__header{margin-bottom:7rem}.story-timeline__header>h1,.story-timeline__header>h2{font-size:clamp(3.4rem,5vw,4.2rem)}.story-timeline__header .section-header-paragraph{font-size:1.6rem}.story-timeline__marker{font-size:1.5rem}.story-timeline__card{padding-bottom:7rem}.story-timeline__title{padding-top:2.1rem}}@media screen and (min-width:1025px){.story-timeline{--story-timeline-marker-size: 7.2rem}.story-timeline__header{margin-bottom:6rem}.story-timeline__header>h1,.story-timeline__header>h2{font-size:clamp(3.8rem,3.8vw,4.8rem)}.story-timeline__header .section-header-paragraph{font-size:1.7rem}.story-timeline__mobile{display:none}.story-timeline__desktop{display:block}.story-timeline__rail{position:relative;display:grid;grid-template-columns:repeat(var(--story-timeline-count),minmax(0,1fr));margin:0;padding:0;list-style:none}.story-timeline__rail:before{position:absolute;top:calc(var(--story-timeline-marker-size) / 2 - 1px);right:var(--story-timeline-edge);left:var(--story-timeline-edge);height:2px;background:var(--story-timeline-accent);content:"";opacity:.3}.story-timeline__node{position:relative;min-width:0}.story-timeline__node-button{display:flex;width:100%;min-width:0;align-items:center;padding:0 .8rem;border:0;background:transparent;color:inherit;cursor:pointer;flex-direction:column;font:inherit;text-align:center}.story-timeline__node-marker{font-size:1.4rem;transition:background-color .18s ease,color .18s ease,transform .18s ease}.story-timeline__node-label{display:-webkit-box;min-height:3.4rem;margin-top:1.6rem;overflow:hidden;font-size:1.2rem;-webkit-box-orient:vertical;-webkit-line-clamp:2}.story-timeline__node-button:hover .story-timeline__node-marker,.story-timeline__node-button:focus-visible .story-timeline__node-marker{transform:translateY(-.3rem)}.story-timeline__node-button:focus-visible{outline:2px solid var(--story-timeline-accent);outline-offset:.5rem}.story-timeline__node-button[aria-expanded=true] .story-timeline__node-marker{background:var(--story-timeline-accent);color:var(--story-timeline-surface)}.story-timeline__node-button[aria-expanded=true] .story-timeline__node-label{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.5rem}.story-timeline__panels{margin-top:4rem;border-top:1px solid rgba(var(--color-foreground-rgb),.22)}.story-timeline__panel{min-height:24rem;padding-top:clamp(4rem,6vw,8rem);animation:story-timeline-panel-in .26s ease both}.story-timeline__panel[hidden]{display:none}.story-timeline__panel--has-image{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(4rem,7vw,10rem);align-items:start}.story-timeline__panel-copy{max-width:76rem;margin-inline:auto;text-align:center}.story-timeline__panel .story-timeline__chapter{margin-top:0;font-size:1.2rem}.story-timeline__panel-title{max-width:74rem;margin:1.2rem auto 2.4rem;font-size:clamp(3.2rem,3.6vw,4.6rem);letter-spacing:-.025em;line-height:1.08}.story-timeline__panel .story-timeline__text{max-width:68rem;margin-inline:auto;font-size:1.7rem;line-height:1.65}.story-timeline__panel .story-timeline__media{margin:0}}@keyframes story-timeline-panel-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.story-timeline__node-marker{transition:none}.story-timeline__panel{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-story-timeline.css.map */