body{background:#f7f3eb}.article-header{display:flex;align-items:center;justify-content:space-between;padding:1.2rem clamp(1.2rem,5vw,5rem);border-bottom:1px solid rgba(33,23,15,.18);background:#fff}.article-header a{color:#2b1a12;text-decoration:none;font-size:.85rem}.article-brand{display:flex;align-items:center;gap:1rem;font-weight:700;letter-spacing:.12em}.article-brand img{width:115px}.article-hero{display:grid;grid-template-columns:1fr 1fr;min-height:580px}.article-intro{padding:clamp(3rem,7vw,7rem) clamp(1.2rem,6vw,6rem);display:flex;flex-direction:column;justify-content:center;background:#4f2714;color:#fff;background-image:repeating-radial-gradient(ellipse at 5% 90%,transparent 0 32px,rgba(255,255,255,.055) 34px 36px)}.article-kicker{text-transform:uppercase;letter-spacing:.17em;color:#d9a779;font-size:.72rem}.article-intro h1{font:400 clamp(3rem,5.5vw,6rem)/.98 "DM Serif Display",serif;margin:2rem 0}.article-intro p{line-height:1.7;color:#e4d3c5;max-width:560px}.article-hero>img{width:100%;height:100%;object-fit:cover;min-height:420px}.article-body{max-width:1300px;margin:auto;padding:clamp(4rem,8vw,8rem) 1.5rem;display:grid;grid-template-columns:250px minmax(0,720px);gap:clamp(2rem,8vw,8rem)}.article-side{font-size:.7rem;letter-spacing:.14em;color:#8d1d2c;line-height:2;position:sticky;top:2rem;height:max-content}.article-side a{display:block;color:#2b1a12;letter-spacing:0;margin-top:2rem;font-size:.85rem}.article-prose p{font-size:1.08rem;line-height:1.9;color:#43362d;margin:0 0 1.7rem}.article-prose p:first-child:first-letter{font:400 4rem "DM Serif Display",serif;float:left;line-height:.8;margin-right:.4rem;color:#8d1d2c}.article-end{border-top:1px solid #c8b7a9;margin-top:4rem;padding-top:2rem}.article-end h2{font:400 2.4rem "DM Serif Display",serif}.article-end a{display:inline-block;background:#8d1d2c;color:#fff;text-decoration:none;padding:1rem 1.3rem}.article-footer{background:#21170f;color:#fff;padding:2rem clamp(1.2rem,5vw,5rem);display:flex;justify-content:space-between;font-size:.8rem}.article-footer a{color:#fff}@media(max-width:800px){.article-hero{grid-template-columns:1fr}.article-hero>img{height:300px;min-height:0}.article-body{display:block}.article-side{position:static;margin-bottom:2rem}.article-brand span{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
