:root{--yellow:#eac401;--white:#f8f8f3}*{box-sizing:border-box}body{margin:0;background:#090909;color:var(--white);font-family:Poppins,"Segoe UI",Arial,sans-serif;overflow-x:hidden}.site-header{height:68px;background:#f9f9f9;color:#111;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid #ddd}.brand{display:flex;align-items:center;gap:13px;color:#111;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.brand img{width:58px;height:52px;object-fit:contain}.back{background:var(--yellow);color:#000;text-decoration:none;padding:13px 17px;font-size:10px;font-weight:900;text-transform:uppercase}.story{min-height:calc(100vh - 68px);padding:34px 4vw 20px;background:radial-gradient(circle at 50% 48%,#27251a,#090909 60%)}.story-head{max-width:980px}.eyebrow{color:var(--yellow);font-size:10px;font-weight:900;letter-spacing:.22em;text-transform:uppercase}.story h1{font-family:var(--display);text-transform:uppercase;font-size:clamp(42px,4.5vw,68px);line-height:.95;margin:8px 0}.story-head p{max-width:780px;color:#e2e2dc;font-size:12px;line-height:1.5;margin:0}.timeline-track{height:500px;position:relative;display:grid;grid-template-columns:repeat(5,1fr);margin-top:8px}.timeline-track:before{content:"";position:absolute;left:2%;right:2%;top:50%;height:3px;background:linear-gradient(90deg,#8f7800,var(--yellow),#8f7800);box-shadow:0 0 18px #eac40155}.milestone{position:relative;min-width:0}.point{position:absolute;left:50%;top:50%;width:17px;height:17px;border-radius:50%;transform:translate(-50%,-50%);background:var(--yellow);border:4px solid #111;box-shadow:0 0 0 3px var(--yellow),0 0 18px #eac401aa;z-index:4}.stem{position:absolute;left:50%;width:2px;background:#eac401aa;transform:translateX(-50%)}.milestone:nth-child(odd) .stem{top:calc(50% - 75px);height:75px}.milestone:nth-child(even) .stem{top:50%;height:75px}.time-label{position:absolute;left:50%;transform:translateX(-50%);z-index:5;text-align:center;white-space:nowrap}.milestone:nth-child(odd) .time-label{top:calc(50% + 17px)}.milestone:nth-child(even) .time-label{bottom:calc(50% + 17px)}.time-label b{display:block;color:var(--yellow);font-size:17px}.time-label span{font-size:9px;text-transform:uppercase;font-weight:800;letter-spacing:.08em}.story-card{position:absolute;left:50%;width:min(190px,17vw);height:150px;transform:translateX(-50%);overflow:hidden;border:1px solid #ffffff30;background:#151515;z-index:6;transition:width .4s cubic-bezier(.22,1,.36,1),height .4s cubic-bezier(.22,1,.36,1),transform .4s,border-color .3s,box-shadow .3s;outline:none}.milestone:nth-child(odd) .story-card{bottom:calc(50% + 75px)}.milestone:nth-child(even) .story-card{top:calc(50% + 75px)}.story-card img{width:100%;height:100%;object-fit:cover;filter:brightness(.68);transition:filter .3s,transform .5s}.story-detail{position:absolute;inset:auto 0 0;padding:52px 17px 16px;background:linear-gradient(transparent,#000 45%);opacity:0;transform:translateY(16px);transition:.3s}.story-detail h2{color:var(--yellow);font-family:var(--display);text-transform:uppercase;font-size:22px;margin:0 0 7px}.story-detail p{font-size:11px;line-height:1.5;margin:0}.story-card:hover,.story-card:focus{width:min(340px,27vw);height:230px;border-color:#ffffff45;box-shadow:0 22px 48px #000c;z-index:30}.milestone:nth-child(odd) .story-card:hover,.milestone:nth-child(odd) .story-card:focus{transform:translateX(-50%) translateY(65px)}.milestone:nth-child(even) .story-card:hover,.milestone:nth-child(even) .story-card:focus{transform:translateX(-50%) translateY(-65px)}.story-card:hover img,.story-card:focus img{filter:brightness(.82);transform:scale(1.035)}.story-card:hover .story-detail,.story-card:focus .story-detail{opacity:1;transform:none}.note{text-align:center;color:#777;font-size:9px;margin:-4px 0 0}
@media(max-width:850px){body{overflow:auto}.story{padding-bottom:50px}.timeline-track{height:auto;display:grid;grid-template-columns:1fr;margin:32px 0 0 28px;border-left:3px solid var(--yellow)}.timeline-track:before,.stem{display:none}.milestone{padding:0 0 25px 34px}.point{left:-2px;top:25px}.time-label,.milestone:nth-child(odd) .time-label,.milestone:nth-child(even) .time-label{position:relative;left:auto;top:auto;bottom:auto;transform:none;text-align:left;margin-bottom:9px}.story-card,.milestone:nth-child(odd) .story-card,.milestone:nth-child(even) .story-card{position:relative;left:auto;top:auto;bottom:auto;transform:none;width:100%;height:220px}.story-card:hover,.story-card:focus{width:100%;height:280px;transform:none!important}.story-detail{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.story-card,.story-card img,.story-detail{transition:none}}

.milestone:after{content:"";position:absolute;left:50%;width:min(360px,30vw);height:200px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse at center,#eac401e8 0%,#eac401a0 36%,#eac40148 62%,transparent 78%);filter:blur(17px);opacity:0;pointer-events:none;z-index:5;transition:opacity .35s}
.milestone:nth-child(odd):after{bottom:calc(50% + 25px)}.milestone:nth-child(even):after{top:calc(50% + 25px)}
.milestone:has(.story-card:hover):after,.milestone:has(.story-card:focus):after{opacity:1}
@media(max-width:850px){.milestone:after{display:none}}


/* The glow belongs to the card so it follows the expanded position. */
.milestone:after{display:none}
.story-card{overflow:visible;isolation:isolate}
.story-card:before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:116%;height:122%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse at center,#ffe45ce8 0%,#eac401b8 27%,#c99f0078 48%,#8f69003d 66%,transparent 84%);filter:blur(22px);opacity:0;pointer-events:none;transition:opacity .35s}
.story-card:hover:before,.story-card:focus:before{opacity:1}
.story-card img{position:relative;z-index:0;display:block}.story-detail{z-index:1}

.tbc{background:#EDC817;color:#000;padding:0 4px;font-weight:700}.story-head .story-intro{max-width:760px;font-size:clamp(13px,1vw,15px);line-height:1.65;color:#F9F9F9;margin:4px 0 12px;border-left:3px solid #EDC817;padding-left:16px}.story-head .story-hint{font-size:11px}