.hero-segmentation{display:flex;position:relative;align-items:center;justify-content:center;padding:4rem 0;text-align:center;isolation:isolate}.hero-segmentation--small{min-height:30rem}.hero-segmentation--medium{min-height:40rem}.hero-segmentation--large{min-height:50rem}@media screen and (min-width: 750px){.hero-segmentation{padding:6rem 0}.hero-segmentation--small{min-height:35rem}.hero-segmentation--medium{min-height:50rem}.hero-segmentation--large{min-height:65rem}}.hero-segmentation__media{height:100%;position:absolute;left:0;top:0;width:100%;z-index:0}.hero-segmentation__media img{width:100%;height:100%;object-fit:cover}.hero-segmentation:after{content:"";position:absolute;top:0;left:0;background:#000;opacity:0;z-index:1;width:100%;height:100%}.hero-segmentation__content{width:100%;max-width:90rem;position:relative;z-index:2}.hero-segmentation__box{padding:3rem 1.5rem;text-align:center}@media screen and (min-width: 750px){.hero-segmentation__box{padding:4rem 3.5rem}}.hero-segmentation__heading{margin-bottom:2rem;font-weight:700;line-height:1.2}@media screen and (min-width: 750px){.hero-segmentation__heading{margin-bottom:3rem}}.hero-segmentation__value-prop{margin-bottom:3rem}.hero-segmentation__value-prop-text{font-size:1.8rem;font-weight:600;color:rgb(var(--color-foreground));margin:0}@media screen and (min-width: 750px){.hero-segmentation__value-prop{margin-bottom:4rem}.hero-segmentation__value-prop-text{font-size:2.2rem}}.hero-segmentation__buttons{display:flex;flex-direction:column;gap:1.5rem;align-items:center;justify-content:center}@media screen and (min-width: 750px){.hero-segmentation__buttons{flex-direction:row;gap:2rem}}.hero-segmentation__button{min-width:28rem;min-height:5.5rem;padding:1.5rem 3rem;font-size:1.6rem;font-weight:600;text-align:center;border-radius:var(--buttons-radius);transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}@media screen and (min-width: 750px){.hero-segmentation__button{min-width:32rem;min-height:6rem;font-size:1.8rem;padding:2rem 4rem}}.hero-segmentation__button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--color-shadow),.15)}.hero-segmentation__button:active{transform:translateY(0)}@media screen and (max-width: 749px){.hero-segmentation__button{min-height:4.4rem;width:100%;max-width:35rem}}.hero-segmentation.scroll-trigger.animate--fade-in{animation:var(--animation-fade-in)}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-hero-segmentation.css.map */