.custom-features-intro-section .custom-features-intro{position:relative;overflow:hidden;padding:4rem 0 5rem}.custom-features-intro-section .custom-features-intro__overline{margin:0;font-family:var(--font-body-family);font-weight:var(--font-body-weight-bold);font-size:1.4rem;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--color-button))}.custom-features-intro-section .custom-features-intro__heading{margin:1.2rem 0 0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:3.4rem;line-height:.95;letter-spacing:-.01em;text-transform:uppercase;color:rgb(var(--color-foreground))}.custom-features-intro-section .custom-features-intro__media{display:block;width:calc(100% + 3rem);height:auto;margin:2.4rem -1.5rem 0;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 86%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 12%,#000 84%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 86%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 12%,#000 84%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.custom-features-intro-section .custom-features-intro__body{margin-top:2.4rem}.custom-features-intro-section .custom-features-intro__body p{margin:0;max-width:46ch;font-family:var(--font-body-family);font-size:1.6rem;line-height:1.5;color:rgba(var(--color-foreground),.85)}.custom-features-intro-section .custom-features-intro__body p+p{margin-top:1.2rem}.custom-features-intro-section .custom-features-intro__benefits{list-style:none;margin:3.2rem 0 0;padding:0}.custom-features-intro-section .custom-features-intro__benefit{display:flex;align-items:center;gap:1.2rem;padding:1rem 0}.custom-features-intro-section .custom-features-intro__benefit+.custom-features-intro__benefit{border-top:.1rem solid rgba(var(--color-foreground),.15)}.custom-features-intro-section .custom-features-intro__benefit-icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;color:rgb(var(--color-button))}.custom-features-intro-section .custom-features-intro__benefit-icon svg{width:100%;height:100%}.custom-features-intro-section .custom-features-intro__benefit-text{display:flex;flex-direction:column;gap:.2rem;font-family:var(--font-body-family);line-height:1.3}.custom-features-intro-section .custom-features-intro__benefit-text strong{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:1.7rem;letter-spacing:.02em;text-transform:uppercase;color:rgb(var(--color-foreground))}.custom-features-intro-section .custom-features-intro__benefit-text span{font-size:1.5rem;color:rgba(var(--color-foreground),.7)}.custom-features-intro-section .custom-features-intro__benefit-highlight{font-weight:var(--font-body-weight-bold);color:rgb(var(--color-foreground))}@media screen and (min-width:750px){.custom-features-intro-section .custom-features-intro{padding:6rem 0 7rem}.custom-features-intro-section .custom-features-intro__heading{font-size:4.6rem}.custom-features-intro-section .custom-features-intro__media{width:calc(100% + 10rem);margin:3.2rem -5rem 0}}@media screen and (min-width:1100px){.custom-features-intro-section .custom-features-intro{padding:8rem 0 9rem}.custom-features-intro-section .custom-features-intro__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"intro    media" "body     media" "benefits benefits";column-gap:6rem;align-content:start}.custom-features-intro-section .custom-features-intro__intro{grid-area:intro}.custom-features-intro-section .custom-features-intro__body{grid-area:body}.custom-features-intro-section .custom-features-intro__media{grid-area:media;width:100%;margin:0;align-self:center}.custom-features-intro-section .custom-features-intro__benefits{grid-area:benefits;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:5.6rem;padding-top:1.6rem;border-top:.1rem solid rgba(var(--color-foreground),.15)}.custom-features-intro-section .custom-features-intro__benefit+.custom-features-intro__benefit{border-top:0;border-left:.1rem solid rgba(var(--color-foreground),.15);padding-left:2.4rem}.custom-features-intro-section .custom-features-intro__benefit{gap:1.2rem;padding-right:2.4rem}.custom-features-intro-section .custom-features-intro__heading{font-size:5.4rem}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/custom-features-intro.css.map */