.commodity-h-scroll-root{overflow-x:clip}.commodity-intro-section{position:relative}.commodity-scroll-container{width:100%;position:relative}.commodity-sticky-wrapper{flex-direction:column;gap:1rem;width:100%;height:calc(90dvh - 4.75rem - 30px);padding-top:1.25rem;padding-bottom:0;display:flex;position:sticky;top:4.75rem;overflow:hidden}.commodity-gallery{will-change:transform;height:100%;display:flex}.commodity-gallery-item{background-color:var(--surface-highest);background-position:58%;background-repeat:no-repeat;background-size:cover;border-radius:.75rem;flex-shrink:0;position:relative;overflow:hidden}.commodity-gallery-item:before{content:"";z-index:1;background:linear-gradient(to bottom, #0000 0%, #0000002e 48%, rgba(var(--primary-rgb), .48) 72%, rgba(var(--primary-rgb), .82) 94%, rgba(var(--primary-rgb), .92) 100%);pointer-events:none;position:absolute;inset:0}.commodity-item-content{z-index:2;position:absolute;bottom:1.25rem;left:1.25rem;right:1.25rem}@media (min-width:768px){.commodity-item-content{bottom:1.5rem;left:1.5rem;right:1.5rem}}.commodity-gallery-item h3{letter-spacing:-.02em;color:var(--surface-lowest);margin:0;font-size:2rem;font-weight:700}@media (min-width:768px){.commodity-gallery-item h3{font-size:1.625rem}}.commodity-item-detail{color:var(--surface-low);margin:.35rem 0 0;font-size:.75rem;line-height:1.6}@media (min-width:768px){.commodity-item-detail{font-size:.875rem;line-height:1.62}}.commodity-scroll-fallback .commodity-gallery-item:before{background:linear-gradient(to bottom, #0000 0%, #0000001f 50%, rgba(var(--primary-rgb), .38) 78%, rgba(var(--primary-rgb), .52) 100%)}@media (prefers-reduced-motion:reduce){.commodity-gallery{transform:none!important}.commodity-scroll-container{height:auto!important;min-height:0!important}.commodity-sticky-wrapper{-webkit-overflow-scrolling:touch;padding:2rem 0 2.5rem;position:relative;overflow:auto visible;min-height:0!important;top:auto!important}}@keyframes hmFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes hmFadeScale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.hm-load{opacity:0;animation:.6s ease-out forwards hmFadeUp}.hm-load-scale{opacity:0;animation:.5s ease-out forwards hmFadeScale}.hm-reveal{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(24px)}.hm-reveal.visible{opacity:1;transform:translateY(0)}.hm-reveal-left{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translate(-32px)}.hm-reveal-left.visible{opacity:1;transform:translate(0)}.hm-stagger-item{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(24px)}.hm-stagger.visible .hm-stagger-item{opacity:1;transform:translateY(0)}