.lipbenefits{background:var(--cream);overflow-x:clip}.lipbenefits__head{margin-bottom:clamp(2rem,4vw,3rem)}.lipbenefits__sub{margin-top:.9rem}.lipbenefits__row{display:grid;grid-auto-flow:column;grid-auto-columns:74%;gap:clamp(.9rem,4vw,1.4rem);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;margin-inline:calc(var(--dq-gutter) * -1);padding-inline:var(--dq-gutter);padding-bottom:.4rem}.lipbenefits__row::-webkit-scrollbar{display:none}.lipcard{scroll-snap-align:start;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--dq-line);border-radius:var(--radius);overflow:hidden;min-height:44px;box-shadow:var(--shadow-card);transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.lipcard__media{position:relative;aspect-ratio:4 / 5;background:var(--blush-wash);border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);overflow:hidden}.lipcard__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.lipcard__body{display:flex;flex-direction:column;gap:.4rem;padding:clamp(1.1rem,3vw,1.5rem)}.lipcard__num{font-family:var(--font-head);font-weight:700;font-size:1.7rem;line-height:1;color:var(--rose)}.lipcard__title{font-family:var(--font-head);font-weight:700;font-size:var(--fs-h3);line-height:var(--lh-snug);letter-spacing:var(--track-tight);color:var(--ink)}.lipcard__copy{color:var(--ink-soft);font-size:var(--fs-small);line-height:1.55}@media(min-width:640px){.lipbenefits__row{grid-auto-flow:row;grid-template-columns:repeat(2,1fr);grid-auto-columns:auto;overflow:visible;scroll-snap-type:none;margin-inline:0;padding-inline:0;padding-bottom:0;gap:clamp(1rem,2.5vw,1.6rem)}.lipcard{box-shadow:none}}@media(min-width:1000px){.lipbenefits__row{grid-template-columns:repeat(5,1fr)}.lipcard__num{font-size:1.5rem}}@media(hover:hover){.lipcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-card)}.lipcard:hover .lipcard__media img{transform:scale(1.05)}}@media(prefers-reduced-motion:reduce){.lipcard,.lipcard__media img{transition:none}.lipcard:hover,.lipcard:hover .lipcard__media img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/97/assets/dq-benefits.css.map */