@font-face{font-family:STW Archivo Expanded;src:url(stw-archivo-expanded.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}.stwh-section{--stwh-display: "STW Archivo Expanded", "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--stwh-ink: #0e0e0e;--stwh-ink-2: #161616;--stwh-paper: #fff;--stwh-mist: #f5f6f7;--stwh-line: rgba(14, 14, 14, .1);--stwh-line-dark: rgba(255, 255, 255, .12);--stwh-muted: #5a5a5a;--stwh-muted-dark: #a3a3a3;--stwh-accent: #c9cdd2;--stwh-chrome: linear-gradient(135deg, #f4f5f7 0%, #c3c7cc 45%, #8e9399 55%, #e3e5e8 100%);--stwh-ease-out: cubic-bezier(.23, 1, .32, 1);--stwh-ease-in-out: cubic-bezier(.77, 0, .175, 1);--stwh-pad: 16px;--stwh-font: "Open Sans", var(--base-font-family), system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;font-family:var(--stwh-font)}@media(min-width:768px){.stwh-section{--stwh-pad: 32px}}@media(min-width:1200px){.stwh-section{--stwh-pad: 48px}}.stwh-wrap{width:100%;max-width:1440px;margin:0 auto;padding-inline:var(--stwh-pad);box-sizing:border-box}.stwh-eyebrow{margin:0;font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.2em;text-transform:uppercase}.stwh-eyebrow--dim{color:var(--stwh-muted)}.stwh-steps .stwh-eyebrow--dim{color:var(--stwh-muted-dark)}.stwh-h2{margin:10px 0 0;font-family:var(--stwh-display);font-size:clamp(26px,3.5vw,44px);font-weight:300;line-height:1.08;letter-spacing:-.01em;color:inherit;text-wrap:balance}.stwh-sub{margin:14px 0 0;max-width:52ch;font-size:15px;line-height:1.6;color:var(--stwh-muted);text-wrap:pretty}.stwh-head{display:grid;gap:18px;align-items:end;margin-bottom:28px}@media(min-width:992px){.stwh-head{grid-template-columns:minmax(0,1fr) auto;margin-bottom:40px}}.stwh-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--stwh-ink);text-decoration:none}.stwh-link span{transition:transform .25s var(--stwh-ease-out)}.stwh-link--light{color:#fff}.stwh-link:focus-visible{outline:2px solid currentColor;outline-offset:4px}@media(hover:hover)and (pointer:fine){.stwh-link:hover span{transform:translate(4px)}}.stwh-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 26px;border:1px solid transparent;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .16s var(--stwh-ease-out)}.stwh-btn:active{transform:scale(.97)}.stwh-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}.stwh-btn--light{background:#fff;color:var(--stwh-ink)}.stwh-btn--ghost-light{border-color:#ffffffb3;color:#fff;background:#0e0e0e26}.stwh-btn__icon{width:18px;height:18px;flex:0 0 18px}@media(hover:hover)and (pointer:fine){.stwh-btn--light:hover{background:#e9e9e9}.stwh-btn--ghost-light:hover{background:#fff;color:var(--stwh-ink);border-color:#fff}}.stwh-section--hero{background:var(--stwh-ink)}.stwh-hero{position:relative;isolation:isolate;display:block;height:92vh;height:92svh;min-height:520px;overflow:hidden;background:var(--stwh-ink)}@media(min-width:768px){.stwh-hero{height:100vh;height:100svh;min-height:600px}}.stwh-hero__media,.stwh-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0}.stwh-hero__media{z-index:0}.stwh-hero__media .stw-hero-video,.stwh-hero__image{width:100%;height:100%}.stwh-hero__image{display:block;object-fit:cover}.stwh-hero__scrim{z-index:1;pointer-events:none;background:linear-gradient(180deg,#08080880,#0808082e,#08080800 24%)}.stwh-hero .stw-hero-video__play{z-index:3;right:auto;left:max(16px,env(safe-area-inset-left))}@media(min-width:768px){.stwh-hero .stw-hero-video__play{left:max(24px,env(safe-area-inset-left));bottom:24px}}.stwh-intro{background:var(--stwh-ink);color:#fff}.stwh-intro__layout{display:grid;gap:22px;padding-block:48px 40px}.stwh-intro .stwh-eyebrow{color:var(--stwh-muted-dark)}.stwh-intro__title{margin:14px 0 0;max-width:15em;font-family:var(--stwh-display);font-size:clamp(27px,7.4vw,34px);font-weight:300;line-height:1.08;letter-spacing:-.01em;color:#fff;text-wrap:balance}.stwh-intro__text{margin:0;max-width:44ch;font-size:15px;line-height:1.6;color:#ffffffc7;text-wrap:pretty}.stwh-intro__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}@media(max-width:767px){.stwh-intro__side{padding-right:calc(52px + 16px + 8px - var(--stwh-pad))}.stwh-intro__actions .stwh-btn{flex:1 1 100%}}@media(min-width:992px){.stwh-intro__layout{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:64px;padding-block:96px 64px}.stwh-intro__title{font-size:clamp(34px,3.9vw,56px)}.stwh-intro__text{font-size:16px}.stwh-intro__actions{margin-top:26px}}.stwh-facts{background:var(--stwh-ink);color:var(--stwh-muted-dark)}.stwh-facts__track{max-width:1440px;margin:0 auto;padding-inline:var(--stwh-pad);box-sizing:border-box}.stwh-facts__list{display:flex;flex-wrap:wrap;gap:14px 26px;margin:0;padding:22px 0 30px;list-style:none;border-top:1px solid var(--stwh-line-dark)}.stwh-facts__list--copy{display:none}.stwh-facts__item{display:flex;align-items:center;gap:10px;font-size:10.5px;font-weight:700;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.stwh-facts__mark{width:5px;height:5px;background:var(--stwh-accent);transform:rotate(45deg);flex:0 0 5px}@media(min-width:992px){.stwh-facts__list{justify-content:space-between;padding:26px 0 40px}.stwh-facts__item{font-size:11px;letter-spacing:.18em}}.stwh-series{padding:72px 0 64px;background:var(--stwh-paper);color:var(--stwh-ink)}@media(min-width:992px){.stwh-series{padding:112px 0 96px}}.stwh-rail{display:block;position:relative}.stwh-rail__controls{display:none}@media(min-width:992px){.stwh-rail__controls{display:flex;justify-content:flex-end;gap:8px;margin-top:-88px;margin-bottom:40px;pointer-events:none}.stwh-series .stwh-head__aside{padding-right:112px}}.stwh-rail__btn{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--stwh-line);border-radius:999px;background:var(--stwh-paper);color:var(--stwh-ink);cursor:pointer;pointer-events:auto;transition:border-color .2s ease,opacity .2s ease,transform .16s var(--stwh-ease-out)}.stwh-rail__btn:active{transform:scale(.95)}.stwh-rail__btn[disabled]{opacity:.35;cursor:default}.stwh-rail__btn:focus-visible{outline:2px solid var(--stwh-ink);outline-offset:2px}@media(hover:hover)and (pointer:fine){.stwh-rail__btn:not([disabled]):hover{border-color:var(--stwh-ink)}}.stwh-rail__track{display:grid;grid-auto-flow:column;grid-auto-columns:62%;gap:12px;margin:0;padding:0 var(--stwh-pad) 8px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--stwh-pad);scrollbar-width:none}.stwh-rail__track::-webkit-scrollbar{display:none}@media(min-width:768px){.stwh-rail__track{grid-auto-columns:calc((100% - 2 * var(--stwh-pad) - 2 * 16px) / 3.3);gap:16px}}@media(min-width:1200px){.stwh-rail__track{grid-auto-columns:calc((min(100vw,1440px) - 2 * var(--stwh-pad) - 3 * 20px) / 4.25);gap:20px;padding-inline:max(var(--stwh-pad),calc((100vw - 1440px) / 2 + var(--stwh-pad)));scroll-padding-inline:max(var(--stwh-pad),calc((100vw - 1440px) / 2 + var(--stwh-pad)))}}.stwh-rail__item{scroll-snap-align:start}.stwh-wheel{display:block;color:inherit;text-decoration:none}.stwh-wheel__media{position:relative;display:block;aspect-ratio:1;overflow:hidden;background:var(--stwh-mist)}.stwh-wheel__img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:opacity .45s ease,transform .9s var(--stwh-ease-out)}.stwh-wheel__img--alt{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.stwh-wheel__meta{display:grid;gap:4px;padding:16px 2px 0}.stwh-wheel__name{font-size:18px;font-weight:600;letter-spacing:.01em}.stwh-wheel__finish{font-size:13px;color:var(--stwh-muted)}.stwh-wheel:focus-visible{outline:2px solid var(--stwh-ink);outline-offset:4px}@media(hover:hover)and (pointer:fine){.stwh-wheel:hover .stwh-wheel__img{transform:scale(1.045)}.stwh-wheel:hover .stwh-wheel__media--alt .stwh-wheel__img:not(.stwh-wheel__img--alt){opacity:0}.stwh-wheel:hover .stwh-wheel__img--alt{opacity:1}}.stwh-builds{padding:72px 0;background:var(--stwh-mist);color:var(--stwh-ink)}@media(min-width:992px){.stwh-builds{padding:112px 0}}.stwh-builds__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.stwh-build{min-width:0;aspect-ratio:3 / 4}.stwh-build--lead{grid-column:1 / -1;aspect-ratio:4 / 5}@media(min-width:768px){.stwh-build--lead{aspect-ratio:16 / 11}}@media(min-width:992px){.stwh-builds__grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,clamp(240px,22vw,330px));gap:12px}.stwh-build{aspect-ratio:auto}.stwh-build--lead{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}}.stwh-build__link{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:#1a1a1a;color:#fff;text-decoration:none}.stwh-build__img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 60%;transition:transform 1.2s var(--stwh-ease-out)}.stwh-build__caption{position:absolute;inset:auto 0 0 0;display:grid;gap:2px;padding:48px 16px 14px;background:linear-gradient(0deg,#080808b8,#08080800)}.stwh-build__wheel{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#fffc}.stwh-build__car{font-size:16px;font-weight:600;line-height:1.25}.stwh-build--lead .stwh-build__car{font-size:clamp(18px,2vw,26px);font-weight:400}.stwh-build__link:focus-visible{outline:2px solid var(--stwh-ink);outline-offset:3px}@media(hover:hover)and (pointer:fine){.stwh-build__link:hover .stwh-build__img{transform:scale(1.045)}}.stwh-steps{padding:80px 0;background:var(--stwh-ink);color:#fff;overflow:clip}@media(min-width:992px){.stwh-steps{padding:120px 0 112px}}.stwh-head--dark .stwh-h2{color:#fff}.stwh-steps__body{display:grid;gap:56px}.stwh-steps__stage{display:flex;justify-content:center;padding-block:4%}.stwh-steps__wheel{--wheel: min(60vw, 260px);position:relative;width:var(--wheel);aspect-ratio:1}.stwh-steps__stage:before{content:"";position:absolute;width:calc(var(--wheel, 260px) * 2);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle closest-side,#ffffff12,#fff0 70%);pointer-events:none}.stwh-steps__stage{position:relative;align-items:center}.stwh-steps__rim{position:relative;display:block;width:100%;height:100%;transform-origin:50% 50%}.stwh-steps__wheel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(140deg,#ffffff29,#fff0 42%,#0000 60%,#00000047);pointer-events:none}.stwh-steps__list{display:grid;margin:0;padding:0;list-style:none}.stwh-step{--num: 36px;position:relative;display:grid;grid-template-columns:var(--num) minmax(0,1fr);column-gap:20px;padding-bottom:36px}.stwh-step:last-child{padding-bottom:0}.stwh-step:not(:last-child):before,.stwh-step:not(:last-child):after{content:"";position:absolute;left:calc(var(--num) / 2);top:calc(var(--num) + 8px);bottom:8px;width:1px;background:var(--stwh-line-dark)}.stwh-step:not(:last-child):after{background:var(--stwh-accent);transform:scaleY(0);transform-origin:center top;transition:transform .7s var(--stwh-ease-out)}.stwh-step.is-passed:after{transform:scaleY(1)}.stwh-step__num{display:grid;place-items:center;width:var(--num);height:var(--num);border:1px solid var(--stwh-line-dark);border-radius:999px;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;transition:background-color .35s ease,border-color .35s ease}.stwh-step.is-reached .stwh-step__num{background:var(--stwh-chrome);border-color:transparent;color:var(--stwh-ink)}.stwh-step__body{padding-top:6px;transition:opacity .45s ease}.stwh-step__title{margin:0;font-family:var(--stwh-display);font-size:17px;font-weight:500;color:#fff}.stwh-step__text{margin:8px 0 0;max-width:40ch;font-size:14px;line-height:1.6;color:var(--stwh-muted-dark)}.stwh-steps__body.is-live .stwh-step:not(.is-reached) .stwh-step__body{opacity:.38}@media(min-width:992px){.stwh-steps__body{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(48px,7vw,120px);align-items:stretch}.stwh-steps__stage{display:block;padding-block:72px 80px;--wheel-d: min(30vw, 420px)}.stwh-steps__stage:before{display:none}.stwh-steps__wheel{--wheel: var(--wheel-d);position:sticky;top:calc(50svh - var(--wheel) / 2 + 36px);margin:0 auto;background:radial-gradient(circle closest-side,#ffffff0d,#fff0)}.stwh-steps__list{padding-block:12vh}.stwh-step{--num: 44px;column-gap:28px;padding-bottom:clamp(64px,13vh,132px)}.stwh-step__num{font-size:15px}.stwh-step__body{padding-top:8px}.stwh-step__title{font-size:clamp(18px,1.55vw,22px);font-weight:400;letter-spacing:-.005em}.stwh-step__text{font-size:15px}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.stwh-steps__body{view-timeline-name:--stwh-steps}.stwh-steps__rim{animation:stwh-spin linear both;animation-timeline:--stwh-steps;animation-range:cover 0% cover 100%}}}@keyframes stwh-spin{0%{transform:rotate(0)}to{transform:rotate(1080deg)}}.stwh-steps__actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:56px}.stwh-faq{padding:72px 0 88px;background:var(--stwh-paper);color:var(--stwh-ink)}@media(min-width:992px){.stwh-faq{padding:112px 0 120px}}.stwh-faq__layout{display:grid;gap:28px}@media(min-width:992px){.stwh-faq__layout{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px}}.stwh-faq__intro .stwh-link{margin-top:16px}.stwh-faq__list{border-top:1px solid var(--stwh-line)}.stwh-qa{border-bottom:1px solid var(--stwh-line)}.stwh-qa__q{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;padding:16px 0;font-size:17px;font-weight:600;cursor:pointer;list-style:none}.stwh-qa__q::-webkit-details-marker{display:none}.stwh-qa__q:focus-visible{outline:2px solid var(--stwh-ink);outline-offset:4px}.stwh-qa__icon{position:relative;width:14px;height:14px;flex:0 0 14px}.stwh-qa__icon:before,.stwh-qa__icon:after{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;margin-top:-.75px;background:currentColor;transition:transform .25s var(--stwh-ease-out)}.stwh-qa__icon:after{transform:rotate(90deg)}.stwh-qa[open] .stwh-qa__icon:after{transform:rotate(0)}.stwh-qa__a{padding:0 0 22px;max-width:62ch;font-size:15px;line-height:1.65;color:var(--stwh-muted)}.stwh-qa__a p{margin:0}[data-stw-reveal]{transition:opacity .7s var(--stwh-ease-out),transform .9s var(--stwh-ease-out)}[data-stw-reveal].stwh-pending{opacity:0;transform:translateY(22px)}[data-stw-reveal=stagger],[data-stw-reveal=clip]{transition:none}[data-stw-reveal=stagger].stwh-pending,[data-stw-reveal=clip].stwh-pending{opacity:1;transform:none}[data-stw-reveal=stagger]>*{transition:opacity .7s var(--stwh-ease-out),transform .9s var(--stwh-ease-out);transition-delay:calc(var(--i, 0) * 70ms)}[data-stw-reveal=stagger].stwh-pending>*{opacity:0;transform:translateY(22px)}[data-stw-reveal=clip]>*{transition:clip-path 1.1s var(--stwh-ease-in-out);transition-delay:calc(var(--i, 0) * 90ms)}[data-stw-reveal=clip].stwh-pending>*{clip-path:inset(100% 0 0 0)}@media(prefers-reduced-motion:reduce){[data-stw-reveal],[data-stw-reveal=stagger]>*,[data-stw-reveal=clip]>*{transition:opacity .4s ease;transform:none;clip-path:none}[data-stw-reveal].stwh-pending,[data-stw-reveal=stagger].stwh-pending>*{transform:none}[data-stw-reveal=clip].stwh-pending>*{clip-path:none;opacity:0}.stwh-step:after,.stwh-step__num,.stwh-step__body{transition:none}.stwh-wheel__img,.stwh-build__img{transition:none}}@keyframes stwh-fade{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/st-wheels-home.css.map */