/* Hero only: preserve approved image pixels, normalise the physical silhouette. */
#scads-arrival .sky-can[data-eight-order]{--lift:0px;--order:var(--eight-index);z-index:4}
/* Remove the horizontal stretch introduced by the shared padded-image frame. */
#scads-arrival .sky-can[data-eight-order="0"]{--ratio:.357915!important;width:calc(var(--can-h)*.357915)}
#scads-arrival .sky-can[data-eight-order="6"]{--ratio:.392324!important;width:calc(var(--can-h)*.392324)}
#scads-arrival .sky-can .eight-pack{aspect-ratio:auto}
#scads-arrival .sky-can-control{position:relative;display:block;width:100%;height:100%;padding:0;border:0;border-radius:0;background:none;color:inherit;cursor:pointer;transform-origin:50% 100%;transform:translate3d(0,0,0) scale(1);transition:transform .65s cubic-bezier(.22,.7,.2,1),filter .65s;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
#scads-arrival .sky-can-control:focus-visible{outline:1px solid var(--gold);outline-offset:9px}
#scads-arrival .sky-can .sky-pack{animation:hero-family-idle 8s calc(var(--eight-index)*-.9s) ease-in-out infinite alternate;filter:drop-shadow(0 7px 4px #171c194a) drop-shadow(0 18px 15px #171c192b);overflow:visible}
#scads-arrival .sky-can .eight-pack{overflow:hidden}
#scads-arrival .sky-can .sky-pack:after{content:'';position:absolute;inset:7% 4% 5%;pointer-events:none;border-radius:12% / 3%;background:linear-gradient(115deg,transparent 35%,#ead9ad22 45%,#fff1cf88 50%,#d9bd7926 55%,transparent 65%);background-size:350% 100%;background-position:140% 50%;opacity:0;mix-blend-mode:soft-light}
#scads-arrival .sky-can.is-focused{z-index:10}
#scads-arrival .sky-can.is-focused .sky-can-control{transform:translate3d(0,-6px,0) scale(1.035);filter:drop-shadow(0 0 9px #e2c8881a)}
#scads-arrival .sky-products.has-focus .sky-can:not(.is-focused) .sky-can-control{filter:brightness(.91);transform:translate3d(0,1px,0) scale(.992)}
#scads-arrival .sky-can.is-glinting .sky-pack:after{animation:hero-family-glint 1.25s cubic-bezier(.22,.6,.2,1) both}
#scads-arrival .sky-can-shadow{bottom:-9px;left:-13%;width:126%;height:20px;background:radial-gradient(ellipse at center,#12191485 0%,#18211b42 34%,transparent 70%);filter:blur(2px);transform:scaleY(.65);transition:opacity .65s,transform .65s}
#scads-arrival .sky-can.is-focused .sky-can-shadow{opacity:.8;transform:scale(.93,.58)}
#scads-arrival .sky-product-floor{inset:auto -3% 1%;height:20%;background:radial-gradient(ellipse at 50% 65%,#181d1a66,transparent 67%);transform:scaleY(.65)}
#scads-arrival .sky-products:before{content:'';position:absolute;inset:15% -4% 0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 56%,#f0e2b82b,transparent 68%);transition:opacity 1.5s}
#scads-arrival .sky-products:after{content:'';position:absolute;z-index:12;pointer-events:none;left:-4%;right:-4%;bottom:0;height:30px;background:radial-gradient(ellipse,#e9dfc610,transparent 72%);filter:blur(5px)}
#scads-arrival .sky-products.family-enhanced:not(.family-ready) .sky-can{opacity:0;translate:0 20px}
#scads-arrival .sky-products.family-ready .sky-can{animation:hero-family-arrival 1.15s cubic-bezier(.22,.7,.2,1) calc(var(--eight-index)*65ms) backwards}
@keyframes hero-family-arrival{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}
@keyframes hero-family-idle{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-1.6px,0)}}
@keyframes hero-family-glint{0%{opacity:0;background-position:140% 50%}15%{opacity:.7}80%{opacity:.65}100%{opacity:0;background-position:-55% 50%}}
#scads-arrival.is-paused .sky-products *{animation-play-state:paused!important}
@media(max-width:700px){
 #scads-arrival .sky-can.is-focused .sky-can-control{transform:translate3d(0,-3px,0) scale(1.035)}
 #scads-arrival .sky-can-shadow{height:14px;bottom:-8px}
 #scads-arrival .sky-product-floor{height:62%;bottom:0;opacity:.65}
 #scads-arrival .sky-can[data-eight-order="0"]{width:calc(var(--can-h)*.357915)}
 #scads-arrival .sky-can[data-eight-order="6"]{width:calc(var(--can-h)*.392324)}
}
@media(prefers-reduced-motion:reduce){#scads-arrival .sky-products.family-enhanced .sky-can{opacity:1;translate:none;animation:none}#scads-arrival .sky-products *{animation:none!important;transition:none!important}}
.motion-paused #scads-arrival .sky-products *{animation:none!important;transition:none!important}
/* Buttons must not contribute an inline-image static-position offset. */
#scads-arrival .sky-can-control{text-align:left}
#scads-arrival .sky-can[data-eight-order="1"] .sky-pack img,#scads-arrival .sky-can[data-eight-order="4"] .sky-pack img,#scads-arrival .sky-can[data-eight-order="5"] .sky-pack img{left:0;top:0}
#scads-arrival .sky-can[data-eight-order]{width:calc(var(--can-h)*var(--ratio))!important}