.hoad-feature-showcase{padding:64px 16px 96px}.hoad-feature-showcase--no-top{padding-top:0}.hoad-feature-showcase--no-bottom{padding-bottom:0}.hoad-feature-showcase__header{max-width:1200px;margin:0 auto 40px;padding:0 24px}.hoad-feature-showcase__title{font-size:28px;line-height:1.15;text-transform:uppercase;letter-spacing:.01em;margin:0 0 10px}.hoad-feature-showcase__sub{font-size:15px;color:rgba(var(--color-body-rgb, 21, 21, 21),.65);margin:0}.hoad-feature-showcase__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;max-width:1200px;margin:0 auto;padding:0 24px}.hoad-feature-showcase__card{display:flex;flex-direction:column}.hoad-feature-showcase__img-wrap{width:100%;aspect-ratio:4 / 5;overflow:hidden;margin-bottom:20px;background:rgba(var(--color-body-rgb, 21, 21, 21),.04)}.hoad-feature-showcase__img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}@media(hover:hover){.hoad-feature-showcase__card:hover .hoad-feature-showcase__img-wrap img{transform:scale(1.03)}}.hoad-feature-showcase__card-title{font-size:20px;line-height:1.2;letter-spacing:-.01em;text-transform:uppercase;margin:0 0 10px}.hoad-feature-showcase__card-text{font-size:14px;line-height:1.7;color:rgba(var(--color-body-rgb, 21, 21, 21),.7);margin:0}.hoad-feature-showcase__dots{display:none}@media(max-width:768px){.hoad-feature-showcase{padding:48px 0 80px}.hoad-feature-showcase__header{padding:0 24px;margin-bottom:32px}.hoad-feature-showcase__title{font-size:22px}.hoad-feature-showcase__sub{font-size:13px}.hoad-feature-showcase__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:16px;padding:0 24px;scrollbar-width:none}.hoad-feature-showcase__grid::-webkit-scrollbar{display:none}.hoad-feature-showcase__card{flex:0 0 80vw;max-width:320px;scroll-snap-align:start}.hoad-feature-showcase__card-title{font-size:18px}.hoad-feature-showcase__card-text{font-size:13px}.hoad-feature-showcase__dots{display:flex;justify-content:center;gap:6px;margin-top:24px;padding:0 24px}.hoad-feature-showcase__dot{width:6px;height:6px;border-radius:50%;background:rgba(var(--color-body-rgb, 21, 21, 21),.2);transition:background .3s,width .3s}.hoad-feature-showcase__dot.is-active{background:var(--color-body, #151515);width:20px;border-radius:3px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/hoad-feature-showcase.css.map */