.olivia-collection-hero{position:relative;isolation:isolate;width:100%;height:clamp(330px,33.333vw,640px);overflow:hidden;background:#211b15;color:#fff}
.olivia-collection-hero__picture,.olivia-collection-hero__picture img{display:block;width:100%;height:100%;margin:0}
.olivia-collection-hero__picture img{object-fit:cover;object-position:center}
.olivia-collection-hero__picture{position:absolute;right:0;top:0;width:auto;max-width:100%;aspect-ratio:1915/821;mask-image:linear-gradient(90deg,transparent,#000 20%)}
.olivia-collection-hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(17,15,12,.68),rgba(17,15,12,.28) 35%,transparent 57%);pointer-events:none}
.olivia-collection-hero__copy{position:absolute;left:4.5%;top:50%;transform:translateY(-50%);z-index:2;width:33%;text-align:center;color:#fff}
.olivia-collection-hero__collection{margin:0 0 18px;font-size:clamp(11px,1vw,17px);font-weight:500;letter-spacing:.16em;line-height:1.5;text-transform:uppercase}
.olivia-collection-hero__title{margin:0 0 16px;color:#fff;font-family:Georgia,'Times New Roman',serif;font-size:clamp(26px,3.05vw,52px);font-weight:400;line-height:1.05;letter-spacing:.015em;white-space:nowrap}
.olivia-collection-hero__offer{display:flex;align-items:baseline;justify-content:center;gap:10px;margin:0;white-space:nowrap;line-height:1}
.olivia-collection-hero__offer span{font-size:clamp(12px,1.2vw,21px);letter-spacing:.06em}
.olivia-collection-hero__offer strong{font-size:clamp(56px,7.2vw,118px);font-weight:600;letter-spacing:-.055em}
.olivia-collection-hero__rule{display:block;width:45px;height:1px;background:#d4c1a1;margin:24px auto 16px}
.olivia-collection-hero__brand{margin:0;font-size:clamp(10px,.8vw,13px);letter-spacing:.18em;line-height:1.5}
@media(max-width:768px){
 .olivia-collection-hero{height:auto;background:#702116}
 .olivia-collection-hero__picture{position:relative;width:100%;height:auto;aspect-ratio:3/2;mask-image:none}
 .olivia-collection-hero__picture img{aspect-ratio:3/2}
 .olivia-collection-hero::after{display:none}
 .olivia-collection-hero__copy{position:relative;left:auto;top:auto;transform:none;width:100%;padding:24px 16px 22px}
 .olivia-collection-hero__collection{font-size:11px;margin-bottom:10px}
 .olivia-collection-hero__title{font-size:31px;margin-bottom:10px}
 .olivia-collection-hero__offer{gap:9px}
 .olivia-collection-hero__offer strong{font-size:65px}
 .olivia-collection-hero__offer span{font-size:17px}
 .olivia-collection-hero__rule{margin:16px auto 12px}
 .olivia-collection-hero__brand{font-size:10px}
}