:root{--burgundy:#6f2748;--paper:#f4f2ec;--ivory:#e6e5db;--charcoal:#48433f;--muted:#746d67;--line:rgba(72,67,63,.2);--serif:Baskerville,"Iowan Old Style","Times New Roman",serif;--sans:"Avenir Next",Avenir,"Segoe UI",sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--charcoal);font-family:var(--sans);font-size:16px;line-height:1.75}
img{display:block;width:100%}
a{color:inherit;text-decoration:none}
.header{height:90px;padding:0 6vw;background:var(--charcoal);display:flex;align-items:center;justify-content:space-between;color:var(--ivory)}
.header img{width:220px;filter:brightness(0) invert(1)}
.header a:last-child{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.hero{padding:100px 7vw 75px;border-bottom:1px solid var(--line)}
.kicker{margin:0 0 15px;color:var(--burgundy);font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}
h1,h2{font-family:var(--serif);font-weight:400}
.hero h1{max-width:850px;margin:0;font-size:clamp(54px,7vw,96px);line-height:1}
.grid{padding:80px 7vw 120px;display:grid;grid-template-columns:repeat(3,1fr);gap:60px 3vw}
.card-image{aspect-ratio:1;overflow:hidden;background:#ccc}
.card-image img{height:100%;object-fit:cover}
.card p{margin:22px 0 8px;color:var(--burgundy);font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.card h2{margin:0 0 12px;font-size:32px;line-height:1.1}
.card .subtitle{margin:0 0 20px;color:var(--muted);font:italic 21px var(--serif);text-transform:none;letter-spacing:0}
.card>a{display:inline-block;padding-bottom:4px;border-bottom:1px solid var(--burgundy);color:var(--burgundy);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.article{width:min(920px,86vw);margin:0 auto;padding:90px 0 130px}
.article-head{text-align:center}
.article-head h1{margin:15px 0;font-size:clamp(48px,6.5vw,88px);line-height:1}
.article-head .subtitle{margin:0 0 45px;color:var(--burgundy);font:italic clamp(22px,3vw,34px) var(--serif)}
.article-image{max-height:650px;aspect-ratio:3/2;object-fit:cover}
.article-copy,.article-footer{width:min(720px,100%);margin:60px auto 0;color:#5c5550;font-size:18px}
.article-copy .lead{color:var(--charcoal);font:italic 26px var(--serif)}
.article-copy p{margin:0 0 28px}
.article-media-list{display:grid;gap:42px;margin:65px 0 0}
.article-media{margin:0;background:#e8e5de}
.article-media img,.article-media video{display:block;width:100%;max-height:680px;aspect-ratio:3/2;object-fit:cover}
.article-media video{background:#272523}
.video-frame{position:relative;aspect-ratio:16/9;background:#272523;overflow:hidden}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.article-footer{margin-top:55px}
.image-credits{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;color:var(--muted);font-size:14px}
.image-credits summary{color:var(--burgundy);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.image-credits ol{margin:18px 0 4px;padding-left:22px}
.image-credits li+li{margin-top:10px}
.image-credits a{border-bottom:1px solid currentColor}
.back{display:inline-block;margin-top:40px;padding-bottom:5px;border-bottom:1px solid var(--burgundy);color:var(--burgundy);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.empty{grid-column:1/-1;padding:60px;background:#fff;text-align:center}
@media(max-width:850px){
  .grid{grid-template-columns:1fr 1fr}
  .header{height:78px;padding:0 22px}
  .header img{width:185px}
}
@media(max-width:570px){
  .grid{grid-template-columns:1fr;padding-left:22px;padding-right:22px}
  .hero{padding:75px 22px 55px}
  .article{width:auto;padding:65px 22px 95px}
  .article-copy,.article-footer{font-size:17px}
  .article-media-list{gap:24px;margin-top:45px}
}