:root{
  --wine:#6A1B2D; --wine-2:#521423; --ink:#2A0E15; --ivory:#F2EFE9; --on-wine:#E8D6CD; --gold:#C9A45C; --ash:#7A6A66; --rule:rgba(42,14,21,.14);
  --display:'Archivo',system-ui,sans-serif; --serif:'Instrument Serif',Georgia,serif;
  color-scheme:light;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--ivory);color:var(--ink);font-family:var(--display);font-size:18px;line-height:1.7}
.in{max-width:1080px;margin:0 auto;padding:0 20px}
h1,h2,h3{font-stretch:115%;text-wrap:balance}
em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--gold);font-stretch:100%}
.eyebrow{font-size:12px;letter-spacing:.28em;text-transform:uppercase;font-weight:600;color:var(--gold)}
.btn{display:inline-block;background:var(--ivory);color:var(--wine);font-weight:800;text-decoration:none;padding:15px 26px;text-transform:uppercase;letter-spacing:.08em;font-size:15px}
a:focus-visible{outline:3px solid var(--gold);outline-offset:2px}

.top{background:radial-gradient(120% 90% at 75% 20%,#7D2236 0%,var(--wine) 45%,var(--wine-2) 100%);color:var(--ivory)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:24px 0}
.nav a{color:inherit;text-decoration:none}
.brand{display:flex;align-items:center;gap:14px}
.brand img{width:44px;height:44px}
.brand span{font-size:13px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;line-height:1.35}
.nav .links{display:flex;gap:20px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.top .head{padding:40px 0 64px}
.top h1{font-size:clamp(36px,6vw,64px);font-weight:800;line-height:1.02;margin-top:14px;max-width:20ch}
.top .dek{font-family:var(--serif);font-style:italic;font-size:clamp(20px,2.6vw,26px);line-height:1.3;color:var(--on-wine);max-width:40ch;margin-top:18px}
.tie{display:block;width:64px;height:2px;background:var(--gold);margin-top:24px}

/* Article body */
article{max-width:680px;margin:0 auto;padding:64px 20px 24px}
article p{margin-bottom:22px}
article h2{font-size:clamp(24px,3vw,30px);font-weight:800;line-height:1.15;margin:44px 0 14px}
article ul,article ol{margin:0 0 22px 22px}
article li{margin-bottom:10px}
article strong{color:var(--wine)}
article blockquote{font-family:var(--serif);font-style:italic;font-size:26px;line-height:1.3;border-left:2px solid var(--gold);padding-left:22px;margin:36px 0;color:var(--wine)}
.meta{font-size:14px;color:var(--ash);margin-bottom:28px}

.cta{background:var(--wine);color:var(--ivory);padding:56px 0;margin-top:56px}
.cta h2{font-size:clamp(26px,3.6vw,38px);font-weight:800;line-height:1.1;margin:10px 0 14px}
.cta p{color:var(--on-wine);max-width:56ch;margin-bottom:26px}

/* Index */
.list{display:grid;gap:0;padding:56px 0 80px}
.list a{display:grid;grid-template-columns:72px 1fr;gap:20px;padding:28px 0;border-top:1px solid var(--rule);color:inherit;text-decoration:none}
.list a:last-child{border-bottom:1px solid var(--rule)}
.list b{font-family:var(--serif);font-weight:400;font-size:44px;color:var(--wine);line-height:1}
.list h2{font-size:clamp(22px,2.8vw,28px);font-weight:800;line-height:1.15;margin-bottom:6px}
.list p{color:var(--ash);font-size:16px;max-width:62ch}
.list a:hover h2{color:var(--wine);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:5px}
.more{padding:0 0 72px}
.more h3{font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:var(--ash);margin-bottom:14px}
.more a{display:block;color:var(--wine);font-weight:600;padding:8px 0;border-top:1px solid var(--rule)}

footer{background:var(--wine-2);color:var(--on-wine);padding:32px 0;font-size:14px}
footer .in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
@media (max-width:560px){.nav .links{display:none}.list a{grid-template-columns:48px 1fr}.list b{font-size:34px}}