.pbenefits{background:linear-gradient(180deg,var(--c-bg) 0%,var(--c-surface) 100%)}.pbenefits__head{text-align:center;max-width:640px;margin:0 auto clamp(2rem,5vw,3.5rem)}.pbenefits__head .eyebrow{justify-content:center}.pbenefits__list{display:grid;gap:clamp(2.5rem,7vw,5.5rem)}.pbenefit{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(1.5rem,5vw,4.5rem)}.pbenefit--reverse .pbenefit__media{order:2}.pbenefit__media{position:relative;border-radius:calc(var(--radius) * 1.4);overflow:hidden;aspect-ratio:1 / 1;background:var(--c-surface);box-shadow:0 24px 50px -24px color-mix(in srgb,var(--c-text) 35%,transparent)}.pbenefit__media img,.pbenefit__media svg{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.pbenefit:hover .pbenefit__media img{transform:scale(1.04)}.pbenefit__num{position:absolute;top:1rem;left:1rem;min-width:3.1rem;height:3.1rem;padding:0 .6rem;display:grid;place-items:center;border-radius:999px;font-family:var(--font-heading);font-weight:800;font-size:1.05rem;color:#fff;background:var(--tone);box-shadow:0 8px 18px -8px var(--tone)}.pbenefit--reverse .pbenefit__num{left:auto;right:1rem}.pbenefit--coral{--tone: var(--c-primary)}.pbenefit--teal{--tone: var(--c-secondary)}.pbenefit--sun{--tone: #F4A300}.pbenefit__content{max-width:30rem}.pbenefit--reverse .pbenefit__content{justify-self:end}.pbenefit__title{position:relative;font-size:clamp(1.75rem,3.6vw,2.6rem);line-height:1.1;margin:0 0 1rem;padding-bottom:.9rem}.pbenefit__title:after{content:"";position:absolute;left:0;bottom:0;width:3.2rem;height:.32rem;border-radius:999px;background:var(--tone)}.pbenefit__text{color:var(--c-muted);font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.7;margin:0}.js .pbenefit[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.js .pbenefit[data-reveal].is-in,.js .shopify-design-mode .pbenefit[data-reveal]{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.js .pbenefit[data-reveal]{opacity:1;transform:none;transition:none}.pbenefit__media img{transition:none}}@media(max-width:749px){.pbenefit{grid-template-columns:1fr;gap:1.25rem}.pbenefit--reverse .pbenefit__media{order:0}.pbenefit--reverse .pbenefit__content{justify-self:start}.pbenefit__media{aspect-ratio:4 / 3.4}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/product-benefits.css.map */