.bg-home .bg-summer-hero{height:auto;aspect-ratio:1983/793;background:#39251e;isolation:isolate}
.bg-summer-visual,.bg-summer-desktop{display:block;width:100%;height:100%}.bg-summer-desktop{object-fit:cover}.bg-summer-mobile{display:none}
.bg-home .bg-summer-hero:after{display:block;z-index:1;background:linear-gradient(90deg,transparent 30%,rgba(26,12,8,.25) 50%,transparent 70%);pointer-events:none}
.bg-home .bg-summer-hero .bg-campaign-copy{position:absolute;z-index:2;top:50%;left:50%;right:auto;transform:translate(-50%,-50%);padding:0;width:min(460px,40vw);max-width:none;text-align:center;color:#fff}
.bg-home .bg-summer-hero h1{font-family:var(--font-body--family),Arial,sans-serif;font-size:clamp(28px,2.55vw,46px);font-weight:400;line-height:1.12;letter-spacing:.015em;text-transform:uppercase;margin:0 0 24px;color:#fff;text-shadow:0 1px 12px #24180b24}
.bg-home .bg-summer-hero .bg-campaign-copy>p{font-size:13px;line-height:1.6;max-width:300px;margin:0 auto 26px;color:#fff;text-wrap:balance;text-shadow:0 1px 8px #24180b60}
.bg-home .bg-summer-hero .bg-editorial-button{width:300px;max-width:100%;min-height:46px;background:#421221;border:1px solid #421221;color:#fff;font-size:12px;font-weight:500;letter-spacing:.11em;text-transform:uppercase;padding:13px 22px;transition:background .2s}
.bg-home .bg-summer-hero .bg-editorial-button:hover{background:#2d0b16;border-color:#2d0b16}.bg-home .bg-summer-hero .bg-editorial-button:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:749px){.bg-home .bg-summer-hero{aspect-ratio:auto}.bg-summer-desktop{display:none}.bg-summer-mobile{display:grid;grid-template-rows:repeat(2,auto)}.bg-summer-mobile img{display:block;width:100%;height:auto;aspect-ratio:1.3;object-fit:cover}.bg-summer-mobile img:first-child{object-position:left center}.bg-summer-mobile img:last-child{object-position:right center;aspect-ratio:1.18}.bg-home .bg-summer-hero:after{background:linear-gradient(180deg,transparent 28%,rgba(30,15,9,.38) 48%,rgba(30,15,9,.32) 57%,transparent 75%)}.bg-home .bg-summer-hero .bg-campaign-copy{top:50%;left:50%;width:calc(100% - 40px);padding:0;transform:translate(-50%,-50%)}.bg-home .bg-summer-hero h1{font-size:30px;letter-spacing:.01em;margin-bottom:15px}.bg-home .bg-summer-hero .bg-campaign-copy>p{font-size:12px;max-width:260px;margin-bottom:19px}.bg-home .bg-summer-hero .bg-editorial-button{width:260px;min-height:44px;font-size:11px}}