.lacroux-connections{--lacroux-muted: #5f6662;--lacroux-cream: #f6f3ee;--lacroux-soft: #f2f4f1;color:#1b1d1c;background:#fafaf7}.lacroux-connections__section{padding-block:clamp(4.8rem,7vw,8rem)}.lacroux-connections__section--soft{background:var(--lacroux-cream)}.lacroux-connections__eyebrow{margin:0 0 1.2rem;color:var(--lacroux-accent, var(--lacroux-discovery-accent, #214e3b));font-size:1.2rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.lacroux-connections h2{margin:0 0 2.8rem;font-size:clamp(2.8rem,4vw,4.4rem);line-height:1.08;letter-spacing:-.03em}.lacroux-connections__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem}.lacroux-connections__card,.lacroux-connections__guide{overflow:hidden;border:1px solid rgb(27 29 28 / 8%);border-radius:2rem;background:#fff}.lacroux-connections__media{display:block;overflow:hidden;aspect-ratio:4 / 3;background:var(--lacroux-soft)}.lacroux-connections__media img,.lacroux-connections__media svg{width:100%;height:100%;object-fit:cover;transition:transform .22s ease}.lacroux-connections__card:hover .lacroux-connections__media img,.lacroux-connections__guide:hover .lacroux-connections__media img{transform:scale(1.02)}.lacroux-connections__body{padding:1.8rem}.lacroux-connections__body p{margin:0 0 .8rem;color:var(--lacroux-muted);font-size:1.15rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.lacroux-connections__body h3{margin:0;font-size:1.8rem;line-height:1.3}.lacroux-connections__body h3 a{color:inherit;text-decoration:none}.lacroux-connections__body>span{display:block;margin-top:.8rem;color:var(--lacroux-muted);font-size:1.4rem;line-height:1.55}.lacroux-connections__card--no-product-media{display:grid;min-height:22rem;align-content:center;background:var(--lacroux-cream)}.lacroux-connections__card--no-product-media .lacroux-connections__body{padding:clamp(2.4rem,4vw,3.6rem)}@media screen and (min-width:750px){.lacroux-connections__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.lacroux-connections__grid--editorial{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:749px){.lacroux-connections__grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.lacroux-connections__media img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/lacroux-product-connections.css.map */
