.christmas-family-banner{position:relative;isolation:isolate;width:100%;min-height:clamp(470px,34vw,690px);overflow:hidden;background:#191511;color:#fff}
.christmas-family-banner picture{position:absolute;inset:0;z-index:-2;display:block}.christmas-family-banner img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.christmas-family-banner:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,9,7,.87),rgba(12,9,7,.7) 28%,rgba(12,9,7,.12) 58%,transparent 78%)}
.christmas-family-inner{width:100%;max-width:1500px;min-height:inherit;margin:0 auto;padding:60px 5%;display:flex;align-items:center}.christmas-family-copy{width:37%;max-width:460px}.christmas-family-copy .eyebrow{color:#fff;font-size:10px;letter-spacing:2.5px;margin-bottom:20px}.christmas-family-copy h2{font-size:clamp(30px,2.6vw,46px);line-height:1.12;letter-spacing:-1px;color:#fff;margin-bottom:20px}.christmas-family-copy p{color:#f1ece7;font-size:14px;line-height:1.8;margin-bottom:26px}.christmas-family-copy .button{background:#e34435;color:#fff;border-color:#e34435}
@media(max-width:1000px){.christmas-family-copy{width:45%}.christmas-family-banner:before{background:linear-gradient(90deg,rgba(12,9,7,.9),rgba(12,9,7,.65) 40%,transparent 85%)}.christmas-family-inner{padding:40px 5%}}
@media(max-width:640px){.christmas-family-banner{min-height:0}.christmas-family-banner picture{position:relative;inset:auto;z-index:auto;aspect-ratio:3/2}.christmas-family-banner img{position:absolute;inset:0;object-position:76% center}.christmas-family-banner:before{display:none}.christmas-family-inner{min-height:0;padding:32px 6% 38px}.christmas-family-copy{width:100%;max-width:none}.christmas-family-copy h2{font-size:31px}.christmas-family-copy p{font-size:14px}.christmas-family-copy .button{width:100%}}