.cover-intro{position:relative;isolation:isolate;overflow:hidden;border-radius:20px;background:#211f20;min-height:360px;aspect-ratio:2000/724;padding:34px;color:#fff;align-items:center;box-shadow:var(--shadow);gap:18px;margin-bottom:24px}
.cover-intro::before{content:"";position:absolute;inset:0;z-index:-2;background:url('/hero-cover.png') right center/contain no-repeat}
.cover-intro::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,19,20,.99) 0%,rgba(20,19,20,.97) 38%,rgba(20,19,20,.68) 64%,rgba(20,19,20,.1) 100%)}
.cover-intro>div:first-child{flex:1 1 540px;max-width:650px}
.cover-intro h2{font-size:clamp(28px,3.4vw,40px);max-width:19ch;text-shadow:0 2px 12px #0006}
.cover-intro p{color:#ece9e1;max-width:53ch;font-size:15px;line-height:1.6;margin-top:14px}
.cover-intro .count{align-self:flex-end;color:#fff5a0;border:1px solid #fff4;padding:6px 12px;border-radius:99px;background:#171618b8;position:relative;font-size:12px}
@media(max-width:760px){.cover-intro{min-height:290px;aspect-ratio:auto;padding:25px;gap:20px;align-items:flex-start}.cover-intro>div:first-child{flex-basis:100%;max-width:480px}.cover-intro::before{background-size:auto 100%;background-position:right center}.cover-intro::after{background:linear-gradient(90deg,rgba(20,19,20,.99),rgba(20,19,20,.94) 48%,rgba(20,19,20,.65) 72%,rgba(20,19,20,.3))}.cover-intro p{font-size:14px;max-width:40ch}.cover-intro .count{align-self:auto}}
@media(max-width:420px){.cover-intro{padding:22px 20px;border-radius:16px}.cover-intro h2{font-size:29px;max-width:17ch}}

/* Lift only the printed brand wordmark on laptop and desktop screens. */
.cover-wordmark{display:none}
@media(min-width:761px){
  .cover-wordmark{display:block;position:absolute;inset:0;z-index:0;pointer-events:none;background:url('/hero-cover.png') right center/contain no-repeat;clip-path:polygon(28% 2%,73% 2%,73% 41%,28% 41%);opacity:.58;filter:contrast(3);mix-blend-mode:screen}
  .cover-intro>div{position:relative;z-index:1}
}