.lore-hero{height:78vh;min-height:580px;position:relative;display:flex;align-items:end;padding:120px clamp(24px,8vw,140px);isolation:isolate;overflow:hidden}.lore-hero-image{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(8,8,8,.87),rgba(8,8,8,.42)),url('../assets/img/lore-1986-catastrophe.png') center/cover;filter:grayscale(.55) contrast(1.05)}.lore-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,var(--bg),transparent 48%)}.lore-hero-content{max-width:820px}.lore-hero h1{font:600 clamp(70px,10vw,156px)/.78 var(--display);letter-spacing:-3px;margin:0}.lore-hero h1 em,.timeline-text h2 em,.lore-end h2 em{font-style:normal;font-weight:400;color:var(--green)}.lore-hero-content>p:last-child{max-width:465px;color:#c5c5c5;line-height:1.7;margin:28px 0 0}.lore-hero-meta{position:absolute;bottom:28px;right:clamp(24px,8vw,140px);font:600 11px var(--tech);letter-spacing:1.5px;color:#999}.lore-hero-meta span{color:var(--green);margin:0 8px}.lore-intro{display:grid;grid-template-columns:1fr 1fr;gap:12vw;align-items:end;border-top:1px solid var(--line)}.lore-intro h2,.timeline-text h2,.lore-end h2{font:600 clamp(45px,5.7vw,86px)/.88 var(--display);letter-spacing:-1.5px;margin:0}.lore-intro>p{margin:0;max-width:450px;color:var(--muted);line-height:1.9}.timeline{padding-top:35px}.timeline-entry{display:grid;grid-template-columns:120px minmax(280px,.9fr) 1fr;gap:clamp(28px,5vw,85px);align-items:center;padding:80px 0;border-top:1px solid var(--line)}.timeline-entry.reverse{grid-template-columns:120px 1fr minmax(280px,.9fr)}.timeline-entry.reverse .timeline-photo{order:3}.timeline-year{align-self:stretch;padding-top:7px;font-family:var(--tech);display:flex;flex-direction:column;gap:7px}.timeline-year span{font-size:11px;color:var(--amber);letter-spacing:1.4px}.timeline-year b{font-size:22px;line-height:1;color:var(--green);letter-spacing:1px}.timeline-photo{height:300px;overflow:hidden;background:#121212;position:relative}.timeline-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,8,8,.3),transparent 60%)}.timeline-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(.28) contrast(1.08);transition:transform .7s ease,filter .5s}.timeline-entry:hover img{transform:scale(1.055);filter:grayscale(0) contrast(1.06)}.entry-label{margin:0 0 15px;color:var(--amber);font:600 11px var(--tech);letter-spacing:2px}.timeline-text h2{font-size:clamp(37px,4.3vw,65px);margin-bottom:22px}.timeline-text>p:last-child{max-width:570px;color:#a7a7a7;line-height:1.85}.lore-end{padding:150px 24px;text-align:center;min-height:500px;display:grid;place-items:center;background:radial-gradient(ellipse,rgba(155,207,45,.1),transparent 55%),#0d0d0d;border-top:1px solid var(--line)}.lore-end h2{font-size:clamp(52px,7vw,108px);margin-bottom:35px}@media(max-width:900px){.timeline-entry,.timeline-entry.reverse{grid-template-columns:70px 1fr;gap:20px 32px}.timeline-photo{height:330px}.timeline-text{grid-column:2}.timeline-entry.reverse .timeline-photo{order:initial}.lore-intro{gap:55px}.lore-hero{height:68vh}}@media(max-width:560px){.lore-hero{min-height:520px;padding:105px 22px 78px}.lore-hero h1{font-size:70px}.lore-hero-meta{left:22px;right:auto;bottom:24px}.lore-intro{grid-template-columns:1fr;padding-top:85px;padding-bottom:85px}.timeline{padding:0 22px}.timeline-entry,.timeline-entry.reverse{grid-template-columns:1fr;padding:55px 0;gap:20px}.timeline-year{flex-direction:row;align-items:center;gap:12px}.timeline-photo{height:220px}.timeline-text{grid-column:auto}.timeline-text h2{font-size:42px}.lore-end{min-height:430px;padding:90px 22px}}