.pp-hero-section{margin:0;padding:0}.pp-hero{position:relative;overflow:hidden;width:100%;-webkit-user-select:none;user-select:none;background:var(--pp-champagne, #F5EDD8)}.pp-hero__track{position:relative;width:100%}.pp-hero__slide{display:none;width:100%}.pp-hero__slide.is-active{display:block;animation:ppHeroFadeIn .55s cubic-bezier(.16,1,.3,1) both}@keyframes ppHeroFadeIn{0%{opacity:0}to{opacity:1}}.pp-hero__slide-link{display:block;width:100%;cursor:pointer}.pp-hero__img{display:block;width:100%;height:auto;max-height:90vh;object-fit:cover;object-position:center center}.pp-hero__placeholder{width:100%;aspect-ratio:16 / 6;background:var(--pp-champagne, #F5EDD8);display:flex;align-items:center;justify-content:center}.pp-hero__placeholder-svg{width:50%;max-width:400px;opacity:.25}.pp-hero__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:44px;height:44px;border-radius:9999px;background:#ffffffe0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.6);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s ease,border-color .15s ease,box-shadow .3s ease}.pp-hero__arrow:hover{background:#fffffffa;border-color:var(--pp-gold-muted, #D4BF96);box-shadow:0 4px 20px #1c141026}.pp-hero__arrow svg{width:16px;height:16px;color:var(--pp-charcoal, #1C1410);flex-shrink:0}.pp-hero__arrow--prev{left:16px}.pp-hero__arrow--next{right:16px}.pp-hero__dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:8px;align-items:center}.pp-hero__dot{width:8px;height:8px;border-radius:9999px;background:#ffffff8c;border:1px solid rgba(255,255,255,.4);cursor:pointer;padding:0;transition:background .3s ease,width .3s ease,border-color .3s ease}.pp-hero__dot.is-active{background:#fff;border-color:#fff;width:24px}.pp-hero__dot:hover:not(.is-active){background:#fffc}@media screen and (max-width:749px){.pp-hero__img{max-height:none;aspect-ratio:auto;object-position:center top}.pp-hero__arrow{width:36px;height:36px}.pp-hero__arrow svg{width:14px;height:14px}.pp-hero__arrow--prev{left:10px;display:none}.pp-hero__arrow--next{right:10px;display:none}.pp-hero__dots{bottom:12px}}@media(prefers-reduced-motion:reduce){.pp-hero__slide.is-active{animation:none}.pp-hero__arrow,.pp-hero__dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/112/assets/pp-hero.css.map */
