.system-strip__header{max-width:72rem;margin:0 auto 3.2rem;text-align:center}.system-strip__heading{margin:0}.system-strip__intro{margin:1.2rem 0 0;font-size:1.6rem;line-height:1.5;color:rgba(var(--color-foreground),.85)}.system-strip__steps{display:grid;gap:3.2rem;margin:0;padding:0;list-style:none}.system-strip__step{position:relative;display:grid;grid-template-columns:4.8rem minmax(0,1fr);gap:1.6rem;align-items:start;align-content:start}.system-strip__step:not(:last-child):after{content:"";position:absolute;top:6rem;bottom:-2.4rem;left:2.3rem;width:.2rem;background:rgba(var(--color-foreground),.25)}.system-strip__step:not(:last-child):before{content:"";position:absolute;bottom:-2.4rem;left:1.95rem;width:.9rem;height:.9rem;border-right:.2rem solid rgba(var(--color-foreground),.35);border-bottom:.2rem solid rgba(var(--color-foreground),.35);transform:rotate(45deg)}.system-strip__number{display:flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;border-radius:50%;background:#e8692a;color:#fff;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:2rem;line-height:1}.system-strip__title{margin:.8rem 0 0}.system-strip__text{margin:.6rem 0 0;font-size:1.6rem;line-height:1.5}.system-strip__part{display:inline-block;margin:1.2rem 0 0;padding:.6rem 1.2rem;border:.1rem solid rgba(var(--color-foreground),.35);border-radius:4rem;font-size:1.2rem;font-weight:600;line-height:1.3;letter-spacing:.06em;text-transform:uppercase}@media screen and (min-width:750px){.system-strip__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:3.2rem}.system-strip__step{grid-template-columns:minmax(0,1fr);justify-items:center;gap:.8rem;text-align:center}.system-strip__step:not(:last-child):after{top:2.3rem;bottom:auto;left:calc(50% + 3.6rem);right:calc(-50% + .4rem);width:auto;height:.2rem}.system-strip__step:not(:last-child):before{top:1.95rem;bottom:auto;left:auto;right:calc(-50% + .4rem);transform:rotate(-45deg)}.system-strip__text{max-width:30ch}}.system-strip__diagram img{display:block;width:100%;height:auto;border-radius:var(--media-radius, 0)}.system-strip__line{max-width:72rem;margin:0 auto;text-align:center}.system-strip__line-steps{margin:0;font-size:1.8rem;line-height:1.4}.system-strip__chevron{margin:0 .4rem;color:#e8692a;font-weight:700}.system-strip__line-parts{margin:.8rem 0 0;font-size:1.4rem;line-height:1.45;color:rgba(var(--color-foreground),.8)}.system-strip__placeholder{max-width:120rem;margin:0 auto 3.2rem}.system-strip__placeholder .placeholder-media{min-height:12rem}.system-strip__step-link{display:inline-flex;align-items:center;gap:.6rem;margin-top:1rem;font-size:1.5rem;font-weight:600;color:rgb(var(--color-foreground));text-underline-offset:.3rem}.system-strip__step-link .svg-wrapper{width:1.2rem;height:1.2rem}.system-strip__parts{max-width:72rem;margin:3.2rem auto 0;font-size:1.7rem;font-weight:600;line-height:1.5;text-align:center}.system-strip__parts a{color:inherit;text-underline-offset:.3rem}.system-strip__more{margin:1.6rem 0 0;text-align:center;font-size:1.6rem}.system-strip__more a{font-weight:600;color:rgb(var(--color-foreground));text-underline-offset:.3rem}@media screen and (min-width:750px)and (max-width:989px){.system-strip__steps--4{grid-template-columns:minmax(0,1fr);max-width:56rem;margin-inline:auto}.system-strip__steps--4 .system-strip__step{grid-template-columns:4.8rem minmax(0,1fr);justify-items:start;gap:1.6rem;text-align:left}.system-strip__steps--4 .system-strip__step:not(:last-child):after{top:6rem;bottom:-2.4rem;left:2.3rem;right:auto;width:.2rem;height:auto}.system-strip__steps--4 .system-strip__step:not(:last-child):before{top:auto;bottom:-2.4rem;left:1.95rem;right:auto;transform:rotate(45deg)}.system-strip__steps--4 .system-strip__text{max-width:none}}@media screen and (min-width:990px){.system-strip__steps--4{grid-template-columns:repeat(4,minmax(0,1fr));gap:2.4rem}.system-strip__steps--4 .system-strip__text{max-width:26ch}}.system-strip__phone-actions{display:none}@media screen and (min-width:750px){.system-strip__steps--phone-only{display:none}}@media screen and (max-width:749px){.system-strip--phone>.page-width{padding-top:2.6rem;padding-bottom:2.6rem}.system-strip--phone .system-strip__header{margin-bottom:1.2rem}.system-strip--phone .system-strip__placeholder,.system-strip--phone .system-strip__diagram,.system-strip--phone .system-strip__step-link,.system-strip--phone .system-strip__more{display:none}.system-strip--phone .system-strip__steps{gap:1rem}.system-strip--phone .system-strip__step{grid-template-columns:2.8rem minmax(0,1fr);gap:1.2rem}.system-strip--phone .system-strip__step:before,.system-strip--phone .system-strip__step:after{display:none}.system-strip--phone .system-strip__number{width:2.8rem;height:2.8rem;font-size:1.4rem}.system-strip--phone .system-strip__body{padding-top:.3rem;font-size:1.5rem;line-height:1.4}.system-strip--phone .system-strip__title,.system-strip--phone .system-strip__text{display:inline;margin:0;font-size:inherit;line-height:inherit}.system-strip--phone .system-strip__title{margin-right:.4rem;font-family:var(--font-body-family);font-weight:700;letter-spacing:normal}.system-strip--phone .system-strip__parts{margin-top:1.4rem;font-size:1.5rem;line-height:1.4}.system-strip--phone .system-strip__phone-actions{display:flex;justify-content:center;margin-top:1.6rem}}.system-strip__lead{display:none}@media screen and (max-width:749px){.system-strip--fill,.system-strip--big-numbers{--sw-strip-vh: 1vh}@supports (height: 1svh){.system-strip--fill,.system-strip--big-numbers{--sw-strip-vh: 1svh}}.system-strip--phone.system-strip--fill>.page-width{display:flex;flex-direction:column;min-height:calc(var(--sw-strip-vh) * 100 - var(--header-height, 0px) - var(--sw-shop-bar-h, 0px));padding-top:clamp(1.6rem,calc(var(--sw-strip-vh) * 2.6),2.8rem);padding-bottom:clamp(1.2rem,calc(var(--sw-strip-vh) * 2),2.4rem)}.system-strip--phone.system-strip--fill .system-strip__header{margin-bottom:.8rem}.system-strip--phone.system-strip--fill .system-strip__steps{display:flex;flex:1 1 auto;flex-direction:column;gap:0}.system-strip--phone.system-strip--fill .system-strip__step{flex:1 1 0;align-content:center}.system-strip--phone.system-strip--fill .system-strip__parts,.system-strip--phone.system-strip--fill .system-strip__phone-actions{margin-top:clamp(1rem,calc(var(--sw-strip-vh) * 1.6),1.6rem)}.system-strip--phone.system-strip--big-numbers .system-strip__steps{gap:0}.system-strip--phone.system-strip--big-numbers .system-strip__step{--sw-strip-num: clamp(4.8rem, calc(var(--sw-strip-vh) * 8), 8.8rem);grid-template-columns:calc(var(--sw-strip-num) * 1.22) minmax(0,1fr);column-gap:1.6rem;align-items:center;padding:.4rem 0;border-top:.1rem solid rgba(16,65,46,.2)}.system-strip--phone.system-strip--big-numbers .system-strip__step:last-child{border-bottom:.1rem solid rgba(16,65,46,.2)}.system-strip--phone.system-strip--big-numbers .system-strip__number{justify-content:flex-start;width:auto;height:auto;border-radius:0;background:none;color:#10412e;font-weight:800;font-size:var(--sw-strip-num);line-height:.8;letter-spacing:-.04em}.system-strip--phone.system-strip--big-numbers .system-strip__lead{display:inline}.system-strip--phone.system-strip--big-numbers .system-strip__body{padding-top:0;font-size:1.5rem;line-height:1.4}.system-strip--phone.system-strip--big-numbers .system-strip__title{display:block;margin:0;font-family:var(--font-heading-family);font-weight:800;font-size:clamp(1.9rem,calc(var(--sw-strip-vh) * 2.4),2.4rem);line-height:1.15;letter-spacing:-.02em;color:#10412e}.system-strip--phone.system-strip--big-numbers .system-strip__text{display:block;margin:.3rem 0 0}}.system-strip__header--panels{display:grid;gap:1.6rem;max-width:none;margin-bottom:3.2rem;text-align:left}.system-strip__header--panels .system-strip__heading{letter-spacing:-.03em;line-height:.95}.system-strip__header--panels .system-strip__intro{margin:0;max-width:46ch;font-size:1.7rem}.system-strip__eyebrow{margin:0 0 1.2rem;font-size:1.3rem;font-weight:600;letter-spacing:.18em;line-height:1;text-transform:uppercase;color:#e8692a}@media screen and (min-width:990px){.system-strip__header--panels{grid-template-columns:1.1fr .9fr;align-items:end;gap:4rem;margin-bottom:4.4rem}.system-strip__header--panels .system-strip__intro{font-size:1.9rem}}.system-strip__panels{display:grid;grid-template-columns:minmax(0,1fr);gap:1.4rem;margin:0;padding:0;list-style:none}@media screen and (min-width:600px){.system-strip__panels{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:990px){.system-strip__panels{grid-template-columns:repeat(4,minmax(0,1fr))}.system-strip__panels--3{grid-template-columns:repeat(3,minmax(0,1fr))}}.system-strip__panel-item{margin:0;padding:0}.system-strip__panel{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:3 / 4.3;max-width:100%;overflow:hidden;border-radius:2.2rem;background:#10412e;color:#ebeadc;text-decoration:none;isolation:isolate}.system-strip__panel:focus-visible{outline:.3rem solid #e8692a;outline-offset:.3rem}.system-strip__panel-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.system-strip__panel-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.system-strip__panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#0b2e2026,#0b2e2000 30%,#0b2e208c 62%,#0b2e20f5)}@media(hover:hover){.system-strip__panel:hover .system-strip__panel-media img{transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){.system-strip__panel-media img{transition:none}}.system-strip__panel-number{position:absolute;top:1.8rem;left:2rem;padding:.7rem 1.1rem;border-radius:4rem;background:#ebeadc;color:#10412e;font-size:1.3rem;font-weight:600;letter-spacing:.1em;line-height:1}.system-strip__panel-body{display:grid;gap:1rem;padding:2.2rem 2.2rem 2.4rem}.system-strip__panel-title{margin:0;font-family:var(--font-heading-family);font-weight:800;font-size:clamp(3rem,2.6vw,3.8rem);line-height:1;letter-spacing:-.03em;color:#ebeadc}.system-strip__panel-text{margin:0;max-width:34ch;font-size:1.5rem;line-height:1.45;opacity:.92}.system-strip__panel-link{display:inline-flex;align-items:center;gap:.8rem;width:max-content;margin-top:.4rem;padding-bottom:.2rem;border-bottom:.2rem solid currentColor;font-size:1.4rem;font-weight:600;color:#ebeadc}.system-strip__panel-link .svg-wrapper{width:1.2rem;height:1.2rem}.system-strip__panel-link .svg-wrapper svg{width:100%;height:100%}.system-strip__parts--panels{max-width:none;margin-top:4.4rem;text-align:left}.system-strip__more--panels{text-align:left}.system-strip--panels .system-strip__heading,.system-strip--panels .system-strip__panel-title{color:#10412e}.system-strip--panels .system-strip__panel-title{color:#ebeadc}.system-strip--panels .system-strip__header--panels{margin-bottom:4rem}.system-strip--panels .system-strip__header--panels .system-strip__intro{font-size:1.6rem;line-height:1.6;color:#10412eb8;max-width:38ch}.system-strip--panels .system-strip__panels{gap:2rem}.system-strip--panels .system-strip__panel{border-radius:2.4rem}.system-strip--panels .system-strip__panel:after{background:linear-gradient(180deg,#0b2e201a,#0b2e2000 32%,#0b2e2080 60%,#0b2e20f7)}.system-strip--panels .system-strip__panel-number{top:2rem;left:2.2rem;padding:.8rem 1.2rem;font-size:1.2rem;letter-spacing:.14em}.system-strip--panels .system-strip__panel-body{gap:1.2rem;padding:2.6rem 2.6rem 2.8rem}.system-strip--panels .system-strip__panel-link{margin-top:.2rem;font-size:1.3rem;letter-spacing:.02em;border-bottom-width:.1rem;opacity:.9}.system-strip--panels .system-strip__parts--panels{margin-top:4.8rem;font-size:1.5rem;font-weight:500;color:#10412eb8;text-align:center}.system-strip--panels .system-strip__parts--panels a{color:#10412e;font-weight:600}@media screen and (min-width:990px){.system-strip--panels .system-strip__header--panels{margin-bottom:5.6rem;gap:6rem}.system-strip--panels .system-strip__panels{gap:2.4rem}.system-strip--panels .system-strip__panel-title{font-size:clamp(3rem,2.4vw,3.6rem)}.system-strip--panels .system-strip__parts--panels{margin-top:6.4rem}}@media screen and (min-width:990px)and (hover:hover){.system-strip--panels .system-strip__panel-text{max-height:0;margin-top:-1.2rem;opacity:0;overflow:hidden;transition:max-height .45s ease,opacity .35s ease,margin-top .45s ease}.system-strip--panels .system-strip__panel:hover .system-strip__panel-text,.system-strip--panels .system-strip__panel:focus-visible .system-strip__panel-text,.system-strip--panels .system-strip__panel:focus-within .system-strip__panel-text{max-height:12rem;margin-top:0;opacity:.92}}@media(prefers-reduced-motion:reduce){.system-strip--panels .system-strip__panel-text{transition:none}}@media screen and (max-width:749px){.system-strip--panels .system-strip__header--panels{gap:1.4rem;margin-bottom:2.8rem}.system-strip--panels .system-strip__panels{gap:1.6rem}.system-strip--panels .system-strip__panel{aspect-ratio:4 / 5}.system-strip--panels .system-strip__panel-body{padding:2.2rem 2.2rem 2.4rem}.system-strip--panels .system-strip__parts--panels{margin-top:3.6rem;font-size:1.4rem}}.system-strip--panels .system-strip__panel-number{top:2rem;left:2.2rem;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:.1rem solid rgba(235,234,220,.55);border-radius:50%;background:#0b2e2040;color:#ebeadc;font-family:var(--font-heading-family);font-weight:700;font-size:1.5rem;letter-spacing:0;line-height:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media screen and (max-width:749px){.system-strip--panels .system-strip__panel-number{width:4rem;height:4rem;font-size:1.2rem}}.system-strip{position:relative}.system-strip__dots{display:none}@media screen and (max-width:749px){.system-strip--phone-row{--sw-sys-gutter: 1.5rem;--sw-sys-card-w: min(78vw, 34rem);--sw-sys-vh: 1vh}@supports (height: 1svh){.system-strip--phone-row{--sw-sys-vh: 1svh}}.system-strip--phone-row .system-strip__header--panels{margin-bottom:2rem}.system-strip--phone-row .system-strip__panel:after{background:linear-gradient(180deg,#0b2e201a,#0b2e2000 22%,#0b2e208c 50%,#0b2e20f7)}.system-strip--phone-row .system-strip__panels{display:flex;flex-wrap:nowrap;gap:1.2rem;margin:0 calc(var(--sw-sys-gutter) * -1);padding:0 var(--sw-sys-gutter);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:var(--sw-sys-gutter);-webkit-overflow-scrolling:touch;scrollbar-width:none}.system-strip--phone-row .system-strip__panels::-webkit-scrollbar{display:none}.system-strip--phone-row .system-strip__panel-item{flex:0 0 var(--sw-sys-card-w);scroll-snap-align:start}.system-strip--phone-row .system-strip__panel{aspect-ratio:4 / 5;width:100%}.system-strip--phone-row .system-strip__panel-body{padding:2rem 2rem 2.2rem}.system-strip--phone-row .system-strip__panel-title{font-size:2.8rem}.system-strip--phone-row .system-strip__panel-text{font-size:1.45rem}.system-strip__row{position:relative}.system-strip__dots{display:flex;justify-content:center;gap:2.2rem;margin-top:2rem}.system-strip__dot{cursor:pointer;padding:.4rem .6rem;position:relative;font-family:var(--font-heading-family);font-weight:800;font-size:1.7rem;line-height:1;color:#10412e4d;transition:color .25s ease,transform .25s ease}.system-strip__dot:after{content:"";position:absolute;left:50%;bottom:-.8rem;width:.5rem;height:.5rem;border-radius:50%;background:#e8692a;opacity:0;transform:translate(-50%) scale(.4);transition:opacity .25s ease,transform .25s ease}.system-strip__dot.is-active{color:#e8692a;transform:scale(1.3)}.system-strip__dot.is-active:after{opacity:1;transform:translate(-50%) scale(1)}.system-strip--phone-row .system-strip__parts--panels{display:none}.system-strip--phone-row.is-pinned:after{content:"";display:block;height:var(--sw-sys-extra, 0px)}.system-strip--phone-row.is-pinned>.page-width{position:sticky;top:0;overflow:clip}.system-strip--phone-row.is-pinned .system-strip__panels{overflow:visible;scroll-snap-type:none;will-change:transform}.system-strip--phone-row.is-pinned .system-strip__panel-item{scroll-snap-align:none}}@media screen and (max-width:749px)and (prefers-reduced-motion:reduce){.system-strip__dot{transition:none}}@media screen and (max-width:749px){.system-strip--phone-row.is-orbit{overflow-x:clip}.system-strip--phone-row.is-orbit .system-strip__panels{touch-action:pan-y;display:block;position:relative;height:calc(var(--sw-sys-card-w) * 1.25 + 1rem);margin:0;padding:0;overflow:visible;will-change:auto}.system-strip--phone-row.is-orbit .system-strip__panel-item{position:absolute;top:.5rem;left:50%;width:var(--sw-sys-card-w);margin-left:calc(var(--sw-sys-card-w) / -2);transform-origin:50% 60%;will-change:transform,opacity;scroll-snap-align:none}.system-strip--phone-row.is-orbit .system-strip__panel{box-shadow:0 2rem 5rem #0b2e2047}.system-strip--phone-row.is-orbit .system-strip__panel-item:not(.is-front) .system-strip__panel-text,.system-strip--phone-row.is-orbit .system-strip__panel-item:not(.is-front) .system-strip__panel-link{opacity:0;transition:opacity .25s ease}.system-strip--phone-row.is-orbit .system-strip__panel-item.is-front .system-strip__panel-text,.system-strip--phone-row.is-orbit .system-strip__panel-item.is-front .system-strip__panel-link{transition:opacity .35s ease .1s}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-system-strip.css.map */