/* Article page v2: editorial layout, using the existing site palette and typography. */
.story-intro { background:var(--black); color:var(--cream); padding:164px 0 64px; }
.story-intro-inner { max-width:970px; }
.story-category { display:flex; gap:12px; align-items:center; flex-wrap:wrap; color:var(--gold); font-size:12px; font-weight:800; letter-spacing:2px; text-transform:uppercase; margin-bottom:22px; }
.story-separator { color:#807568; }
.story-intro h1 { font-family:'Barlow Condensed',Impact,sans-serif; font-size:clamp(48px,6.5vw,88px); line-height:1.01; font-weight:800; letter-spacing:-.6px; text-transform:uppercase; margin:0 0 22px; }
.story-summary { color:#ddd3c6; font-size:clamp(17px,2vw,21px); line-height:1.6; margin:0 0 28px; }
.story-meta { display:flex; flex-wrap:wrap; gap:12px 30px; border-top:1px solid #4b453d; padding-top:18px; color:#d0c4b3; font-size:12px; font-weight:700; letter-spacing:1px; text-transform:uppercase; }
.story-article { padding-top:42px; padding-bottom:90px; }
.story-hero { max-width:1040px; margin:0 auto 44px; }
.story-hero img { width:100%; height:auto; max-height:720px; object-fit:contain; background:#211d18; }
.story-article figcaption { color:var(--muted); font-size:12px; line-height:1.5; margin-top:9px; }
.story-photo-gallery { max-width:1040px; margin:0 auto 52px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.story-photo-gallery figure { margin:0; }
.story-photo-gallery img { width:100%; height:230px; object-fit:cover; }
.story-content { max-width:760px; margin:0 auto; }
.story-body { font-size:17px; line-height:1.85; overflow-wrap:anywhere; }
.story-body p { margin:0 0 21px; }
.story-body > div { margin-bottom:21px; }
.story-body strong, .story-body b { font-weight:700; color:var(--ink); }
.story-body ul, .story-body ol { margin:0 0 24px; padding-left:27px; }
.story-body li { padding-left:3px; margin-bottom:7px; }
.story-body a { color:var(--gold-dark); text-decoration:underline; text-underline-offset:3px; }
.story-tags { display:flex; flex-wrap:wrap; gap:9px; align-items:center; border-top:1px solid #d7ccbd; padding-top:28px; margin-top:50px; }
.story-tags-label { font-size:11px; font-weight:800; letter-spacing:1.5px; margin-right:10px; }
.story-tag { border:1px solid #cbbca9; padding:7px 12px; font-size:12px; }
.story-signoff { margin-top:55px; text-align:center; font-family:'Barlow Condensed',Impact,sans-serif; font-size:23px; font-weight:800; letter-spacing:.6px; }
.story-signoff span { color:var(--gold-dark); }
@media (max-width:760px) {
    .story-intro { padding:145px 0 45px; }
    .story-article { padding-top:25px; padding-bottom:60px; }
    .story-hero { margin-bottom:30px; }
    .story-photo-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-bottom:36px; }
    .story-photo-gallery img { height:170px; }
    .story-body { font-size:16px; }
}
@media (max-width:460px) { .story-photo-gallery { grid-template-columns:1fr; } .story-photo-gallery img { height:auto; } }

.story-meta a { color:inherit; text-decoration:underline; text-underline-offset:3px; }
.story-meta a:hover { color:var(--gold); }