.weekly-page-hero{
  position:relative;
  overflow:hidden;
  color:#fff;
  padding:2.25rem 0 2.15rem;
  border-top:1px solid rgba(255,255,255,.03);
  background:
    linear-gradient(90deg,rgba(8,30,23,.78),rgba(8,30,23,.58)),
    url('../images/weekly/week-34/hero.webp') center 56%/cover no-repeat;
}
.weekly-page-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(6,24,18,.08),rgba(6,24,18,.22));
  pointer-events:none;
}
.weekly-page-hero__content{
  position:relative;
  z-index:1;
  text-align:center;
  max-width:900px;
}
.weekly-page-hero .eyebrow{
  color:#c7a93d;
  margin:0 0 .35rem;
  letter-spacing:.18em;
  font-size:clamp(.72rem,1vw,.82rem);
}
.weekly-page-hero h1{
  color:#fff;
  font-size:clamp(2rem,3.3vw,3rem);
  line-height:1.04;
  margin:0;
}
.weekly-page-hero__intro{
  color:#fff;
  font-size:clamp(1rem,1.45vw,1.18rem);
  line-height:1.45;
  margin:.55rem auto .25rem;
  max-width:760px;
}
.weekly-page-hero__week{
  color:#d2b54a;
  font-weight:700;
  margin:.3rem 0 0;
  font-size:clamp(.95rem,1.2vw,1.08rem);
}
@media(max-width:760px){
  .weekly-page-hero{
    padding:1.7rem 0 1.6rem;
    background-position:center 55%;
  }
  .weekly-page-hero__content{width:min(100% - 32px,900px)}
  .weekly-page-hero h1{font-size:clamp(1.8rem,9vw,2.4rem)}
  .weekly-page-hero__intro{
    font-size:.98rem;
    line-height:1.42;
    margin:.5rem auto .2rem;
    max-width:92%;
  }
  .weekly-page-hero .eyebrow{
    font-size:.66rem;
    letter-spacing:.14em;
  }
  .weekly-page-hero__week{font-size:.92rem}
}