@media screen and (min-width:990px){.foam-feature .container{padding-inline:var(--page-gutter, 5rem)}}.foam-feature__inner{display:flex;flex-direction:column;gap:4rem}@media screen and (min-width:990px){.foam-feature__inner{flex-direction:row-reverse;align-items:stretch;gap:6.4rem}.foam-feature--image-left{flex-direction:row}}.foam-feature__media{width:100%}@media screen and (min-width:990px){.foam-feature__media{flex:0 0 45%;width:45%}}.foam-feature__image-wrapper{display:block;position:relative;overflow:hidden}.foam-feature__image,.foam-feature__image-wrapper .placeholder-svg{display:block;width:100%;height:auto}.foam-feature__image-wrapper .placeholder-svg{aspect-ratio:16 / 10}.foam-feature__image--mobile{display:none}@media screen and (max-width:749px){.foam-feature__image-wrapper--ratio-mobile{aspect-ratio:var(--ratio-mobile)}.foam-feature__image-wrapper--ratio-mobile .foam-feature__image{height:100%;object-fit:cover}}@media screen and (min-width:750px){.foam-feature__image-wrapper--ratio-desktop{aspect-ratio:var(--ratio-desktop)}.foam-feature__image-wrapper--ratio-desktop .foam-feature__image{height:100%;object-fit:cover}}@media screen and (max-width:749px){.foam-feature__image--desktop{display:none}.foam-feature__image--mobile{display:block}}.foam-feature__label{position:absolute;left:var(--label-x-mobile);top:var(--label-y-mobile);display:inline-flex;align-items:center;gap:.6rem;padding:.4rem .8rem;font-size:1.2rem;line-height:1.4;white-space:nowrap;color:#fff;background:linear-gradient(180deg,#3c3c3299,#3c3c3259);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}.foam-feature__label:before{content:"";flex:0 0 auto;width:.4rem;height:.4rem;border-radius:50%;background:currentColor}[data-animate] .foam-feature__label{opacity:0;transform:translateY(.8rem);transition:opacity .3s ease,transform .3s ease}[data-animate].is-visible .foam-feature__label{opacity:1;transform:none;transition:opacity .6s ease,transform .6s ease;transition-delay:calc(var(--label-index, 0) * .15s + .1s)}@media screen and (min-width:750px){.foam-feature__label{left:var(--label-x);top:var(--label-y);gap:.8rem;padding:.8rem 1.2rem;font-size:1.6rem}.foam-feature__label:before{width:.5rem;height:.5rem}}.foam-feature__content{display:flex;flex-direction:column;gap:4rem}@media screen and (min-width:990px){.foam-feature__content{flex:1 1 auto;justify-content:space-between;gap:6.4rem;padding:.8rem 0}}.foam-feature__subheading{margin:0 0 1.6rem;font-size:1.4rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;line-height:1.2}.foam-feature__heading{margin:0;font-family:freight-display-pro,serif;font-weight:700;font-size:3.2rem;line-height:1.25}.foam-feature__heading em{font-family:freight-display-pro,serif;font-style:normal;font-weight:700;color:rgb(var(--color-button))}@media screen and (max-width:989px){.foam-feature__subheading,.foam-feature__heading{text-align:center}}@media screen and (min-width:990px){.foam-feature__heading{font-size:4.4rem;line-height:1.15}}.foam-feature__bullets{margin:2.4rem 0 0;padding:0;list-style:none}.foam-feature__bullet{position:relative;padding-left:1.6rem;font-size:1.6rem;line-height:1.6}.foam-feature__bullet+.foam-feature__bullet{margin-top:1.6rem}.foam-feature__bullet:before{content:"";position:absolute;left:0;top:.6em;width:.3rem;height:.3rem;border-radius:50%;background:currentColor}@media screen and (min-width:990px){.foam-feature__bullets{margin-top:3.2rem}}.foam-feature__features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem;margin:0;padding:0;list-style:none}@media screen and (min-width:990px){.foam-feature__features{display:flex;flex-wrap:wrap;gap:4.8rem}}.foam-feature__feature{display:flex;flex-direction:column;align-items:center;gap:1.6rem;text-align:center}@media screen and (min-width:990px){.foam-feature__feature{align-items:flex-start;text-align:left;gap:2.4rem}}.foam-feature__icon{display:flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem}@media screen and (min-width:990px){.foam-feature__icon{width:5.6rem;height:5.6rem}}.foam-feature__icon-image{display:block;width:100%;height:100%;object-fit:contain}.foam-feature__feature-title{font-size:1.4rem;font-weight:500;line-height:1.3}@media screen and (min-width:990px){.foam-feature__feature-title{font-size:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/92/assets/section-foam-feature.css.map */