@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&display=swap";.hero-banner-sale{display:flex;flex-direction:column;align-items:center}.hero-banner-sale--full-width{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.hero-banner-sale__media-link{display:block;width:100%;cursor:pointer;border-radius:20px}.hero-banner-sale__media-link:focus-visible{outline:2px solid #c9a66b;outline-offset:6px}.hero-banner-sale__frame{position:relative;display:block;overflow:hidden;line-height:0;border-radius:20px;background:#0f0c09;opacity:0;transform:translateY(28px) scale(1.01);animation:hero-banner-fade-up .9s cubic-bezier(.16,1,.3,1) .1s forwards}.hero-banner-sale__img,.hero-banner-sale__video{display:block;width:100%;height:auto;transform:scale(1);transition:transform .9s cubic-bezier(.16,1,.3,1);will-change:transform}.hero-banner-sale__frame--clickable:hover .hero-banner-sale__img,.hero-banner-sale__media-link:focus-visible .hero-banner-sale__img,.hero-banner-sale__frame--clickable:hover .hero-banner-sale__video,.hero-banner-sale__media-link:focus-visible .hero-banner-sale__video{transform:scale(1.035)}.hero-banner-sale__sheen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,223,165,.3) 48%,transparent 66%);background-size:220% 220%;background-position:-140% -140%;mix-blend-mode:overlay;opacity:0;transition:opacity .3s ease}.hero-banner-sale__frame--clickable:hover .hero-banner-sale__sheen,.hero-banner-sale__media-link:focus-visible .hero-banner-sale__sheen{opacity:1;animation:hero-banner-sheen-sweep 1.1s ease-out}.hero-banner-sale__placeholder{background-color:rgba(var(--color-foreground),.04)}.hero-banner-sale__placeholder svg{width:100%;height:auto}@keyframes hero-banner-fade-up{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hero-banner-sheen-sweep{0%{background-position:-140% -140%}to{background-position:140% 140%}}@media(prefers-reduced-motion:reduce){.hero-banner-sale__frame{animation:none;opacity:1;transform:none}.hero-banner-sale__img,.hero-banner-sale__video{transition:none}.hero-banner-sale__frame--clickable:hover .hero-banner-sale__img,.hero-banner-sale__frame--clickable:hover .hero-banner-sale__video{transform:none}.hero-banner-sale__sheen{display:none}}@media screen and (max-width:749px){.hero-banner-sale__media-link,.hero-banner-sale__frame{border-radius:12px}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/section-hero-banner-sale.css.map */