/* Each five-second hero scene showcases both packs in alternating positions. */
.tea-slider .slide-art{perspective:1100px;transform-style:preserve-3d}
.tea-slider .slide-product.product-back,.tea-slider .slide-product.product-front{left:50%;top:50%;transform-origin:center;backface-visibility:hidden;transition:opacity .5s ease;will-change:transform;pointer-events:none}
.tea-slider .tea-slide.is-active .product-back{animation:hero-pack-swap-back 5s cubic-bezier(.45,0,.25,1) infinite;animation-delay:0s}
.tea-slider .tea-slide.is-active .product-front{animation:hero-pack-swap-front 5s cubic-bezier(.45,0,.25,1) infinite;animation-delay:0s}
.tea-slider:not(.is-playing) .tea-slide.is-active .slide-product{animation-play-state:paused}
@keyframes hero-pack-swap-back{
 0%,18%{transform:translate(-95%,-65%) rotate(-10deg) rotateY(8deg) scale(.9);z-index:1;opacity:.86}
 32%{transform:translate(-76%,-72%) rotate(-3deg) rotateY(0) scale(.97);z-index:3;opacity:1}
 46%,68%{transform:translate(-5%,-42%) rotate(8deg) rotateY(-5deg) scale(1.04);z-index:3;opacity:1}
 82%{transform:translate(-42%,-35%) rotate(2deg) rotateY(0) scale(.97);z-index:1;opacity:.94}
 100%{transform:translate(-95%,-65%) rotate(-10deg) rotateY(8deg) scale(.9);z-index:1;opacity:.86}
}
@keyframes hero-pack-swap-front{
 0%,18%{transform:translate(-5%,-42%) rotate(8deg) rotateY(-5deg) scale(1.04);z-index:3;opacity:1}
 32%{transform:translate(-35%,-30%) rotate(2deg) rotateY(0) scale(.97);z-index:1;opacity:.94}
 46%,68%{transform:translate(-95%,-65%) rotate(-10deg) rotateY(8deg) scale(.9);z-index:1;opacity:.86}
 82%{transform:translate(-65%,-75%) rotate(-3deg) rotateY(0) scale(.97);z-index:3;opacity:1}
 100%{transform:translate(-5%,-42%) rotate(8deg) rotateY(-5deg) scale(1.04);z-index:3;opacity:1}
}
.tea-slider .slide-note,.tea-slider .slide-stamp,.tea-slider .slide-pill{z-index:5}
.tea-slider .slide-art:after{content:'';position:absolute;left:12%;right:8%;top:9%;bottom:12%;border-radius:50%;background:radial-gradient(ellipse,#dbe6b311,transparent 65%);pointer-events:none;z-index:-1;animation:hero-ad-glow 5s ease-in-out infinite}
.tea-slider:not(.is-playing) .slide-art:after{animation-play-state:paused}
@keyframes hero-ad-glow{0%,100%{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.06)}}
@media(prefers-reduced-motion:reduce){.tea-slider .tea-slide.is-active .product-back,.tea-slider .tea-slide.is-active .product-front,.tea-slider .slide-art:after{animation:none!important;will-change:auto}.tea-slider .tea-slide.is-active .product-back{transform:translate(-95%,-65%) rotate(-9deg) scale(.9);opacity:1;z-index:1}.tea-slider .tea-slide.is-active .product-front{transform:translate(-5%,-42%) rotate(8deg) scale(1.04);opacity:1;z-index:2}}