.cardImg::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,19,38,.04) 24%,rgba(13,19,38,.88) 100%);z-index:1;pointer-events:none}
.tag{z-index:3}
.coverTitle,.heroCoverTitle{--accent:var(--yellow);position:absolute;z-index:3;color:#fff;font-family:'Anton',Impact,sans-serif;text-transform:uppercase;letter-spacing:.01em;text-shadow:0 2px 16px rgba(0,0,0,.55)}
.coverTitle{left:16px;right:16px;bottom:14px;font-size:clamp(28px,2.25vw,36px);line-height:.95}
.coverTitle::after,.heroCoverTitle::after{content:'';display:block;width:68px;height:6px;margin-top:9px;background:var(--accent);box-shadow:0 1px 8px rgba(0,0,0,.2)}
.coverTitle.yellow,.heroCoverTitle.yellow{--accent:var(--yellow)}
.coverTitle.coral,.heroCoverTitle.coral{--accent:var(--coral)}
.coverTitle.purple,.heroCoverTitle.purple{--accent:var(--purple)}
.cardBody{padding-top:16px}
.cardBody>p{min-height:72px}
.heroImage::after{background:linear-gradient(180deg,rgba(13,19,38,.02) 26%,rgba(13,19,38,.78) 100%)}
.heroCoverTitle{left:38px;right:110px;bottom:34px;font-size:clamp(38px,4vw,64px);line-height:.92}
.arrowMark{z-index:4}
@media(max-width:680px){.coverTitle{font-size:31px;left:14px;right:14px;bottom:13px}.coverTitle::after{height:5px;margin-top:7px}.heroCoverTitle{left:22px;right:76px;bottom:22px;font-size:38px}.heroCoverTitle::after{height:5px;margin-top:8px}.cardBody>p{min-height:0}}