.feature-columns{padding:6rem 0;counter-reset:feature-counter}.feature-columns__header{text-align:center;margin-bottom:4.5rem}.feature-columns__title{font-size:clamp(2.4rem,5vw,3.6rem);font-weight:600;color:rgb(var(--color-foreground));margin:0;line-height:1.2}.feature-columns__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem;list-style:none;padding:0;margin:0}@media screen and (max-width:749px){.feature-columns__grid{grid-template-columns:1fr}.feature-columns{padding:4rem 0}}.feature-columns__card{counter-increment:feature-counter;position:relative;background:rgba(var(--color-foreground),.06);border-radius:1.2rem;padding:2.8rem;display:flex;flex-direction:column;min-height:18rem;justify-content:flex-end;overflow:hidden;transition:background .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);cursor:default}.feature-columns__card:hover{background:rgba(var(--color-foreground),.1);transform:translateY(-4px)}.feature-columns__card:before{content:counter(feature-counter,decimal-leading-zero);position:absolute;top:-.8rem;right:1.6rem;font-size:8rem;font-weight:700;line-height:1;color:rgba(var(--color-foreground),.06);pointer-events:none;letter-spacing:-.04em;transition:color .4s ease,transform .4s ease}.feature-columns__card:hover:before{color:rgba(var(--color-foreground),.12);transform:scale(1.05)}.feature-columns__icon{display:none}.feature-columns__card-title{font-size:1.5rem;font-weight:600;color:rgb(var(--color-foreground));margin:0 0 .8rem;line-height:1.3;letter-spacing:-.01em;transition:transform .4s cubic-bezier(.4,0,.2,1)}.feature-columns__card:hover .feature-columns__card-title{transform:translate(4px)}.feature-columns__card-text{font-size:1.15rem;line-height:1.7;color:rgba(var(--color-foreground),.55);margin:0;max-width:38ch;transition:color .4s ease}.feature-columns__card:hover .feature-columns__card-text{color:rgba(var(--color-foreground),.7)}.feature-columns__card.scroll-trigger.animate--slide-in{opacity:0}.feature-columns__card.scroll-trigger.animate--slide-in.scroll-trigger--animate{opacity:1}@media(prefers-reduced-motion:reduce){.feature-columns__card,.feature-columns__card:before,.feature-columns__card-title,.feature-columns__card-text{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-feature-columns.css.map */
