:root{color-scheme:light dark;--bg:#f5f4f0;--ink:#272d27;--muted:#5c6359;--line:#c9cfc5;--soft:#e9ece5;--accent:#9f3033;--button-text:#fff;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.7 "Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--accent)}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3,p,figure{margin:0}img{display:block;width:100%;height:auto}picture{display:block}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.045em;line-height:1.08}h2{font-size:clamp(34px,4.2vw,56px)}h3{font-size:24px;line-height:1.25;font-weight:500;letter-spacing:-.025em}.wrap{max-width:var(--max);width:calc(100% - 96px);margin-inline:auto}.section{padding-block:90px}.skip{position:absolute;top:-80px;left:20px;z-index:3;padding:8px 14px;background:var(--bg)}.skip:focus{top:15px}
.masthead{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;font-size:19px;font-weight:600;text-decoration:none;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:6px;height:30px;background:var(--accent);color:var(--button-text);font-family:Georgia,serif;font-size:24px;font-weight:400}.masthead nav{display:flex;gap:30px;font-size:13px}.masthead nav a{text-decoration:none}
.hero{position:relative;isolation:isolate;min-height:620px;display:grid;align-items:center;color:#fff}.hero-photo{position:absolute;inset:0;z-index:-2}.hero-photo img{height:100%;object-fit:cover;object-position:50% 50%}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(15,23,17,.86),rgba(15,23,17,.68) 39%,rgba(15,23,17,.12) 78%)}.hero-content{padding-block:58px}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.13em;font-weight:600;margin-bottom:23px;color:var(--muted)}.hero .eyebrow{color:#e5e8df}h1{font-size:clamp(64px,7.5vw,108px);margin-bottom:22px}.intro{font-size:17px;line-height:1.65;max-width:39ch;margin-bottom:29px}.button{display:inline-flex;align-items:center;gap:32px;background:#fff;color:#272d27;padding:14px 20px;font-size:13px;text-decoration:none;white-space:nowrap}.button:hover{color:#9f3033}.button span{font-size:20px;line-height:1}
.context{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.context h2{align-self:start}.context-copy p+p,.memory-copy p+p{margin-top:18px}.text-link{display:inline-block;margin-top:24px;font-size:13px}.section-lead{margin-top:22px;color:var(--muted);max-width:64ch}.chronology{background:var(--soft)}.timeline{margin-top:45px}.timeline details{border-top:1px solid var(--line)}.timeline details:last-child{border-bottom:1px solid var(--line)}.timeline summary{list-style:none;display:grid;grid-template-columns:170px 1fr 30px;gap:35px;align-items:center;padding:26px 0;cursor:pointer}.timeline summary::-webkit-details-marker{display:none}.year{font-family:Georgia,"Times New Roman",serif;line-height:1.15;font-size:28px;color:var(--accent)}.event{font-size:23px;line-height:1.3;letter-spacing:-.02em}.toggle{font-size:26px;text-align:center}.timeline details[open] .toggle{transform:rotate(45deg)}.timeline summary:hover .event{color:var(--accent)}.event-body{padding:0 65px 28px 205px;max-width:1000px}.event-body p{max-width:64ch;font-size:16px}.event-body a{display:inline-block;font-size:13px;margin-top:13px}
.memory{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.memory img{aspect-ratio:.95;object-fit:cover;object-position:center}.memory figcaption{color:var(--muted);font-size:12px;line-height:1.5;margin-top:12px;max-width:48ch}.memory h2{margin-bottom:25px}.memory .eyebrow{margin-bottom:19px}.memory-copy p{font-size:16px}
.reading{border-top:1px solid var(--line);padding-top:60px}.reading-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 60px;margin-top:36px}.reading-grid>a{position:relative;display:block;padding:28px 35px 28px 0;text-decoration:none;border-top:1px solid var(--line)}.source-kind{display:block;font-size:11px;color:var(--muted);margin-bottom:9px}.reading-grid p{font-size:14px;line-height:1.65;max-width:43ch;margin-top:12px;color:var(--muted)}.source-arrow{position:absolute;top:28px;right:0;font-size:22px}.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:40px;padding-block:33px}.footer p{font-size:11px;color:var(--muted);margin-top:12px;max-width:50ch}.footer>p{margin-top:0}.footer .brand{font-family:Georgia,serif;font-weight:400;font-size:22px}
@media(prefers-color-scheme:dark){:root{--bg:#1b211c;--ink:#edf0e7;--muted:#b6bfb0;--line:#465342;--soft:#242d24;--accent:#efaaa5;--button-text:#202720}}
@media(min-width:768px) and (max-width:1100px){.wrap{width:calc(100% - 64px)}.context,.memory{gap:45px}.masthead nav{gap:20px}.hero{min-height:580px}.memory .eyebrow{font-size:9px}.timeline summary{grid-template-columns:135px 1fr 30px;gap:25px}.event-body{padding-left:160px}}
@media(max-width:767px){body{font-size:16px}.wrap{width:calc(100% - 40px)}.section{padding-block:56px}.masthead{height:67px;gap:14px}.brand{font-size:15px;gap:9px}.brand-mark{width:5px;height:26px;font-size:21px}.masthead nav{font-size:12px;gap:0}.masthead nav a:not(:last-child){display:none}.hero{min-height:560px}.hero-content{padding-block:42px}.hero:after{background:linear-gradient(90deg,rgba(15,23,17,.88),rgba(15,23,17,.7) 58%,rgba(15,23,17,.45))}.hero-photo img{object-position:62% center}h1{font-size:clamp(61px,15.5vw,85px)}.hero .eyebrow{margin-bottom:19px}.intro{font-size:15px;max-width:34ch}.button{font-size:12px;gap:24px;padding:13px 17px}.context,.memory{grid-template-columns:1fr;gap:30px}.context h2{font-size:39px}.timeline{margin-top:30px}.timeline summary{grid-template-columns:94px 1fr 20px;gap:14px;padding:22px 0}.year{font-size:20px}.event{font-size:18px}.toggle{font-size:23px}.event-body{padding:0 0 24px 0}.event-body p{font-size:15px}.event-body a{font-size:12px}.memory img{aspect-ratio:1.2}.memory-copy p{font-size:16px}.memory .eyebrow{font-size:9px}.reading-grid{grid-template-columns:1fr;gap:0}.reading-grid h3{font-size:23px}.footer{flex-direction:column;gap:18px}.footer p{font-size:11px}.section-lead{font-size:15px}}
@media(max-width:359px){.wrap{width:calc(100% - 32px)}.brand{font-size:14px}.masthead nav{font-size:11px}.timeline summary{grid-template-columns:80px 1fr 16px;gap:12px}.year{font-size:18px}.event{font-size:17px}.context h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}