/* Framed cinematic banner: preserve every pixel and give it breathing room */
.hero{width:calc(100% - 96px)!important;max-width:1240px!important;margin:30px auto 32px!important;height:auto!important;min-height:0!important;aspect-ratio:2048 / 762!important;overflow:hidden!important;border:1px solid rgba(218,181,111,.75)!important;border-radius:13px!important;box-shadow:0 24px 65px rgba(0,0,0,.45),0 0 0 7px rgba(209,168,94,.05)!important;background:#07111e!important}
.hero .nat-new-banner{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
@media(max-width:850px){.hero{width:calc(100% - 40px)!important;margin:22px auto!important;border-radius:9px!important}}
@media(max-width:520px){.hero{width:calc(100% - 24px)!important;margin:15px auto 20px!important;border-radius:7px!important}}