.sjap{--sjap-night: #050b16;--sjap-navy: #081b3d;--sjap-blue: #1454e8;--sjap-yellow: #ffd82e;--sjap-paper: #f6f7f1;--sjap-ink: #07163d;--sjap-muted: #aebbd0;--sjap-shell: min(1240px, calc(100% - 48px) );--sjap-display: var(--font-heading-family, inherit);--sjap-body: var(--font-body-family, inherit);--sjap-ease: cubic-bezier(.2, .75, .25, 1);position:relative;overflow-x:clip;background:var(--sjap-night);color:#fff;font-family:var(--sjap-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}.sjap *,.sjap *:before,.sjap *:after{box-sizing:border-box;min-width:0}.sjap img,.sjap video{display:block;max-width:100%}.sjap a{color:inherit}.sjap button{font:inherit}.sjap-shell{width:var(--sjap-shell);margin-inline:auto}.sjap-section{position:relative;padding:clamp(96px,11vw,160px) 0}.sjap-paper{background:var(--sjap-paper);color:var(--sjap-ink)}.sjap-eyebrow{margin:0 0 22px;color:var(--sjap-blue);font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.sjap-eyebrow--blue{color:#1251e8}.sjap-eyebrow--green{color:#35aa1b}.sjap h1,.sjap h2,.sjap h3,.sjap-shop-title{color:inherit;font-family:var(--sjap-display);font-weight:400;letter-spacing:-.025em;text-transform:uppercase}.sjap-hero{position:relative;min-height:max(700px,calc(100svh - 96px));display:grid;align-items:center;isolation:isolate;overflow:hidden;background:#07121f}.sjap-hero-media,.sjap-hero-video,.sjap-hero-wash,.sjap-hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.sjap-hero-media{z-index:-2}.sjap-hero-video{object-fit:cover;object-position:53% 50%;transform:scale(1.055);filter:brightness(.72) saturate(.82) contrast(1.12)}.sjap-hero-wash{background:radial-gradient(circle at 78% 48%,rgba(20,84,232,.12),transparent 34%),linear-gradient(90deg,#030813f7,#030813d6 44%,#0308138c 74%,#030813c2),linear-gradient(0deg,rgba(5,11,22,.9),transparent 42%,rgba(5,11,22,.44))}.sjap-hero-grid{opacity:.28;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to right,#000,transparent 75%);mask-image:linear-gradient(to right,#000,transparent 75%)}.sjap-hero-content{padding-block:120px}.sjap-hero .sjap-eyebrow{display:inline-flex;width:fit-content;padding:8px 11px;border-radius:999px;background:var(--sjap-blue);color:#fff;letter-spacing:.13em;box-shadow:0 10px 32px #0003}.sjap-hero-title{max-width:900px;margin:0;color:#fff;font-size:clamp(74px,11vw,154px);line-height:.78;text-shadow:0 3px 28px rgba(0,0,0,.35);text-wrap:balance}.sjap-hero-title span{color:#fff}.sjap-hero-intro{max-width:620px;margin:34px 0 0;color:#f5f8ff;font-size:clamp(17px,1.5vw,21px);line-height:1.6;text-shadow:0 2px 16px rgba(0,0,0,.48)}.sjap-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.sjap-button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;padding:13px 21px;border:1px solid transparent;border-radius:999px;text-decoration:none;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.08em;transition:transform .25s var(--sjap-ease),background .25s,color .25s}.sjap-button:hover{transform:translateY(-2px)}.sjap-button--signal{background:var(--sjap-yellow);color:var(--sjap-ink)}.sjap-button--ghost{border-color:#ffffff6b;background:#040c1a47;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sjap-motion{position:absolute;z-index:4;right:24px;bottom:24px;min-height:42px;display:flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid rgba(255,255,255,.26);border-radius:999px;background:#050b169e;color:#fff;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.no-js .sjap-motion{display:none}.sjap-heading{max-width:760px;margin-bottom:66px}.sjap-heading--wide{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:end;gap:50px;max-width:none}.sjap-heading--wide .sjap-eyebrow{grid-column:1 / -1;margin-bottom:-20px}.sjap-heading h2,.sjap-scooter h2,.sjap-shop h2{margin:0;font-size:clamp(66px,8.2vw,118px);line-height:.85}.sjap-heading>p:last-child,.sjap-scooter-copy>p{margin:0;color:#465577;font-size:17px;line-height:1.75}.sjap-heading--dark{color:#fff}.sjap-heading--dark .sjap-eyebrow{color:#dfe8ff}.sjap-heading--dark>p:last-child{color:#e0e8f5}.sjap-promises{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sjap-promise{min-height:240px;display:flex;flex-direction:column;justify-content:flex-end;padding:34px;border:1px solid #d9dee7;border-radius:24px;background:#ffffffb8}.sjap-promise h3{margin:0 0 12px;font-size:37px;letter-spacing:.01em}.sjap-promise p{margin:0;color:#56647e}.sjap-process{isolation:isolate;background:var(--sjap-night);overflow:hidden}.sjap-process:before,.sjap-process:after{content:"";position:absolute;z-index:-1;width:520px;height:520px;border-radius:50%;filter:blur(150px);opacity:.09}.sjap-process:before{top:6%;left:-260px;background:var(--sjap-blue)}.sjap-process:after{top:54%;right:-250px;background:var(--sjap-yellow)}.sjap-process-list{display:grid;gap:clamp(88px,10vw,150px);margin:0;padding:0;list-style:none}.sjap-process-card{display:grid;grid-template-columns:minmax(270px,.67fr) minmax(0,1.33fr);align-items:center;gap:clamp(44px,7vw,100px)}.sjap-process-card--reverse{grid-template-columns:minmax(0,1.33fr) minmax(270px,.67fr)}.sjap-process-card--reverse .sjap-process-copy{order:2}.sjap-process-card--reverse .sjap-media{order:1}.sjap-process-copy{padding:clamp(26px,3.2vw,42px);border:1px solid rgba(219,227,239,.9);border-radius:26px;background:#f6f8fc;color:var(--sjap-ink);box-shadow:0 24px 70px #0003}.sjap-process-card h3{margin:0 0 22px;color:var(--sjap-ink);font-size:clamp(52px,5.8vw,82px);line-height:.88}.sjap-process-copy>p{margin:0;color:#465577;line-height:1.75}.sjap-media{position:relative;overflow:hidden;margin:0;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:#0a1526;box-shadow:0 30px 90px #00000057}.sjap-media video{width:100%;aspect-ratio:16 / 10;object-fit:cover;filter:saturate(.92) contrast(1.04)}.sjap-media--krishna video{filter:none}.sjap-media figcaption{position:absolute;left:14px;bottom:14px;padding:8px 12px;border-radius:999px;background:#040a15d1;color:#fff;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sjap-media-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.sjap-process-card--double{grid-template-columns:minmax(270px,.57fr) minmax(0,1.43fr)}.sjap-process-card--double .sjap-media-pair video{aspect-ratio:4 / 5}.sjap-scooter{background:linear-gradient(145deg,#eefadf,#f7f7ec 48%,#e7f1ff);color:var(--sjap-ink)}.sjap-scooter-copy{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(300px,.84fr);align-items:end;gap:clamp(40px,7vw,100px)}.sjap-scooter-copy .sjap-eyebrow,.sjap-scooter-copy h2{grid-column:1}.sjap-scooter-copy>p,.sjap-scooter-copy .sjap-text-link{grid-column:2}.sjap-scooter-copy>p{max-width:650px}.sjap-text-link{display:inline-flex;margin-top:32px;color:#0c3bcb;font-size:12px;font-weight:800;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.sjap-scooter-sequence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:clamp(58px,8vw,110px)}.sjap-scooter-step{display:grid;grid-template-columns:minmax(190px,.82fr) minmax(180px,1.18fr);align-items:center;gap:24px;padding:18px;border:1px solid rgba(7,22,61,.12);border-radius:30px;background:#ffffffad;box-shadow:0 22px 70px #1d385614}.sjap-scooter-step--lead{grid-column:1 / -1;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}.sjap-scooter-step .sjap-media{border-color:#07163d24;border-radius:20px;box-shadow:none}.sjap-scooter-step video{aspect-ratio:4 / 5}.sjap-scooter-step--lead video{aspect-ratio:16 / 10;object-position:center 48%}.sjap-scooter-step-copy{padding:8px 8px 10px}.sjap-scooter-step-copy h3{margin:0 0 9px;font-size:clamp(30px,3.2vw,47px);line-height:.94}.sjap-scooter-step-copy p{margin:0;color:#56647e;font-size:13px;line-height:1.6}.sjap-meaning-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.sjap-meaning-card{position:relative;min-height:300px;display:flex;flex-direction:column;justify-content:flex-end;padding:34px;overflow:hidden;border:1px solid #d4d9e1;border-radius:26px;background:#fff}.sjap-meaning-card:before{content:"";position:absolute;top:-90px;right:-70px;width:230px;height:230px;border-radius:50%;background:var(--sjap-accent);opacity:.2;filter:blur(20px)}.sjap-meaning-card h3{max-width:500px;margin:0 0 10px;font-size:clamp(34px,4vw,54px);line-height:.95}.sjap-meaning-card p{max-width:520px;margin:0;color:#5b6680}.sjap-meaning-card:nth-child(1){--sjap-accent: #05bcd6}.sjap-meaning-card:nth-child(2){--sjap-accent: #f4c800}.sjap-meaning-card:nth-child(3){--sjap-accent: #42c81b}.sjap-meaning-card:nth-child(4){--sjap-accent: #ff8a00}.sjap-shop{isolation:isolate;overflow:hidden;background:#071028}.sjap-shop-heading{margin-bottom:50px}.sjap-shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sjap-shop-card{position:relative;min-height:430px;display:flex;flex-direction:column;justify-content:space-between;padding:34px;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:30px;text-decoration:none;transition:transform .35s var(--sjap-ease),border-color .35s}.sjap-shop-card:before{content:"";position:absolute;width:370px;height:370px;right:-80px;bottom:-160px;border-radius:50%;background:var(--sjap-shop-accent);opacity:.2;transition:transform .45s var(--sjap-ease)}.sjap-shop-card:hover{transform:translateY(-6px);border-color:#fff6}.sjap-shop-card:hover:before{transform:scale(1.12)}.sjap-shop-card--helmet{--sjap-shop-accent: var(--sjap-blue);background:linear-gradient(145deg,#0b254a,#081229)}.sjap-shop-card--scooter{--sjap-shop-accent: var(--sjap-yellow);background:linear-gradient(145deg,#152a24,#081229)}.sjap-shop-tag,.sjap-shop-action{position:relative;z-index:1;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.sjap-shop-tag{color:#ffffffad}.sjap-shop-title{position:relative;z-index:1;align-self:center;margin-block:auto;font-size:clamp(80px,10vw,138px);line-height:.8}.sjap-shop-action{padding-top:20px}.js .sjap .sjap-reveal{opacity:0;transform:translateY(34px);transition:opacity .75s var(--sjap-ease),transform .75s var(--sjap-ease)}.js .sjap .sjap-reveal.is-visible,.no-js .sjap .sjap-reveal{opacity:1;transform:none}.sjap :focus-visible{outline:3px solid var(--sjap-yellow);outline-offset:4px}@media(max-width:980px){.sjap{--sjap-shell: min( calc(100% - 32px) , 820px)}.sjap-heading--wide{grid-template-columns:1fr;gap:26px}.sjap-heading--wide .sjap-eyebrow{margin-bottom:0}.sjap-promises{grid-template-columns:1fr}.sjap-promise{min-height:210px;padding:28px}.sjap-process-card,.sjap-process-card--reverse,.sjap-process-card--double{grid-template-columns:1fr;gap:36px}.sjap-process-card--reverse .sjap-process-copy,.sjap-process-card--reverse .sjap-media{order:initial}.sjap-scooter-copy{grid-template-columns:1fr;gap:24px}.sjap-scooter-copy .sjap-eyebrow,.sjap-scooter-copy h2,.sjap-scooter-copy>p,.sjap-scooter-copy .sjap-text-link{grid-column:1}.sjap-scooter-sequence{grid-template-columns:1fr 1fr}.sjap-scooter-step{grid-template-columns:1fr}.sjap-scooter-step--lead{grid-column:1 / -1;grid-row:auto;grid-template-columns:minmax(0,1.1fr) minmax(250px,.9fr)}}@media(max-width:700px){.sjap{--sjap-shell: calc(100% - 28px) }.sjap-hero{min-height:760px}.sjap-hero-video{object-position:64% 50%}.sjap-hero-wash{background:linear-gradient(0deg,#040913f0,#0409138c 68%,#04091380)}.sjap-hero-content{align-self:end;padding-block:120px 112px}.sjap-hero-title{font-size:clamp(68px,22vw,100px);line-height:.82}.sjap-hero-intro{margin-top:26px;font-size:16px}.sjap-actions{align-items:stretch;flex-direction:column}.sjap-button{width:100%}.sjap-motion{right:14px;bottom:14px}.sjap-section{padding:92px 0}.sjap-heading{margin-bottom:48px}.sjap-heading h2,.sjap-scooter h2,.sjap-shop h2{font-size:clamp(58px,18vw,78px)}.sjap-heading>p:last-child,.sjap-scooter-copy>p{font-size:15px}.sjap-process-list{gap:88px}.sjap-process-card h3{font-size:56px}.sjap-media{border-radius:21px}.sjap-media video{aspect-ratio:4 / 3}.sjap-media-pair{grid-template-columns:1fr}.sjap-process-card--double .sjap-media-pair video{aspect-ratio:4 / 3}.sjap-scooter-sequence{grid-template-columns:1fr;gap:14px}.sjap-scooter-step,.sjap-scooter-step--lead{grid-column:auto;grid-template-columns:1fr}.sjap-scooter-step video,.sjap-scooter-step--lead video{aspect-ratio:4 / 5}.sjap-meaning-grid,.sjap-shop-grid{grid-template-columns:1fr}.sjap-meaning-card{min-height:270px;padding:28px}.sjap-shop-card{min-height:320px;padding:26px}.sjap-shop-title{font-size:92px}}@media(prefers-reduced-motion:reduce){.sjap *,.sjap *:before,.sjap *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js .sjap .sjap-reveal{opacity:1;transform:none}.sjap-hero-video{transform:none}.sjap-motion{display:none}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/sj-about-process.css.map */