.article-heading{background:var(--olive);color:#f4e7cc;padding:28px 7% 85px}
.article-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #b0aa8580;padding-bottom:20px;font-size:10px;letter-spacing:2px;font-weight:600}
.article-topline a{border-bottom:1px solid #f4e7cc;padding-bottom:4px}
.article-intro{max-width:1120px;margin:82px auto 0}
.article-eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:700;margin-bottom:27px}
.article-eyebrow span{margin:0 9px;opacity:.65}
.article-intro h1{font:400 clamp(53px,7.4vw,117px)/1.04 "Playfair Display",Georgia,serif;letter-spacing:-3.6px;max-width:1120px;margin:0}
.article-intro>p{font:400 clamp(20px,2.2vw,31px)/1.5 "Playfair Display",Georgia,serif;max-width:820px;color:#ded1b4;margin:39px 0 43px}
.article-byline{display:flex;gap:27px;flex-wrap:wrap;font-size:10px;letter-spacing:1.7px;border-top:1px solid #b0aa8580;padding-top:19px}
.article-cover{max-width:1500px;width:86%;margin:-1px auto 0}
.article-cover img{display:block;width:100%;max-height:690px;aspect-ratio:1.87;object-fit:cover;background:var(--pale)}
.article-cover figcaption{padding:13px 0;font-size:10px;color:var(--muted);letter-spacing:.35px}
.article-layout{max-width:1210px;width:86%;margin:100px auto 126px;display:grid;grid-template-columns:265px minmax(0,750px);gap:10%;align-items:start}
.article-side{position:sticky;top:24px;padding-top:8px;border-top:1px solid var(--line)}
.article-side>span{font-size:10px;font-weight:700;letter-spacing:1.8px;display:block;margin:18px 0 21px}
.article-side nav{display:flex;flex-direction:column;gap:14px}
.article-side nav a{font-size:11px;color:var(--muted);line-height:1.55;transition:color .2s}
.article-side nav a:hover{color:var(--olive)}
.article-side-back{display:inline-block;font-size:10px;font-weight:700;letter-spacing:1.7px;border-bottom:1px solid var(--olive);padding-bottom:8px;margin-top:36px}
.article-section{margin:0 0 57px;scroll-margin-top:22px}
.article-section h2{font:400 clamp(31px,3.3vw,45px)/1.2 "Playfair Display",Georgia,serif;letter-spacing:-.9px;margin:0 0 24px}
.article-section p{font-size:16px;line-height:1.96;letter-spacing:.03px;color:#56533d;margin:0 0 22px}
.article-signoff{margin-top:72px;padding:33px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.article-signoff>span{font-size:10px;font-weight:700;letter-spacing:2px}
.article-signoff p{font:italic 400 28px/1.35 "Playfair Display",Georgia,serif;margin:18px 0 31px}
.article-signoff>a{font-size:10px;letter-spacing:1.7px;font-weight:700;border-bottom:1px solid var(--olive);padding-bottom:8px;display:inline-flex;gap:24px}
.related-wrap{background:#e8d9be;padding:92px 7% 110px}
.related-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;border-bottom:1px solid #c7b99d;padding-bottom:25px;margin-bottom:37px}
.related-heading>span{font-size:10px;font-weight:700;letter-spacing:1.9px}
.related-heading h2{font:400 clamp(36px,4.1vw,61px)/1.15 "Playfair Display",Georgia,serif;letter-spacing:-1.5px;margin:0}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.related-card{display:block;position:relative}
.related-card img{width:100%;height:auto;aspect-ratio:1.32;object-fit:cover;transition:filter .25s}
.related-card:hover img{filter:brightness(.92)}
.related-category{font-size:9px;letter-spacing:1.7px;font-weight:700;display:block;margin:18px 0 11px}
.related-card h3{font:400 clamp(22px,2.3vw,32px)/1.25 "Playfair Display",Georgia,serif;margin:0 30px 0 0}
.related-arrow{position:absolute;right:0;bottom:4px;font-size:19px}
.all-stories{display:inline-flex;gap:24px;font-size:10px;font-weight:700;letter-spacing:1.7px;border-bottom:1px solid var(--olive);padding-bottom:9px;margin-top:60px}
@media(max-width:950px){
  .article-layout{grid-template-columns:1fr;gap:34px;margin:65px auto 90px}
  .article-side{position:static;display:none}
  .article-intro{margin-top:62px}
  .related-wrap{padding:70px 7%}
}
@media(max-width:650px){
  .article-heading{padding:23px 6% 55px}
  .article-topline{font-size:8px;letter-spacing:1.25px}
  .article-topline span{display:none}
  .article-intro{margin-top:48px}
  .article-intro h1{font-size:clamp(46px,11vw,71px);letter-spacing:-2px}
  .article-intro>p{font-size:20px;margin:27px 0 33px}
  .article-eyebrow{font-size:9px;letter-spacing:1.6px}
  .article-byline{font-size:9px;gap:10px}
  .article-cover{width:100%}
  .article-cover img{aspect-ratio:1.17}
  .article-cover figcaption{padding:11px 6%;font-size:9px}
  .article-layout{width:88%;margin:48px auto 82px}
  .article-section{margin-bottom:42px}
  .article-section h2{font-size:33px;margin-bottom:17px}
  .article-section p{font-size:15px;line-height:1.85}
  .related-heading{display:block}
  .related-heading h2{font-size:39px;margin-top:16px}
  .related-grid{grid-template-columns:1fr;gap:36px}
  .related-card h3{font-size:28px}
}