.hero-visual{min-height:545px;overflow:hidden;background-position:center;isolation:isolate}
.hero-card{left:0;top:50%;transform:translateY(-50%);width:min(92%,500px);max-width:none;padding:34px 42px 34px clamp(72px,10vw,120px);background:linear-gradient(90deg,rgba(9,37,82,.94),rgba(9,37,82,.68));clip-path:polygon(13% 0,100% 0,100% 100%,0 100%);border-left:3px solid #e2000f;border-radius:0}
.hero-card span{display:block;line-height:1.4;color:#fff;font-size:clamp(10px,1vw,13px);white-space:nowrap}
.hero-card strong{display:block;margin:16px 0 24px;color:#fff;font-size:clamp(42px,4.4vw,62px);line-height:.93;white-space:nowrap}
.hero-card a{display:inline-flex;color:#fff;background:#e2000f;padding:12px 15px;border-radius:3px;line-height:1.2}
@media(max-width:1000px){.hero-card{padding-left:clamp(58px,8vw,85px);padding-right:24px}.hero-card strong{font-size:clamp(36px,4.4vw,52px)}}
@media(max-width:800px){.hero-visual{min-height:280px;height:280px}.hero-card{left:0;top:50%;width:94%;padding:22px 20px 22px 58px;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%)}.hero-card strong{font-size:40px;margin:10px 0 16px}.hero-card a{padding:10px 12px;font-size:11px}}
@media(max-width:520px){.hero-visual{min-height:245px;height:245px}.hero-card{width:100%;padding:16px 14px 16px 48px}.hero-card span{font-size:9px}.hero-card strong{font-size:32px}.hero-card a{font-size:10px;padding:9px 10px}}