.phg{--phg-thumb-scale: .055;--phg-thumb-gap: 14px;--phg-thumb-bottom: 28px;--phg-zoom-duration: .8s;--phg-zoom-ease: cubic-bezier(.22,1,.36,1);background:#0b0b0f;color:#fff;height:100vh;height:100dvh;min-height:0;overflow:hidden;position:relative}.phg__slides{height:100%}.phg__item{height:100%;top:0;right:0;bottom:0;left:0;margin:0;pointer-events:none;position:absolute;transform:none;width:auto}.phg__item.is-active{z-index:1}.phg__item:not(.is-active){z-index:10}.phg__slide{border-radius:0;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:auto;position:absolute;transform:translate(0) scale(1);transition:transform var(--phg-zoom-duration) var(--phg-zoom-ease),border-radius var(--phg-zoom-duration) var(--phg-zoom-ease),filter .25s ease;will-change:transform}.phg__item.is-active .phg__slide{filter:brightness(1)!important}.phg__item:not(.is-active) .phg__slide{border-radius:48px;filter:brightness(.7);transform:translate(calc(var(--phg-offset) * (var(--phg-thumb-scale) * 100vw + var(--phg-thumb-gap))),calc((50vh - var(--phg-thumb-scale) * 50vh) - var(--phg-thumb-bottom))) scale(var(--phg-thumb-scale))}.phg__item:not(.is-active) .phg__slide:hover{filter:brightness(1)}.phg__image{display:block;height:100%;object-fit:cover;width:100%}.phg__thumb-button{-webkit-appearance:none;appearance:none;background:none;border:0;cursor:pointer;top:0;right:0;bottom:0;left:0;padding:0;position:absolute}.phg__thumbnail-rail{bottom:var(--phg-thumb-bottom);height:calc(100vh * var(--phg-thumb-scale));left:50%;pointer-events:none;position:absolute;transform:translate(-50%);width:calc(100vw * var(--phg-thumb-scale));z-index:12}.phg__thumbnail{border-radius:calc(48px * var(--phg-thumb-scale));filter:brightness(1);height:100%;top:0;right:0;bottom:0;left:0;overflow:hidden;position:absolute;width:100%}.phg__thumbnail.is-slot-0{transform:translate(calc(-100% - var(--phg-thumb-gap)))}.phg__thumbnail.is-slot-1{transform:translate(0)}.phg__thumbnail.is-slot-2{transform:translate(calc(100% + var(--phg-thumb-gap)))}.phg__thumbnail-image{display:block;height:100%;object-fit:cover;width:100%}.phg__shade{background:linear-gradient(90deg,rgba(0,0,0,.6),transparent);inset:0 auto 0 0;max-width:min(520px,70%);pointer-events:none;position:absolute;width:100%;z-index:5}.phg__content{align-items:flex-start;display:flex;inset:0 auto 0 0;max-width:min(520px,70%);padding:0 3.5rem 0 3rem;pointer-events:none;position:absolute;z-index:20}.phg__copy{align-self:center}.phg__copy{animation:phg-content-in .6s var(--phg-zoom-ease) calc(var(--phg-zoom-duration) * .4) backwards;display:flex;flex-direction:column;gap:1rem}.phg__counter{font-size:.8rem;margin:0;opacity:.7}.phg h1{font:600 clamp(2rem,5vw,3.5rem)/1.05 var(--sans);letter-spacing:0;margin:0}.phg__text{color:#ffffffd9;font-size:clamp(.9rem,1.4vw,1.05rem);line-height:1.6;margin:0}.phg__controls-layer{bottom:14%;left:3rem;pointer-events:none;position:absolute;z-index:20}.phg__controls{display:flex;gap:.75rem;pointer-events:auto}.phg__nav{align-items:center;-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;font-weight:300;height:3rem;justify-content:center;line-height:1;padding:0 0 .2rem;transition:background .2s,border-color .2s,opacity .2s;width:3rem}.phg__nav:hover{background:#ffffff38;border-color:#fff6}.phg__nav:focus-visible,.phg__thumb-button:focus-visible{outline:2px solid #fff;outline-offset:3px}@keyframes phg-content-in{0%{opacity:0;transform:translateY(24px)}}@media(max-width:640px){.phg{--phg-thumb-scale:.08;--phg-thumb-gap:10px;--phg-thumb-bottom:20px}.phg__shade{max-width:90%}.phg__content{max-width:90%;padding:0 1.5rem}.phg__controls-layer{bottom:9rem;left:1.5rem}}@media(prefers-reduced-motion:reduce){.phg__slide{transition:none}.phg__copy{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/gallery-hero.css.map */