.story-timeline-section{padding:5rem 0;background-color:var(--surface-light)}[data-theme=dark] .story-timeline-section{background-color:var(--background-dark)}.story-timeline-section .container{max-width:1400px;margin:0 auto;padding:0 1rem}@media(min-width:640px){.story-timeline-section .container{padding:0 1.5rem}}@media(min-width:1024px){.story-timeline-section .container{padding:0 2rem}}.story-timeline-section .description{font-family:var(--font-inter),sans-serif;font-size:1.05rem;line-height:1.7;color:var(--text-muted);max-width:600px;margin:0 auto}[data-theme=dark] .story-timeline-section .description{color:#9ca3af}.story-timeline-section .timeline{position:relative;max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:0}.story-timeline-section .timelineLine{position:absolute;left:1.5rem;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#ff57224d,#ff572214)}@media(min-width:640px){.story-timeline-section .timelineLine{left:2rem}}.story-timeline-section .milestone{display:flex;gap:1.25rem;padding:1.5rem 0;position:relative}.story-timeline-section .milestoneMarker{flex-shrink:0;display:flex;align-items:flex-start;justify-content:center;width:3rem;position:relative;z-index:1}@media(min-width:640px){.story-timeline-section .milestoneMarker{width:4rem}}.story-timeline-section .markerDot{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 4px 16px #ff57224d}.story-timeline-section .markerIcon{font-size:1.25rem;color:#fff}.story-timeline-section .milestoneCard{flex:1;padding:1.5rem;border-radius:1rem;background-color:var(--surface-light);border:1px solid #e5e7eb;transition:all .35s cubic-bezier(.16,1,.3,1)}.story-timeline-section .milestoneCard:hover{transform:translateY(-2px);box-shadow:0 12px 28px -6px #0000001a;border-color:#ff572233}[data-theme=dark] .story-timeline-section .milestoneCard{background-color:#17171799;border-color:#ffffff0f}[data-theme=dark] .story-timeline-section .milestoneCard:hover{box-shadow:0 12px 28px -6px #0006;border-color:#ff57224d}.story-timeline-section .milestoneYear{display:inline-block;font-family:var(--font-space-grotesk),"Space Grotesk",sans-serif;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .6rem;border-radius:9999px;background-color:#ff572214;color:var(--primary);border:1px solid rgba(255,87,34,.15);margin-bottom:.6rem}.story-timeline-section .milestoneTitle{font-family:var(--font-space-grotesk),"Space Grotesk",sans-serif;font-size:1.15rem;font-weight:700;color:var(--text-main);margin:0 0 .5rem}[data-theme=dark] .story-timeline-section .milestoneTitle{color:#fff}.story-timeline-section .milestoneDesc{font-family:var(--font-inter),sans-serif;font-size:.875rem;line-height:1.6;color:var(--text-muted);margin:0}[data-theme=dark] .story-timeline-section .milestoneDesc{color:#9ca3af}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-story-timeline.css.map */