/* V30 – Blog article */
.article-page{background:#e5e2dc;color:#17191a}
.article-hero{height:470px;position:relative;overflow:hidden;background:url('assets/author-bg.jpg') center 45%/cover no-repeat}
.article-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(7,10,12,.48),rgba(7,10,12,.72))}
.article-hero-copy{position:absolute;left:max(11.3vw,90px);bottom:78px;z-index:2;max-width:850px}
.article-hero-copy .news-date{color:#f5f3ef;margin-bottom:16px}
.article-hero-copy h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#f5f3ef;font-size:52px;line-height:1.05;margin:0 0 18px}
.article-hero-copy p{color:#dedbd6;font-size:16px;margin:0;line-height:1.5}
.article-body{max-width:none;margin:0 auto;padding:88px max(8vw,70px) 110px;position:relative;}
.article-body .lead{font-family:Georgia,"Times New Roman",serif;font-size:23px;line-height:1.55;color:#303233;margin:0 0 35px}
.article-body p{font-size:16px;line-height:1.85;color:#444647;margin:0 0 25px}
.article-body h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:32px;margin:58px 0 20px}
.article-back{display:inline-flex;color:#9b8256;text-decoration:none;font-size:11px;letter-spacing:.1em;font-weight:600;margin-top:25px}
.article-newsletter{min-height:190px;padding:46px max(8vw,70px);background:url('assets/author-bg.jpg') center 62%/cover no-repeat;position:relative;display:flex;align-items:center;justify-content:space-between;gap:40px}
.article-newsletter::before{content:"";position:absolute;inset:0;background:rgba(7,10,12,.70)}
.article-newsletter>*{position:relative;z-index:1}
.article-newsletter h2{color:#f5f3ef;font-size:28px}
.article-newsletter .gold-rule{margin:10px 0}
.article-newsletter p{font-size:13px;color:#dedbd6;margin:0}
@media(max-width:700px){
 .article-hero{height:420px}.article-hero-copy{left:7vw;bottom:58px}.article-hero-copy h1{font-size:38px}
 .article-body{max-width:980px;margin:0 auto;padding:88px 52px 110px;position:relative;}.article-body .lead{font-size:20px}
 .article-newsletter{flex-direction:column;align-items:flex-start;padding:45px 8vw}
}


/* V31 – atmospheric article reading area */
.article-body::before{
  content:"";
  position:absolute;
  left:0; right:0; top:0; bottom:0;
  background:
    linear-gradient(rgba(229,226,220,.92),rgba(229,226,220,.94)),
    url('assets/author-bg.jpg') center/cover no-repeat;
  z-index:0;
}
.article-body > *{
  position:relative;
  z-index:1;
}
.article-body::after{
  content:"";
  position:absolute;
  top:48px;
  bottom:55px;
  left:max(3vw,36px);
  width:calc(100% - max(6vw,72px));
  border:1px solid rgba(155,130,86,.16);
  pointer-events:none;
  z-index:0;
}
.article-body .lead{
  max-width:780px;
  margin:0 auto 38px;
  padding-bottom:28px;
  border-bottom:1px solid rgba(155,130,86,.28);
  font-size:24px;
}
.article-body p:not(.lead),
.article-body h2,
.article-body .article-back{
  max-width:780px;
  margin-left:auto;
  margin-right:auto;
}
.article-body p:not(.lead){
  font-size:16px;
  line-height:1.9;
}
.article-body h2{
  position:relative;
  padding-left:22px;
}
.article-body h2::before{
  content:"";
  position:absolute;
  left:0;
  top:7px;
  bottom:7px;
  width:2px;
  background:#9b8256;
}


/* V32 – article header is always light over the dark hero */
.article-page .site-header,
.article-page .site-header nav a,
.article-page .site-header .brand,
.article-page .site-header .brand span{
  color:#f5f3ef;
}
.article-page .site-header nav a:hover,
.article-page .site-header nav a.active{
  color:#c5a96f;
}
.article-page .site-header .brand-mark{
  filter:brightness(0) invert(1);
}


/* V33 – article image placeholder */
.article-layout{
  max-width:1220px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(250px,360px) minmax(0,780px);
  gap:58px;
  align-items:start;
  position:relative;
  z-index:1;
}
.article-image-placeholder{
  aspect-ratio:4 / 5;
  min-height:360px;
  border:1px solid rgba(155,130,86,.32);
  background:
    linear-gradient(rgba(31,34,35,.18),rgba(31,34,35,.18)),
    linear-gradient(135deg,#d3d0ca,#e6e3dd);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#8e7650;
  letter-spacing:.14em;
  font-size:11px;
}
.article-image-placeholder span{font-weight:600}
.article-image-placeholder small{
  margin-top:8px;
  letter-spacing:.08em;
  font-size:9px;
  opacity:.72;
}
.article-text{min-width:0}
.article-text .lead,
.article-text p:not(.lead),
.article-text h2,
.article-text .article-back{
  max-width:none;
  margin-left:0;
  margin-right:0;
}
@media(max-width:950px){
  .article-layout{
    grid-template-columns:230px minmax(0,1fr);
    gap:35px;
  }
}
@media(max-width:700px){
  .article-layout{display:block}
  .article-image-placeholder{
    width:min(100%,320px);
    margin:0 auto 42px;
    min-height:280px;
  }
}