.feature-callout-hero__container{display:flex;flex-direction:column;align-items:center}.feature-callout-hero__heading{text-align:center;margin-bottom:3.2rem}@media(min-width:768px){.feature-callout-hero__heading{margin-bottom:-4rem;position:relative;z-index:2}}.feature-callout-hero__stage{position:relative;width:100%;max-width:96rem;margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:0}@media(min-width:768px){.feature-callout-hero__stage{display:block}}.feature-callout-hero__product{width:100%;margin-inline:auto}@media(min-width:768px){.feature-callout-hero__product{width:var(--image-width, 55%)}}.feature-callout-hero__product .feature-callout-hero__product-image{width:100%}.feature-callout-hero__cards{display:block;width:100%}@media(min-width:768px){.feature-callout-hero__cards{display:none}}.feature-callout-hero__cards-viewport{padding-inline:1.5rem;clip-path:inset(-2rem calc(var(--container-gap, 2rem) * -1))}.feature-callout-hero__slide{height:auto}.feature-callout-hero__card{position:relative;width:100%;padding:1.2rem;border-radius:1.2rem;border:.4rem solid color-mix(in srgb,rgba(var(--color-foreground)) 20%,transparent);background-color:color-mix(in srgb,rgba(var(--color-foreground)) 100%,transparent);background-clip:padding-box}.feature-callout-hero__card--pin{display:none}@media(min-width:768px){.feature-callout-hero__card--pin{display:block;position:absolute;z-index:3;top:calc(var(--top_dt) * 1%);left:calc(var(--left_dt) * 1%);transform:translate(-50%,-50%);width:30rem;border-width:.6rem}}.feature-callout-hero__card-inner{display:flex;align-items:center;gap:1.6rem}.feature-callout-hero__card-icon{flex-shrink:0;width:6.4rem;height:6.4rem;border-radius:.8rem;border:.1rem solid color-mix(in srgb,rgba(var(--color-background)) 10%,transparent);overflow:hidden}.feature-callout-hero__card-icon .feature-callout-hero__card-icon-image{width:100%;height:100%;object-fit:cover}.feature-callout-hero__card-text{flex:1;min-width:0;margin:0;font-weight:600;line-height:1.3;color:color-mix(in srgb,rgba(var(--color-background)) 80%,transparent);font-size:1.7rem;letter-spacing:-.034rem}.feature-callout-hero__cta{position:relative;margin-top:4.8rem}@media(max-width:767px){.feature-callout-hero__cta .xo-btn{min-width:24rem}}@media(min-width:768px){.feature-callout-hero__cta{position:absolute;left:50%;bottom:3%;transform:translate(-50%);margin-top:0;z-index:4}}
/*# sourceMappingURL=/cdn/shop/t/73/assets/section-feature-callout-hero.css.map */