.section-banner{position:relative;isolation:isolate;width:100%;max-width:1440px;margin:0 auto;aspect-ratio:3/1;min-height:240px;overflow:hidden;background:#09080d;color:#fff;border-bottom:1px solid #603078}
.section-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.section-banner::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,4,9,.75),rgba(5,4,9,.25) 55%,transparent)}
.section-banner-copy{position:absolute;left:clamp(1.25rem,5vw,5rem);top:50%;transform:translateY(-50%);max-width:80%}
.section-banner-copy p{margin:0 0 .75rem;font:700 .8rem/1.4 Arial,sans-serif;letter-spacing:.2em;color:#dfadf5}
.section-banner-copy strong{display:block;font:800 clamp(2.1rem,5.6vw,5rem)/1.08 Arial,sans-serif;letter-spacing:-.035em;text-shadow:0 2px 18px #000}
.section-banner-note{position:absolute;right:1rem;bottom:.6rem;font:400 12px/1.4 Arial,sans-serif;color:#e6ddeb;background:rgba(0,0,0,.6);padding:.2rem .45rem;border-radius:3px}
@media(max-width:560px){.section-banner{min-height:230px;aspect-ratio:auto}.section-banner>img{object-position:62% center}.section-banner::before{background:linear-gradient(90deg,rgba(5,4,9,.85),rgba(5,4,9,.4))}.section-banner-copy{max-width:90%}.section-banner-copy p{font-size:12px}.section-banner-note{font-size:12px}}
