.shop-the-look-hero{overflow:hidden;position:relative;touch-action:manipulation;width:100%}.shop-the-look-hero__media{display:grid;grid-template-areas:"hero";position:relative}.shop-the-look-hero__scene,.shop-the-look-hero__content{grid-area:hero}.shop-the-look-hero__scene{position:relative;width:100%}.shop-the-look-hero__scene:after{background:linear-gradient(180deg,#00000014,#00000005 35%,#00000059);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:1}.shop-the-look-hero__image,.shop-the-look-hero__placeholder{display:block;height:auto;width:100%}.shop-the-look-hero__placeholder{fill:rgba(var(--color-foreground),.12)}.shop-the-look-hero__content{align-self:end;display:flex;pointer-events:none;position:relative;width:100%;z-index:2}.shop-the-look-hero__copy{margin-left:0;margin-right:auto;max-width:42rem;padding-bottom:6rem;padding-top:3rem;pointer-events:auto;text-align:left;width:100%}.shop-the-look-hero__heading{color:#fff;font-family:var(--font-body-family);font-size:clamp(2.8rem,4.8vw,5.2rem);font-weight:600;letter-spacing:.04em;line-height:1.05;margin:0}.shop-the-look-hero__text{color:#ffffffeb;font-size:clamp(1.4rem,1.8vw,1.7rem);line-height:1.5;margin:1.2rem 0 0;max-width:36rem}.shop-the-look-hero__button{background:#f5f1eb;border:none;border-radius:.6rem;color:#121212;display:inline-flex;font-size:1.2rem;font-weight:600;justify-content:center;letter-spacing:.12em;margin-top:2rem;min-height:4.4rem;padding:1.2rem 2.4rem;text-decoration:none;text-transform:uppercase;transition:opacity .2s ease,transform .2s ease}.shop-the-look-hero__button:hover{opacity:.9;transform:translateY(-.1rem)}.shop-the-look-hero__button[aria-disabled=true]{cursor:not-allowed;opacity:.55}.shop-the-look-hero__hotspots{top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:3}.shop-the-look-hero__hotspot{align-items:center;background:#ffffffe0;border:none;border-radius:50%;color:#121212;cursor:pointer;display:inline-flex;height:3.2rem;justify-content:center;left:var(--hotspot-x, 50%);pointer-events:auto;position:absolute;top:var(--hotspot-y, 50%);transform:translate(-50%,-50%);transition:transform .2s ease,background-color .2s ease;width:3.2rem;z-index:1}.shop-the-look-hero__hotspot:hover,.shop-the-look-hero__hotspot.is-active{background:#fff;transform:translate(-50%,-50%) scale(1.08)}.shop-the-look-hero__hotspot-icon{font-size:2rem;font-weight:300;line-height:1}.shop-the-look-hero__popover{background:#fff;border-radius:.6rem;box-shadow:0 1.6rem 4.8rem #0000002e;left:var(--hotspot-x, 50%);max-width:34rem;min-width:28rem;opacity:0;pointer-events:none;position:absolute;top:var(--hotspot-y, 50%);transform:translate(-50%,calc(-100% - 2.4rem));transition:opacity .2s ease,transform .2s ease;width:min(34rem,calc(100% - 3rem));z-index:4}.shop-the-look-hero__popover:after{border-left:.7rem solid transparent;border-right:.7rem solid transparent;border-top:.7rem solid rgb(255,255,255);bottom:-.65rem;content:"";filter:drop-shadow(0 .4rem .2rem rgba(0,0,0,.06));left:50%;pointer-events:none;position:absolute;transform:translate(-50%)}.shop-the-look-hero__popover.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%,calc(-100% - 2.8rem))}.shop-the-look-hero__popover-link{align-items:stretch;color:inherit;display:flex;gap:1.4rem;padding:1.4rem;text-decoration:none}.shop-the-look-hero__popover-media{aspect-ratio:3 / 4;background:rgba(var(--color-foreground),.04);border-radius:.4rem;flex:0 0 10.8rem;overflow:hidden;width:10.8rem}.shop-the-look-hero__popover-image{display:block;height:100%;object-fit:cover;object-position:center center;width:100%}.shop-the-look-hero__popover-details{display:flex;flex:1;flex-direction:column;justify-content:center;min-width:0;padding:.2rem .4rem .2rem 0}.shop-the-look-hero__popover-title{font-size:1.4rem;font-weight:500;line-height:1.4;margin:0}.shop-the-look-hero__popover-price{font-size:1.3rem;margin-top:.8rem}.shop-the-look-hero__popover-price .price{align-items:flex-start;flex-direction:column;gap:.2rem}.shop-the-look-hero__popover-price .price__regular .price-item--regular,.shop-the-look-hero__popover-price .price__sale .price-item--sale{font-size:1.4rem;font-weight:600}.shop-the-look-hero__popover-price .price--on-sale .price-item--regular{font-size:1.2rem;font-weight:400;opacity:.55}@media screen and (min-width:750px){.shop-the-look-hero__media{min-height:min(92svh,84rem)}.shop-the-look-hero__scene{align-self:stretch;min-height:min(92svh,84rem)}.shop-the-look-hero__image,.shop-the-look-hero__placeholder{height:100%;min-height:min(92svh,84rem);object-fit:cover;object-position:center center}.shop-the-look-hero__content{justify-content:flex-start}.shop-the-look-hero__copy{padding-bottom:8rem;padding-top:4rem}.shop-the-look-hero__button{width:auto}}@media screen and (max-width:749px){.shop-the-look-hero__media{display:flex;flex-direction:column}.shop-the-look-hero__scene,.shop-the-look-hero__content{grid-area:unset}.shop-the-look-hero__scene{flex:0 0 auto;min-height:min(56svh,40rem);overflow:hidden}.shop-the-look-hero__image,.shop-the-look-hero__placeholder{height:100%;min-height:min(56svh,40rem);object-fit:cover;object-position:center 36%;width:100%}.shop-the-look-hero__scene:after{background:linear-gradient(180deg,#00000014,#0000 45%,#0000002e)}.shop-the-look-hero__content{background:rgb(var(--color-background));pointer-events:auto;position:static;z-index:1}.shop-the-look-hero__copy{max-width:none;padding-bottom:.4rem;padding-top:2rem}.shop-the-look-hero__heading{color:rgb(var(--color-foreground));font-size:clamp(2.2rem,7vw,2.8rem);text-shadow:none}.shop-the-look-hero__text{color:rgba(var(--color-foreground),.72);font-size:1.35rem;margin-top:.8rem;max-width:none;text-shadow:none}.shop-the-look-hero__button{font-size:1.1rem;margin-top:1.6rem;min-height:4.8rem;padding:1.3rem 1.8rem;width:100%}.shop-the-look-hero__hotspot{height:2.8rem;width:2.8rem}.shop-the-look-hero__hotspot:before{content:"";top:-.8rem;right:-.8rem;bottom:-.8rem;left:-.8rem;position:absolute}.shop-the-look-hero__popover{bottom:1.6rem;left:50%!important;min-width:0;top:auto!important;transform:translate(-50%);width:min(34rem,calc(100% - 3rem))}.shop-the-look-hero__popover:after{display:none}.shop-the-look-hero__popover.is-visible{transform:translate(-50%)}.shop-the-look-hero__popover-link{gap:1.2rem;padding:1.2rem}.shop-the-look-hero__popover-media{flex-basis:9.6rem;width:9.6rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-shop-the-look-hero.css.map */