.system-products{padding-block:var(--system-products-padding-top, 80px) var(--system-products-padding-bottom, 80px)}.system-products__header{max-width:760px;margin:0 auto clamp(32px,5vw,64px);text-align:center}.system-products__heading{margin:0;font-family:var(--saintt-font-light);font-size:var(--text-h2, var(--clinical-heading-size, 48px));font-weight:300;line-height:1.2}.system-products__intro{margin-top:16px;font-family:var(--saintt-font-book);font-size:18px;line-height:1.5}.system-products__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--system-products-gap, 32px)}.system-products__card{min-width:0;text-align:center}.system-products__media{position:relative;display:block;overflow:hidden;background:rgb(var(--text-color, 0 0 0) / .04)}.system-products__media--portrait{aspect-ratio:4 / 5}.system-products__media--square{aspect-ratio:1 / 1}.system-products__media--landscape{aspect-ratio:4 / 3}.system-products__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:var(--system-products-image-fit, cover);transition:opacity .5s ease,transform .7s cubic-bezier(.2,.75,.25,1)}.system-products__image--hover{opacity:0}.system-products__placeholder{fill:currentColor;opacity:.25}.system-products__step{position:absolute;z-index:2;top:16px;left:16px;padding:6px 15px;border-radius:999px;background:#fff;color:#000;font-family:var(--saintt-font-medium);font-size:11px;font-weight:500;line-height:1.25;text-transform:uppercase;pointer-events:none}.system-products__info{padding-top:clamp(22px,3vw,38px)}.system-products__title{margin:0;font-family:var(--saintt-font-book-italic);font-size:clamp(34px,3.4vw,52px);font-style:italic;font-weight:400;letter-spacing:0;line-height:1;text-transform:lowercase}.system-products__title a,.system-products__title a:is(:hover,:focus-visible){color:inherit;text-decoration:none}.system-products__subtitle{margin:22px 0 0;font-family:var(--saintt-font-medium);font-size:clamp(12px,1.2vw,17px);font-style:normal;font-weight:500;letter-spacing:.22em;line-height:1.35;text-transform:uppercase}.system-products__description{max-width:600px;margin:20px auto 0;font-family:var(--saintt-font-book);font-size:18px;line-height:1.5;text-align:center;overflow-wrap:anywhere}.system-products__description p{margin:0;font-size:inherit;line-height:inherit}.system-products__description>:is(p,ul,ol)+:is(p,ul,ol){margin-top:1em}.system-products__description :is(em,i){font-family:var(--saintt-font-book-italic)}.system-products__description :is(ul,ol){padding-inline-start:1.25em;text-align:start}.system-products__description ul{list-style:disc}.system-products__description ol{list-style:decimal}.system-products__description a{text-decoration:underline;text-underline-offset:.15em}.system-products__media:focus-visible,.system-products__title a:focus-visible{outline:2px solid currentColor;outline-offset:4px}@media(min-width:700px)and (hover:hover)and (pointer:fine){.system-products__card:hover .system-products__media--has-hover .system-products__image--primary,.system-products__media--has-hover:focus-visible .system-products__image--primary{opacity:0;transform:scale(1.015)}.system-products__card:hover .system-products__media--has-hover .system-products__image--hover,.system-products__media--has-hover:focus-visible .system-products__image--hover{opacity:1;transform:scale(1.015)}}@media(prefers-reduced-motion:reduce){.system-products__image{transition:none}}@media(max-width:699px){.system-products{padding-block:var(--system-products-padding-top-mobile, 48px) var(--system-products-padding-bottom-mobile, 48px)}.system-products__grid{grid-template-columns:minmax(0,1fr);gap:var(--system-products-gap-mobile, 64px)}.system-products__heading,.system-products__title{font-size:var(--saintt-mobile-section-heading-size)}.system-products__intro,.system-products__intro p,.system-products__description{font-size:var(--saintt-mobile-rich-text-size)}.system-products__subtitle{margin-top:var(--saintt-mobile-eyebrow-margin-top);font-size:var(--saintt-mobile-eyebrow-size)}.system-products__step{top:8px;left:8px;padding:5px 10px;font-size:var(--saintt-mobile-section-link-size)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/lavanae-system-products.css.map */