.two-feature-tiles{color:rgb(var(--color-foreground))}.two-feature-tiles__grid{display:grid;gap:1.6rem}.two-feature-tiles__tile{position:relative;min-height:min(48vw,560px);aspect-ratio:1 / 1;overflow:hidden;background:rgba(var(--color-foreground),.04)}.two-feature-tiles__media,.two-feature-tiles__media img,.two-feature-tiles__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.two-feature-tiles__media img,.two-feature-tiles__placeholder{object-fit:cover}.two-feature-tiles__placeholder{background:rgba(var(--color-foreground),.05)}.two-feature-tiles__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(var(--color-foreground),.02),rgba(var(--color-foreground),.5))}.two-feature-tiles__content{position:absolute;left:clamp(2.4rem,4vw,5.6rem);right:clamp(2.4rem,4vw,5.6rem);z-index:1;display:flex;flex-direction:column;align-items:flex-start;color:var(--two-feature-tiles-text-color, #ffffff);text-align:left}.two-feature-tiles__content--top{top:clamp(2.4rem,4vw,5.6rem)}.two-feature-tiles__content--middle{top:50%;transform:translateY(-50%)}.two-feature-tiles__content--bottom{bottom:clamp(2.4rem,4vw,5.6rem)}.two-feature-tiles__content--center{align-items:center;text-align:center}.two-feature-tiles__content--right{align-items:flex-end;text-align:right}.two-feature-tiles__heading{margin:0;color:currentColor}.two-feature-tiles__text{margin-top:1.2rem;max-width:42rem;color:currentColor}.two-feature-tiles__content--center .two-feature-tiles__text{margin-left:auto;margin-right:auto}.two-feature-tiles__content--right .two-feature-tiles__text{margin-left:auto}.two-feature-tiles__text p{margin-top:0}.two-feature-tiles__button{--border-radius: .8rem;margin-top:2rem;min-width:16rem;justify-content:center;border-radius:.8rem}.two-feature-tiles__button:before,.two-feature-tiles__button:after{border-radius:.8rem}@media screen and (min-width:750px){.two-feature-tiles__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.two-feature-tiles__grid{gap:1.2rem}.two-feature-tiles__tile{min-height:auto}.two-feature-tiles__content{left:2rem;right:2rem}.two-feature-tiles__content--top{top:2rem}.two-feature-tiles__content--bottom{bottom:2rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-two-feature-tiles.css.map */
