/* Stationary snap boxes, with gesture-driven depth on the inner visual plane. */
.ingredient-card.float-card,.benefit-image-section .benefit-picture-topic.float-card{background:transparent;overflow:visible;box-shadow:none}
.ingredient-card.float-card{transform:none}
.card-swipe-plane{position:relative;min-width:0;border-radius:inherit;transform-origin:50% 55%}
.ingredient-card>.card-swipe-plane{height:100%}
.benefit-picture-topic>.card-swipe-plane{display:flex;flex-direction:column;flex:1}
.card-float-surface{position:relative;border-radius:inherit;overflow:hidden;background:var(--card-paper,#fafbf8);box-shadow:0 12px 26px #252d1d16}
.ingredient-card .card-float-surface{height:100%}
.benefit-picture-topic .card-float-surface{display:flex;flex-direction:column;flex:1}
.ingredient-track{padding-top:28px;padding-bottom:36px}
.benefit-image-section .benefit-picture-grid{padding-top:26px;padding-bottom:34px}
@media(max-width:767px){
 .ingredient-card{flex-basis:var(--rail-card-width,min(80vw,340px));scroll-snap-align:center}
 .ingredient-track,.benefit-image-section .benefit-picture-grid{padding-inline:var(--rail-inset,max(10vw,calc((100vw - 340px)/2)));scroll-padding-inline:0}
 .ingredient-track::after{display:none}
 .benefit-image-section .benefit-picture-grid{grid-auto-columns:var(--rail-card-width,min(80vw,340px))}
 .benefit-image-section .benefit-picture-topic{scroll-snap-align:center}
 .card-float-surface{box-shadow:0 14px 26px #252d1d1c}
 .card-swipe-plane{transform:perspective(850px) rotateY(var(--swipe-yaw,0deg)) rotateZ(var(--swipe-roll,0deg)) scale(var(--swipe-scale,1))}
 .is-floating>.card-swipe-plane{will-change:transform}
 .float-card .ingredient-card-art{transform:translate3d(var(--art-drift,0px),0,0)}
 .float-card .benefit-picture img{transform:translate3d(var(--photo-drift,0px),0,0) scale(1.1);transition:none}
 .cards-asleep .card-swipe-plane{transform:none;will-change:auto}
 .cards-asleep .float-card .ingredient-card-art,.cards-asleep .float-card .benefit-picture img{transform:none}
}
@media(prefers-reduced-motion:reduce){
 .float-card .card-swipe-plane,.float-card .ingredient-card-art,.float-card .benefit-picture img{transform:none!important;will-change:auto;transition:none}
}