.spp-intro{padding-top:var(--intro-padding-top);padding-bottom:var(--intro-padding-bottom);background:var(--intro-surround, #fff);color:var(--intro-text)}.spp-intro .spp-intro__panel{position:relative;isolation:isolate;padding-bottom:44px}.spp-intro .spp-intro__panel:before{--intro-edge-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 12' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 4 C90 5 150 7 235 5 C330 3 385 1 475 3 C570 5 635 6 730 4 C825 2 890 1 980 3 C1080 5 1135 3 1225 4 C1310 5 1370 7 1440 5 L1440 12 L0 12 Z'/%3E%3C/svg%3E");content:"";position:absolute;top:112px;right:0;bottom:0;left:0;z-index:-1;background:var(--intro-background);-webkit-mask:var(--intro-edge-mask) top / 100% 12px no-repeat,linear-gradient(#fff,#fff) bottom / 100% calc(100% - 10px) no-repeat;mask:var(--intro-edge-mask) top / 100% 12px no-repeat,linear-gradient(#fff,#fff) bottom / 100% calc(100% - 10px) no-repeat}.spp-intro .spp-intro__panel:after{--intro-arch-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 820 300' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 132 C38 91 91 59 153 37 C224 11 310 2 407 4 C502 1 585 12 655 38 C724 63 782 97 820 130 L820 300 L0 300 Z'/%3E%3C/svg%3E");content:"";position:absolute;top:0;left:50%;z-index:-1;width:min(820px,100%);height:300px;background:var(--intro-background);transform:translate(-50%);-webkit-mask:var(--intro-arch-mask) center / 100% 100% no-repeat;mask:var(--intro-arch-mask) center / 100% 100% no-repeat}.spp-intro .spp-intro__inner{position:relative;max-width:1200px}.spp-intro .spp-intro__heading{width:100%;max-width:800px;margin:0 auto -40px;color:var(--intro-text);line-height:1;text-align:center}.spp-intro .spp-intro__heading-curve{display:block;width:100%;height:auto;overflow:visible}.spp-intro .spp-intro__heading-curve text{fill:currentColor;font-family:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit}.spp-intro .spp-intro__description{max-width:620px;margin:0 auto 20px;text-align:center;line-height:1.45}.spp-intro .spp-intro__description p{margin:0}.spp-intro .spp-intro__description p+p{margin-top:8px}.spp-intro .spp-intro__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:36px}.spp-intro .spp-intro__visual{display:flex;justify-content:center;align-items:center;min-width:0}.spp-intro .spp-intro__image{display:block;width:100%;max-width:var(--intro-image-width);height:auto;max-height:300px;object-fit:contain}.spp-intro .spp-intro__placeholder{width:100%;max-width:440px;padding:48px 24px;border:1px dashed currentColor;text-align:center;line-height:1.4}.spp-intro .spp-intro__highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;width:100%;margin:0;padding:0;list-style:none}.spp-intro .spp-intro__highlight{display:flex;align-items:flex-start;gap:16px;margin:0;padding:0}.spp-intro .spp-intro__icon{display:flex;align-items:center;justify-content:center;flex:0 0 56px;width:56px;height:56px;color:var(--intro-icon)}.spp-intro .spp-intro__icon svg,.spp-intro .spp-intro__icon img{display:block;width:100%;height:100%;object-fit:contain}.spp-intro .spp-intro__highlight-content{flex:1;min-width:0}.spp-intro .spp-intro__highlight-heading{margin:0 0 8px;color:var(--intro-text);font-size:22px;line-height:1.2}.spp-intro .spp-intro__highlight-text{font-size:16px;line-height:1.45}.spp-intro .spp-intro__highlight-text p{margin:0}.spp-intro .spp-intro__highlight-text p+p{margin-top:8px}.spp-intro a{color:inherit;text-decoration:underline}@media only screen and (max-width:749px){.spp-intro .spp-intro__panel{padding-top:12px;padding-bottom:32px}.spp-intro .spp-intro__panel:before{top:56px}.spp-intro .spp-intro__panel:after{height:160px}.spp-intro .spp-intro__heading{margin-bottom:16px}.spp-intro .spp-intro__heading-curve text{font-size:calc(var(--font-heading-large) * 1.8)}.spp-intro .spp-intro__description{margin-bottom:20px;font-size:15px}.spp-intro .spp-intro__layout{gap:28px}.spp-intro .spp-intro__image{max-width:320px;max-height:var(--intro-mobile-image-height)}.spp-intro .spp-intro__highlights{grid-template-columns:minmax(0,1fr);max-width:440px;margin:0 auto;gap:22px}.spp-intro .spp-intro__highlight{gap:14px}.spp-intro .spp-intro__icon{flex-basis:44px;width:44px;height:44px}.spp-intro .spp-intro__highlight-heading{margin-bottom:6px;font-size:21px}.spp-intro .spp-intro__highlight-text{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/141/assets/product-introduction.css.map */
