:root{--clay: #cbbba4;--oat: #efe7d9;--kiln: #241d17;--ember: #9d5b32}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--oat);color:var(--kiln);font-family:Vollkorn,Georgia,serif;font-size:clamp(1rem,1.05vw,1.15rem);line-height:1.62;overflow-x:hidden}section,header,footer{position:relative;overflow-x:clip}.tag{font-family:Martian Mono,ui-monospace,monospace;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;opacity:.62;margin-bottom:1rem}.lead{font-size:1.15rem;opacity:.78;max-width:44ch}.hero{min-height:100svh;display:flex;align-items:flex-end;padding:4rem clamp(1.5rem,6vw,6rem) 5rem}.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(36,29,23,.78) 0%,rgba(36,29,23,.1) 58%,transparent 100%)}.hero-copy{position:relative;z-index:1;color:var(--oat);max-width:18ch}.hero .tag{color:var(--clay);opacity:1}.hero h1{font-weight:600;font-size:clamp(2.4rem,6vw,5rem);line-height:1.04;letter-spacing:-.015em}.timeline{padding:clamp(4rem,10vw,9rem) 0}.era{position:relative;overflow-x:clip;min-height:78svh;display:flex;align-items:center;padding:clamp(3rem,7vw,6rem) clamp(1.5rem,6vw,6rem)}.era+.era{border-top:1px solid rgba(36,29,23,.14)}.year{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:900;font-variant-numeric:lining-nums;font-size:clamp(11rem,30vw,26rem);line-height:.74;letter-spacing:-.05em;color:#241d1712;white-space:nowrap;pointer-events:none;user-select:none;z-index:0}.body{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;width:100%;max-width:1180px;margin:0 auto}.era:nth-child(2n) .body{direction:rtl}.era:nth-child(2n) .body>*{direction:ltr}.body img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover}.text p:not(.tag){max-width:40ch}.outro{min-height:55svh;display:flex;align-items:center;padding:5rem clamp(1.5rem,6vw,6rem);background:var(--clay)}.wrap{max-width:48ch}@media(max-width:760px){.body{grid-template-columns:1fr}.era:nth-child(2n) .body{direction:ltr}.year{font-size:clamp(7rem,38vw,12rem)}}@media(prefers-reduced-motion:reduce){.year{transform:translate(-50%,-50%)!important}}