@font-face{font-family:"EB Garamond";src:url(/assets/fonts/eb-garamond-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"EB Garamond";src:url(/assets/fonts/eb-garamond-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"EB Garamond";src:url(/assets/fonts/eb-garamond-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Work Sans";src:url(/assets/fonts/work-sans-500-normal.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Work Sans";src:url(/assets/fonts/work-sans-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
:root{--plum:#4a1d2f;--plum2:#6b2c43;--ochre:#c08a2c;--parch:#f4ede0;--ink:#231d1a;--mute:#6f645b;--rule:#d9ccb6;--serif:"EB Garamond",Garamond,"Times New Roman",serif;--sans:"Work Sans",system-ui,sans-serif}
*{box-sizing:border-box}html{background:var(--parch)}body{margin:0;color:var(--ink);font:19px/1.6 var(--serif);display:grid;grid-template-columns:270px 1fr;min-height:100vh;background:linear-gradient(90deg,var(--plum) 270px,var(--parch) 270px)}
a{color:var(--plum2);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--ochre)}
.side{background:var(--plum);color:#efe2d0;padding:34px 28px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:28px}
.mark{display:flex;gap:12px;align-items:center;text-decoration:none;color:#fff}.mark svg{flex:none}
.mark b{font:600 22px/1.05 var(--serif);display:block}.mark i{font:500 10.5px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ochre);font-style:normal}
.side nav{display:flex;flex-direction:column;border-top:1px solid #6e3d51}
.side nav a{color:#efe2d0;text-decoration:none;font:500 13px var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:11px 0;border-bottom:1px solid #6e3d51}
.side nav a:hover,.side nav a[aria-current]{color:var(--ochre)}
.side .blurb{font:italic 16px/1.5 var(--serif);color:#d6c2b0;margin-top:auto}
.col{padding:48px 6vw 0;max-width:1060px}
.crumbs{font:500 12px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}.crumbs a{color:var(--mute)}
h1{font:400 clamp(38px,5vw,60px)/1.05 var(--serif);letter-spacing:-.01em;margin:.3em 0 .25em;max-width:18ch}
h2{font:600 13px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--plum2);margin:2.4em 0 .8em;display:flex;gap:14px;align-items:center}h2:after{content:"";flex:1;border-top:1px solid var(--rule)}
h3{font:italic 400 25px/1.2 var(--serif);margin:1.6em 0 .4em}
.lede{font:italic 400 23px/1.45 var(--serif);color:var(--mute);max-width:36em;margin:0 0 1.6em}
.prose{max-width:34em}.prose>p:first-of-type:first-letter{float:left;font:400 4.1em/.8 var(--serif);color:var(--plum);padding:.08em .1em 0 0}
.prose ul{padding-left:1.1em}.prose li{margin:.35em 0}.prose li::marker{color:var(--ochre)}
.fig{margin:0 0 2em;max-width:44em}.fig img{width:100%;height:auto;display:block;filter:sepia(.18) saturate(.9)}.fig figcaption{font:13px/1.45 var(--sans);color:var(--mute);border-left:3px solid var(--ochre);padding-left:10px;margin-top:8px}
.hero{position:relative;margin:0 -6vw 40px 0;min-height:440px;display:flex;align-items:flex-end;color:#fff;overflow:hidden}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(74,29,47,.05),rgba(40,14,24,.85));z-index:1}
.hero div{position:relative;z-index:2;padding:40px 44px}.hero h1{color:#fff;margin:0 0 .3em}.hero p{font:italic 21px/1.45 var(--serif);max-width:32em;margin:0;color:#f3e6d6}
.hero small{font:600 11px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ochre)}
.index{list-style:none;padding:0;margin:0;counter-reset:n}
.index li{counter-increment:n;display:grid;grid-template-columns:64px 1fr;gap:0 18px;padding:18px 0;border-bottom:1px solid var(--rule)}
.index li:before{content:counter(n,decimal-leading-zero);font:400 34px/1 var(--serif);color:var(--ochre);grid-row:span 2}
.index a{font:400 25px/1.2 var(--serif);text-decoration:none;color:var(--ink)}.index a:hover{color:var(--plum2)}.index p{margin:.25em 0 0;font-size:16.5px;color:var(--mute)}
.years{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--rule);margin:0 0 1em}.years a{flex:1 1 90px;text-align:center;padding:14px 6px;font:600 20px var(--serif);text-decoration:none;border-right:1px solid var(--rule)}.years a:last-child{border:0}.years a:hover{background:var(--plum);color:#fff}
.tbl{border-collapse:collapse;width:100%;font-size:17px}.tbl td,.tbl th{border-bottom:1px solid var(--rule);padding:10px 8px;text-align:left;vertical-align:top}.tbl th{font:600 12px var(--sans);letter-spacing:.12em;text-transform:uppercase}.tbl td:first-child{font-weight:600;color:var(--plum)}
.note{border:1px solid var(--ochre);padding:14px 18px;font:15px/1.55 var(--sans);background:#fbf6ec;max-width:44em}
footer{margin-top:70px;border-top:3px double var(--rule);padding:24px 0 40px;font:13.5px/1.7 var(--sans);color:var(--mute)}footer a{color:var(--mute)}
@media(max-width:860px){body{display:block;background:var(--parch)}.side{position:static;height:auto;padding:18px 20px;gap:14px}.side nav{flex-direction:row;flex-wrap:wrap;gap:0 18px;border:0}.side nav a{border:0;padding:4px 0}.side .blurb{display:none}.col{padding:28px 20px 0}.hero{margin-right:0;min-height:340px}.hero div{padding:24px}}