.les-page .lbr-heroVisual{inset:0 0 0 48%}
.les-page .lbr-heroVisual img{object-position:50% 0%}
.les-page .lbr-heroVisual::after{background:linear-gradient(90deg,#01234a,#01234a12 28%,transparent 55%)}
.les-page .lbr-heroCopy{max-width:580px;padding-block:65px 95px}
.les-page .lbr-hero h1{font-size:clamp(46px,5vw,74px);margin-block:26px}
.les-page .lbr-heroLead{max-width:415px}
.les-page .lbr-productImage{height:280px;padding:20px 25px 0}
.les-page .lbr-collectionCopy>p{min-height:0;margin:10px 0 18px}
.les-page .lbr-collectionCopy h3{font-size:28px}
@media(max-width:760px){
 .les-page .lbr-hero{display:flex;flex-direction:column;min-height:0}
 .les-page .lbr-heroVisual{position:relative;inset:auto;z-index:0;order:2;height:360px}
 .les-page .lbr-heroVisual img{object-position:50% 0%}
 .les-page .lbr-heroVisual::after{background:linear-gradient(180deg,#01234a,transparent 18%)}
 .les-page .lbr-heroCopy{padding:32px 0}
 .les-page .lbr-hero h1{font-size:clamp(37px,11vw,56px);margin:22px 0}
 .les-page .lbr-heroLead{font-size:18px}
 .les-page .lbr-hero .lbr-actions{gap:12px 20px;margin-top:22px}
 .les-page .lbr-quickLinks{margin-top:0}
 .les-page .lbr-collectionSlide .lbr-productImage{height:185px;padding:14px 12px 0}
 .les-page .lbr-collectionCopy h3{font-size:23px}
 .les-page .lbr-collectionCopy>p{margin:7px 0 10px;font-size:14px}
}
@media(max-width:380px){.les-page .lbr-heroVisual{height:330px}}