.premium-media-gallery{display:block;overflow:hidden}.premium-media-gallery__header{display:grid;grid-template-columns:minmax(0,.85fr) minmax(28rem,.5fr);gap:clamp(2rem,5vw,6rem);align-items:end;margin-bottom:clamp(2.8rem,5vw,5rem)}.premium-media-gallery__eyebrow{margin:0 0 1.1rem;font-size:1.2rem;font-weight:850;letter-spacing:.1em;line-height:1;text-transform:uppercase;opacity:.68}.premium-media-gallery__heading{margin:0;max-width:78rem;font-size:clamp(3.2rem,5.5vw,7rem);font-weight:900;letter-spacing:0;line-height:.98}.premium-media-gallery__description{color:#121212b8;font-size:1.55rem;line-height:1.65}.premium-media-gallery__description p{margin:0}.premium-media-gallery__cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(1.2rem,2vw,2rem)}.premium-media-gallery__card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:.2rem solid rgba(18,18,18,.1);border-radius:clamp(2rem,2.4vw,3rem);background:rgb(var(--color-background));box-shadow:0 2rem 5rem #12121214;transform:translateY(0);transition:border-color .38s cubic-bezier(.22,1,.36,1),box-shadow .38s cubic-bezier(.22,1,.36,1),transform .38s cubic-bezier(.22,1,.36,1)}.premium-media-gallery__card:after{content:"";position:absolute;top:-.2rem;right:-.2rem;bottom:-.2rem;left:-.2rem;z-index:3;pointer-events:none;border:.2rem solid currentColor;border-radius:inherit;opacity:0;transform:scale(.985);transition:opacity .38s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1)}.premium-media-gallery__card.is-active{box-shadow:0 2.8rem 7rem #12121229;transform:translateY(-.6rem)}.premium-media-gallery__card.is-active:after{opacity:1;transform:scale(1);animation:premium-media-gallery-border-pulse .76s cubic-bezier(.22,1,.36,1)}.premium-media-gallery__media-button{position:relative;display:block;overflow:hidden;width:100%;padding:0;border:0;background:transparent;cursor:pointer}.premium-media-gallery__media{position:relative;display:block;overflow:hidden;aspect-ratio:.68 / 1;background:#1212120f}.premium-media-gallery__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#0000,#0000002e);opacity:.82}.premium-media-gallery__media img,.premium-media-gallery__media video,.premium-media-gallery__media .placeholder-svg{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:filter .42s cubic-bezier(.22,1,.36,1),transform .58s cubic-bezier(.22,1,.36,1)}.premium-media-gallery__card:hover .premium-media-gallery__media img,.premium-media-gallery__card:hover .premium-media-gallery__media video,.premium-media-gallery__card:hover .premium-media-gallery__media .placeholder-svg,.premium-media-gallery__card.is-active .premium-media-gallery__media img,.premium-media-gallery__card.is-active .premium-media-gallery__media video,.premium-media-gallery__card.is-active .premium-media-gallery__media .placeholder-svg{filter:saturate(1.08) contrast(1.04);transform:scale(1.08)}.premium-media-gallery__shine{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.28) 45%,transparent 70%);opacity:0;transform:translate(-120%)}.premium-media-gallery__card.is-active .premium-media-gallery__shine{animation:premium-media-gallery-shine .86s cubic-bezier(.22,1,.36,1)}.premium-media-gallery__body{display:flex;flex:1;flex-direction:column;padding:1.8rem}.premium-media-gallery__body h3{margin:0;font-size:clamp(1.8rem,2vw,2.4rem);font-weight:900;letter-spacing:0;line-height:1.05}.premium-media-gallery__text{margin-top:.9rem;color:#121212ad;font-size:1.35rem;line-height:1.5}.premium-media-gallery__text p{margin:0}.premium-media-gallery__button{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:4.4rem;margin-top:1.6rem;padding:1.1rem 1.7rem;border-radius:999rem;font-size:1.25rem;font-weight:850;line-height:1;text-decoration:none}.premium-media-gallery__product{display:grid;grid-template-columns:5.8rem minmax(0,1fr);gap:1rem;align-items:center;margin-top:auto;padding-top:1.8rem;color:currentColor;text-decoration:none}.premium-media-gallery__product-media{overflow:hidden;width:5.8rem;height:5.8rem;border-radius:1.2rem;background:#1212120f}.premium-media-gallery__product-media img,.premium-media-gallery__product-media .placeholder-svg{display:block;width:100%;height:100%;object-fit:cover}.premium-media-gallery__product-copy{display:grid;gap:.25rem;min-width:0}.premium-media-gallery__product-copy span{overflow:hidden;font-size:1.25rem;font-weight:850;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.premium-media-gallery__product-copy small{color:#1212129e;font-size:1.2rem}.premium-media-gallery__product-button{grid-column:1 / -1;display:inline-flex;align-items:center;justify-content:center;min-height:3.8rem;border-radius:999rem;font-size:1.2rem;font-weight:850}.premium-media-gallery__pause{position:absolute;top:1.2rem;right:1.2rem;z-index:4;min-height:3.6rem;padding:.8rem 1.2rem;border:.1rem solid rgba(255,255,255,.22);border-radius:999rem;background:#0000006b;color:#fff;cursor:pointer;font-size:1.15rem;font-weight:850;-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem)}.premium-media-gallery__media-button:focus-visible,.premium-media-gallery__button:focus-visible,.premium-media-gallery__product:focus-visible,.premium-media-gallery__pause:focus-visible{outline:.2rem solid currentColor;outline-offset:.3rem}@keyframes premium-media-gallery-border-pulse{0%{opacity:0;transform:scale(.965)}55%{opacity:1;transform:scale(1.012)}to{opacity:1;transform:scale(1)}}@keyframes premium-media-gallery-shine{0%{opacity:0;transform:translate(-120%)}30%{opacity:1}to{opacity:0;transform:translate(120%)}}@media screen and (max-width:1180px){.premium-media-gallery__cards{grid-template-columns:repeat(5,minmax(22rem,1fr));overflow-x:auto;padding:.4rem 0 2rem;scroll-snap-type:x mandatory}.premium-media-gallery__card{scroll-snap-align:start}}@media screen and (max-width:989px){.premium-media-gallery__header{grid-template-columns:1fr;align-items:start}}@media screen and (max-width:749px){.premium-media-gallery__heading{font-size:clamp(3rem,11vw,4.8rem)}.premium-media-gallery__cards{grid-template-columns:repeat(5,minmax(78vw,1fr))}.premium-media-gallery__body{padding:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/premium-media-gallery.css.map */