.rotating-product-hero{position:relative;width:100%;min-height:var(--rph-desktop-height);overflow:hidden;isolation:isolate;background:#eee5d4}.rotating-product-hero *,.rotating-product-hero *:before,.rotating-product-hero *:after{box-sizing:border-box}.rotating-product-hero__background,.rotating-product-hero__background picture,.rotating-product-hero__background-image,.rotating-product-hero__background-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.rotating-product-hero__background{z-index:0;overflow:hidden}.rotating-product-hero__background-image,.rotating-product-hero__background-placeholder{max-width:none;object-fit:cover;object-position:center center}.rotating-product-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--rph-overlay-color);opacity:var(--rph-overlay-opacity);pointer-events:none}.rotating-product-hero__stage{position:relative;z-index:1;min-height:var(--rph-desktop-height);display:grid;place-items:center;opacity:0;transition:opacity .22s ease}.rotating-product-hero.is-ready .rotating-product-hero__stage{opacity:1}.rotating-product-hero__slides{position:relative;width:min(var(--rph-content-width),88vw);aspect-ratio:1 / 1;transform:translate(var(--rph-content-x),var(--rph-content-y)) scale(1);transform-origin:center center}.rotating-product-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(2.5%) scale(.965);transition:opacity var(--rph-transition-duration) ease,transform var(--rph-transition-duration) cubic-bezier(.22,1,.36,1),visibility 0s linear var(--rph-transition-duration);will-change:opacity,transform}.rotating-product-hero:not(.is-ready) .rotating-product-hero__slide{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.rotating-product-hero__slide.is-active{z-index:2;opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition-delay:0s}.rotating-product-hero__slide.is-leaving{z-index:1;opacity:0;visibility:visible;transform:translateY(-2%) scale(1.025)}.rotating-product-hero__slide-link{display:block;width:100%;height:100%;color:inherit;text-decoration:none}.rotating-product-hero__composition{position:relative;width:100%;height:100%}.rotating-product-hero__top-arc,.rotating-product-hero__bottom-arc{position:absolute;left:50%;width:100%;overflow:visible;color:var(--rph-text-color);transform:translate(-50%)}.rotating-product-hero__top-arc{top:var(--rph-top-arc-offset);height:44%}.rotating-product-hero__bottom-arc{bottom:var(--rph-bottom-arc-offset);height:39%}.rotating-product-hero__top-text,.rotating-product-hero__bottom-text{fill:currentColor;font-family:var(--font-heading-family, sans-serif);font-weight:500;letter-spacing:.055em;text-transform:uppercase}.rotating-product-hero__top-text{font-size:var(--rph-top-font-size);font-family:Patrick Hand SC,sans-serif}.rotating-product-hero__bottom-text{font-size:var(--rph-bottom-font-size);font-family:Patrick Hand SC,sans-serif}.rotating-product-hero__logo-wrap{position:absolute;z-index:3;top:calc(13% + var(--rph-logo-offset));left:50%;width:min(var(--rph-logo-width),52%);transform:translate(-50%) scale(var(--rph-block-logo-scale));transform-origin:center;display:flex;justify-content:center;align-items:center}.rotating-product-hero__logo{display:block;width:100%;height:auto;max-height:95px;object-fit:contain}.rotating-product-hero__logo-fallback{display:inline-flex;justify-content:center;align-items:center;max-width:100%;min-height:1.5em;padding:.16em .55em .1em;border-radius:999px;background:#111;color:#fff;font-family:var(--font-heading-family, sans-serif);font-size:clamp(1.5rem,4vw,3.6rem);line-height:1;letter-spacing:.02em;white-space:nowrap}.rotating-product-hero__center-image-wrap{position:absolute;z-index:2;top:calc(51% + var(--rph-block-image-y));left:50%;width:var(--rph-center-image-width);aspect-ratio:1 / 1;transform:translate(-50%,-50%) scale(var(--rph-block-image-scale));transform-origin:center;display:grid;place-items:center}.rotating-product-hero__center-image,.rotating-product-hero__center-placeholder{display:block;width:100%;height:100%;object-fit:contain}.rotating-product-hero__slide .rotating-product-hero__logo-wrap,.rotating-product-hero__slide .rotating-product-hero__top-arc,.rotating-product-hero__slide .rotating-product-hero__center-image-wrap,.rotating-product-hero__slide .rotating-product-hero__bottom-arc{opacity:0;transition:opacity calc(var(--rph-transition-duration) * .7) ease,transform var(--rph-transition-duration) cubic-bezier(.22,1,.36,1)}.rotating-product-hero__slide .rotating-product-hero__top-arc{transform:translate(-50%) translateY(12%)}.rotating-product-hero__slide .rotating-product-hero__logo-wrap{transform:translate(-50%) translateY(12%) scale(calc(var(--rph-block-logo-scale) * .96))}.rotating-product-hero__slide .rotating-product-hero__center-image-wrap{transform:translate(-50%,-48%) scale(calc(var(--rph-block-image-scale) * .93))}.rotating-product-hero__slide .rotating-product-hero__bottom-arc{transform:translate(-50%) translateY(12%)}.rotating-product-hero__slide.is-active .rotating-product-hero__logo-wrap,.rotating-product-hero__slide.is-active .rotating-product-hero__top-arc,.rotating-product-hero__slide.is-active .rotating-product-hero__center-image-wrap,.rotating-product-hero__slide.is-active .rotating-product-hero__bottom-arc{opacity:1}.rotating-product-hero__slide.is-active .rotating-product-hero__top-arc{transform:translate(-50%) translateY(0);transition-delay:calc(var(--rph-transition-duration) * .12)}.rotating-product-hero__slide.is-active .rotating-product-hero__logo-wrap{transform:translate(-50%) translateY(0) scale(var(--rph-block-logo-scale));transition-delay:calc(var(--rph-transition-duration) * .18)}.rotating-product-hero__slide.is-active .rotating-product-hero__center-image-wrap{transform:translate(-50%,-50%) scale(var(--rph-block-image-scale));transition-delay:0s}.rotating-product-hero__slide.is-active .rotating-product-hero__bottom-arc{transform:translate(-50%) translateY(0);transition-delay:calc(var(--rph-transition-duration) * .24)}.rotating-product-hero__controls{position:absolute;z-index:5;left:50%;bottom:22px;display:flex;align-items:center;gap:12px;transform:translate(-50%)}.rotating-product-hero__control,.rotating-product-hero__dot{-webkit-appearance:none;appearance:none;border:0;cursor:pointer}.rotating-product-hero__control{width:42px;height:42px;border-radius:50%;background:#ffffffe0;color:#111;font-size:20px;line-height:1;box-shadow:0 4px 18px #00000024}.rotating-product-hero__dots{display:flex;align-items:center;gap:7px}.rotating-product-hero__dot{width:9px;height:9px;padding:0;border-radius:999px;background:#11111159;transition:width .18s ease,background-color .18s ease}.rotating-product-hero__dot.is-active{width:26px;background:#111}.rotating-product-hero__control:focus-visible,.rotating-product-hero__dot:focus-visible,.rotating-product-hero__slide-link:focus-visible{outline:3px solid currentColor;outline-offset:4px}.rotating-product-hero__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:30px;background:#ffffffc7;color:#111;text-align:center}@media screen and (min-width:1200px){.rotating-product-hero__slides{transform:translate(var(--rph-content-x),var(--rph-content-y)) scale(var(--rph-large-screen-scale))}}@media screen and (max-width:749px){.rotating-product-hero,.rotating-product-hero__stage{min-height:var(--rph-mobile-height)}.rotating-product-hero__slides{width:min(var(--rph-mobile-content-width),90vw);transform:translate(var(--rph-content-x),var(--rph-content-y)) scale(1)}.rotating-product-hero__top-text{font-size:var(--rph-mobile-top-font-size)}.rotating-product-hero__bottom-text{font-size:var(--rph-mobile-bottom-font-size)}.rotating-product-hero__top-arc{top:var(--rph-mobile-top-arc-offset)}.rotating-product-hero__bottom-arc{bottom:var(--rph-mobile-bottom-arc-offset)}.rotating-product-hero__logo-wrap{top:calc(13% + var(--rph-mobile-logo-offset));width:min(var(--rph-mobile-logo-width),54%)}.rotating-product-hero__center-image-wrap{width:var(--rph-mobile-center-image-width)}.rotating-product-hero__controls{bottom:16px}.rotating-product-hero__control{width:38px;height:38px}}@media(prefers-reduced-motion:reduce){.rotating-product-hero__slide,.rotating-product-hero__slide .rotating-product-hero__logo-wrap,.rotating-product-hero__slide .rotating-product-hero__top-arc,.rotating-product-hero__slide .rotating-product-hero__center-image-wrap,.rotating-product-hero__slide .rotating-product-hero__bottom-arc,.rotating-product-hero__dot{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/custom-rotating-product-hero.css.map */