.benefits-feature{padding:clamp(4rem,7vw,7rem) 0;background:linear-gradient(to bottom,#fff,#eef2f5);padding:clamp(3rem,6vw,4rem)}.benefits-feature.color-background-1,.benefits-feature.color-background-2,.benefits-feature.color-background-3,.benefits-feature.color-inverse,.benefits-feature.color-scheme-1,.benefits-feature.color-scheme-2,.benefits-feature.color-scheme-3{color:rgba(var(--color-foreground),.86)}.benefits-feature__surface{display:grid;gap:clamp(4.2rem,5vw,3.2rem)}.benefits-feature__header{display:grid;gap:1rem}.benefits-feature__eyebrow{font-size:1.4rem;font-weight:500;letter-spacing:.2rem;text-transform:uppercase;color:var(--color-dark-blue);margin:0}.benefits-feature__title{margin:0;font-size:clamp(2.4rem,3.8vw,4rem);line-height:1.1;color:rgba(var(--color-foreground),.92)}.benefits-feature__intro{margin:0;max-width:52rem;color:rgba(var(--color-foreground),.7);font-size:1.5rem}.benefits-feature__content{display:grid;gap:clamp(4.2rem,5vw,8rem)}.benefits-feature__media{position:relative}.benefits-feature__media img,.benefits-feature__media video{display:block;width:100%;height:100%;object-fit:cover}.benefits-feature__media video{position:relative;z-index:1}.benefits-feature__media-image{transition:opacity .25s ease,visibility .25s ease}.benefits-feature__media-image--overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.benefits-feature__media-image.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.benefits-feature__media-inner{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:2 / 1.1}.benefits-feature__play{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-flex;align-items:center;justify-content:center;background:rgba(var(--color-background),0);border:none;cursor:pointer;z-index:3;padding:0;line-height:0;-webkit-appearance:none;appearance:none;transition:opacity .25s ease,visibility .25s ease}.benefits-feature__play:before{content:"";width:6rem;height:6rem;border-radius:999px;background:rgba(var(--color-background),.92);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 14px 35px rgba(var(--color-foreground),.15);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.benefits-feature__play svg{position:absolute;width:2.2rem;height:2.2rem;color:rgba(var(--color-foreground),.9);transition:transform .2s ease,color .2s ease}.benefits-feature__play.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.benefits-feature__play.is-hidden:before{transform:scale(.9);box-shadow:0 0 rgba(var(--color-foreground),0)}.benefits-feature__play.is-hidden svg{transform:scale(.9);opacity:0}.benefits-feature__play:disabled{cursor:default}.benefits-feature__play:hover:before,.benefits-feature__play:focus-visible:before{background:rgba(var(--color-background),.98);transform:scale(1.05);box-shadow:0 16px 38px rgba(var(--color-foreground),.18)}.benefits-feature__play:hover svg,.benefits-feature__play:focus-visible svg{transform:scale(1.08);color:rgba(var(--color-foreground),1)}.benefits-feature__list{list-style:none;padding:0;margin:0;display:grid;gap:3.2rem}.benefits-feature__item{display:grid;grid-template-columns:auto 1fr;gap:1.6rem;align-items:start}.benefits-feature__icon{width:3rem;height:3rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:transparent;flex-shrink:0}.benefits-feature__icon svg{width:3rem;height:3rem;color:var(--color-bright-orange-2)}.benefits-feature__item-title{margin:0;font-size:2.2rem;line-height:1.25;color:var(--color-dark-blue)}.benefits-feature__item-text{margin:.6rem 0 0;color:var(--color-dark-blue);font-size:1.6rem;line-height:normal}@media screen and (min-width: 990px){.benefits-feature__content{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}@media screen and (max-width: 989px){.benefits-feature__media{max-width:58rem;margin:0 auto}}@media screen and (max-width: 749px){.benefits-feature{padding:3.6rem 0}.benefits-feature__surface{padding:2.4rem;border-radius:2.4rem}.benefits-feature__header{text-align:left}.benefits-feature__play:before{width:5rem;height:5rem}.benefits-feature__play svg{width:1.8rem;height:1.8rem}.benefits-feature__item-title{font-size:1.8rem}.benefits-feature__item{gap:1.2rem}.benefits-feature__icon{width:4rem;height:4rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-benefits-feature.css.map */