body.timeline-page{background:#090807;color:#e8e0d5}
.timeline-hero{min-height:78svh;display:grid;align-items:end;padding:130px max(5vw,24px) 80px;position:relative;isolation:isolate;background:url('images/home-chronicles.jpg') center/cover}
.timeline-hero:before{position:absolute;inset:0;z-index:-1;content:'';background:linear-gradient(90deg,rgba(7,6,5,.96),rgba(7,6,5,.7) 55%,rgba(7,6,5,.27)),linear-gradient(0deg,#090807,transparent 55%)}
.timeline-hero__inner{width:min(1180px,100%);margin:auto}
.timeline-breadcrumbs{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:3.5rem;color:#b7aa99;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}
.timeline-breadcrumbs a{text-decoration:none}
.timeline-hero h1{max-width:1050px;margin:0;font:500 clamp(4rem,10vw,8.5rem)/.83 var(--serif);letter-spacing:-.05em;text-transform:uppercase}
.timeline-hero__inner>p:not(.eyebrow){max-width:680px;color:#d3c8b9;font:500 clamp(1.1rem,2vw,1.45rem)/1.5 var(--serif)}
.timeline-intro{width:min(1100px,calc(100% - 48px));margin:auto;padding:clamp(5rem,10vw,8rem) 0;display:grid;grid-template-columns:.85fr 1.15fr;gap:5rem}
.timeline-intro h2,.timeline-outro h2{margin:0;font:500 clamp(3rem,6vw,5.5rem)/.92 var(--serif)}
.timeline-intro>div:last-child{color:#a99e92;line-height:1.75}
.timeline-warning{padding:1rem 1.2rem;border-left:2px solid #b79b6c;background:#17130e;color:#d6c2a1}
.timeline-list{width:min(1100px,calc(100% - 48px));margin:0 auto clamp(6rem,11vw,10rem);padding:0 0 0 clamp(2.5rem,6vw,5rem);list-style:none;border-left:1px solid rgba(201,174,127,.3)}
.timeline-list li{position:relative;margin:0 0 1.1rem}
.timeline-list li:before{position:absolute;left:calc(0px - clamp(2.5rem,6vw,5rem) - 6px);top:2.5rem;width:11px;height:11px;border:1px solid #c4a56c;border-radius:50%;background:#090807;content:''}
.timeline-list article{padding:clamp(1.5rem,3vw,2.5rem);border:1px solid rgba(201,174,127,.2);background:linear-gradient(145deg,#19150f,#0e0c0a)}
.timeline-meta{margin:0;color:#c4a56c;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}
.timeline-list h3{margin:1rem 0;font:500 clamp(2rem,3.4vw,3.1rem)/1 var(--serif)}
.timeline-list article>p:not(.timeline-meta){max-width:760px;color:#ada398;line-height:1.7}
.timeline-list a{display:inline-block;margin-top:.5rem;color:#d2b680;font-size:.7rem;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}
.timeline-list a:hover,.timeline-list a:focus-visible{text-decoration:underline;text-underline-offset:5px}
.timeline-outro{padding:clamp(5rem,9vw,8rem) 24px;border-top:1px solid rgba(201,174,127,.2);background:#100d0a;text-align:center}
.timeline-outro>div{width:min(730px,100%);margin:auto}
.timeline-outro p:not(.eyebrow){color:#a99e92;line-height:1.7}
.timeline-outro .button{margin-top:1.5rem}
@media(max-width:700px){.timeline-hero{padding:115px 20px 65px;min-height:680px}.timeline-hero h1{font-size:clamp(3.2rem,14vw,5rem)}.timeline-intro{grid-template-columns:1fr;gap:1.5rem}.timeline-list{padding-left:2rem}.timeline-list li:before{left:calc(-2rem - 6px)}}