.hob-gel-strip{--cream: #ece5de;--dark: #242424;--brown: #474038;--mid: #aea091;background:var(--cream);padding:clamp(48px,6vh,80px) 0;overflow:hidden}.hob-gel-strip__header{text-align:center;padding:0 clamp(24px,4vw,48px);margin-bottom:clamp(28px,4vw,48px)}.hob-gel-strip__eyebrow{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--mid);margin:0 0 10px}.hob-gel-strip__heading{font-family:PPFormula,Georgia,serif;font-weight:300;font-size:clamp(32px,4vw,60px);line-height:.95;letter-spacing:-.025em;text-transform:lowercase;color:var(--dark);margin:0}.hob-gel-strip__track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 clamp(24px,4vw,48px);cursor:grab}.hob-gel-strip__track::-webkit-scrollbar{display:none}.hob-gel-strip__track:active{cursor:grabbing}.hob-gel-strip__item{flex-shrink:0;scroll-snap-align:start;width:clamp(260px,30vw,380px);display:flex;flex-direction:column;gap:10px}.hob-gel-strip__img{width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:12px;display:block;background:#d9cdc1}.hob-gel-strip__placeholder{width:100%;aspect-ratio:4 / 5;border-radius:12px;background:linear-gradient(135deg,#d9cdc1,#c4b9af)}.hob-gel-strip__caption{font-size:13px;font-style:italic;color:var(--mid);margin:0;padding:0 4px}.hob-gel-strip__footer{text-align:center;margin-top:clamp(28px,4vw,48px);padding:0 24px}.hob-gel-strip__cta{display:inline-block;padding:12px 28px;border-radius:50px;border:1.5px solid var(--dark);color:var(--dark);font-family:PP Neue Montreal,sans-serif;font-size:13px;font-weight:500;letter-spacing:.05em;text-decoration:none;transition:background .2s,color .2s}.hob-gel-strip__cta:hover{background:var(--dark);color:#fff}.hob-js [data-hob-animate]{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.hob-js [data-hob-animate].is-visible{opacity:1;transform:translateY(0)}@media(max-width:767px){.hob-gel-strip__track{padding:0 16px;gap:10px}.hob-gel-strip__item{width:min(260px,75vw)}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/hob-gel-product-strip.css.map */