.story-timeline{padding:88px 0 96px;background:#fff;overflow:hidden}
.story-timeline-heading{text-align:center;max-width:780px;margin:0 auto 64px}
.story-timeline-heading .eyebrow{justify-content:center}
.about-main .story-timeline-heading h2{margin:20px 0}
.story-timeline-heading h2 span{color:var(--logo-gold)}
.about-main .story-timeline-heading p{color:#60655a;margin:0}
.story-scroll-hint{display:inline-block;margin-top:26px;padding:10px 18px;border:1px solid #e4d8ae;border-radius:999px;color:var(--logo-gold);font-size:10px;letter-spacing:.14em}
.story-events{--story-progress:0;position:relative;isolation:isolate;list-style:none;padding:0;margin:0}
.story-events::before,.story-events::after{content:"";position:absolute;left:50%;top:28px;bottom:28px;width:2px;transform:translateX(-50%);z-index:-1;background:#e6e7e2}
.story-events::after{background:var(--logo-gold);transform:translateX(-50%) scaleY(var(--story-progress));transform-origin:top;box-shadow:0 0 12px #d9aa0e77,0 0 28px #d9aa0e33}
.story-events li{position:relative;display:grid;grid-template-columns:1fr 1fr;column-gap:100px;padding-bottom:38px;align-items:start}
.story-events li:last-child{padding-bottom:0}
.story-event-card{grid-column:1;padding:30px;border:1px solid #e2e4dd;border-radius:22px;background:#fff;box-shadow:0 7px 30px #20251d04;transition:transform .55s ease,border-color .4s ease,box-shadow .4s ease}
.story-events li:nth-child(even) .story-event-card{grid-column:2}
.story-event-label{font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--logo-gold)}
.story-event-card h3{margin:15px 0 14px;font-size:24px;line-height:1.3;letter-spacing:-.025em;color:#272b23}
.about-main .story-event-card p{font-size:17px;line-height:1.8;margin:0;color:#60655a}
.story-node{position:absolute;left:50%;top:24px;transform:translateX(-50%);width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid #dedfd7;background:#fff;color:#7c8074;font-size:12px;font-weight:600;transition:background .35s,border-color .35s,box-shadow .35s,color .35s}
.story-events .is-reached .story-node{background:var(--logo-gold);color:#28291f;border-color:var(--logo-gold);box-shadow:0 0 0 7px #d9aa0e16,0 0 24px #d9aa0e55}
.story-events .is-reached .story-event-card{border-color:var(--logo-gold);box-shadow:0 9px 30px #d9aa0e0a}
.story-timeline[data-scroll-ready] li:not(.is-reached) .story-event-card{transform:translateY(24px)}
.story-events .is-current .story-event-card{border-color:var(--logo-gold);box-shadow:0 12px 36px #d9aa0e12}
.story-event-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.story-event-tags span{font-size:11px;padding:6px 11px;border-radius:999px;border:1px solid #e0e2db;background:#f7f7f5;color:#5d6355}
.story-event-card .text-link{margin-top:20px}
@media(max-width:760px){
 .story-timeline{padding:50px 0 58px}.story-timeline-heading{margin-bottom:38px;text-align:left}.story-timeline-heading .eyebrow{justify-content:flex-start}
 .story-events::before,.story-events::after{left:20px}.story-events li{display:block;padding:0 0 24px 58px}.story-node{left:20px;width:36px;height:36px;top:20px;font-size:10px}
 .story-event-card{padding:23px 20px;border-radius:18px}.story-event-card h3{font-size:21px}.about-main .story-event-card p{font-size:16px}.story-event-label{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.story-event-card,.story-node{transition:none}.story-timeline[data-scroll-ready] li:not(.is-reached) .story-event-card{transform:none}.story-events::after{transform:translateX(-50%) scaleY(1)}}