.iso{--anatomy-page:#0b0b0b;--anatomy-card:#131313;--anatomy-text:#a3a3a3;--anatomy-strong:#e6e6e6;--anatomy-muted:#6e6e6e;--anatomy-paper:#131313;--anatomy-face:#1b1b1b;--anatomy-top:#1c1c1c;--anatomy-shade-0:#0f0f0f;--anatomy-shade-1:#121212;--anatomy-shade-2:#151515;--anatomy-shade-3:#181818;--anatomy-lit-top:#262626;--anatomy-lit-shade:#1d1d1d;--anatomy-hi:#d4d4d4;--anatomy-mid:#6a6a6a;--anatomy-lo:#3e3e3e;--anatomy-faint:#2a2a2a;--anatomy-lit:#ffffff;--anatomy-halo:#050505;--anatomy-halo-opacity:.9;--anatomy-dot:#e6e6e6;--anatomy-red:#ff6b6b;--anatomy-green:#6be0a0;--anatomy-blue:#6b9bff;--anatomy-weight:.6px;--anatomy-ease:cubic-bezier(.32,.72,0,1);--anatomy-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--anatomy-lift:inset 0 1px 0 0 #ffffff0a,inset 0 0 0 1px #ffffff06,0 0 0 1px #00000026,0 1px 1px -.5px #00000014,0 3px 3px -1.5px #00000014,0 6px 6px -3px #00000014,0 12px 12px -6px #00000014}.iso[data-theme=light]{--anatomy-page:#f2f2ef;--anatomy-card:#fbfbfa;--anatomy-text:#57575a;--anatomy-strong:#18181a;--anatomy-muted:#8c8c90;--anatomy-paper:#fbfbfa;--anatomy-face:#ffffff;--anatomy-top:#ffffff;--anatomy-shade-0:#dcdcd9;--anatomy-shade-1:#e5e5e2;--anatomy-shade-2:#ededea;--anatomy-shade-3:#f4f4f1;--anatomy-lit-top:#ffffff;--anatomy-lit-shade:#eeeeeb;--anatomy-hi:#26262a;--anatomy-mid:#8a8a8f;--anatomy-lo:#b4b4b8;--anatomy-faint:#d4d4d6;--anatomy-lit:#000000;--anatomy-halo:#8a8a80;--anatomy-halo-opacity:.32;--anatomy-dot:#3a3a3e;--anatomy-red:#e5484d;--anatomy-green:#30a46c;--anatomy-blue:#3e63dd;--anatomy-lift:inset 0 1px 0 0 #ffffff,0 0 0 1px #0000000f,0 1px 1px -.5px #0000000a,0 3px 3px -1.5px #0000000a,0 6px 6px -3px #0000000a,0 12px 12px -6px #0000000a}.iso-svg{display:block;width:100%;height:auto;overflow:visible}.iso-svg path,.iso-svg circle{vector-effect:non-scaling-stroke}.iso-fill{fill:var(--anatomy-paper);stroke:none}.iso-solid[data-lit]>.iso-fill{fill:var(--anatomy-face)}.iso-shade,.iso-top{stroke:none}.iso-shade[data-shade="0"]{fill:var(--anatomy-shade-0)}.iso-shade[data-shade="1"]{fill:var(--anatomy-shade-1)}.iso-shade[data-shade="2"]{fill:var(--anatomy-shade-2)}.iso-shade[data-shade="3"]{fill:var(--anatomy-shade-3)}.iso-top{fill:var(--anatomy-top)}.iso-solid[data-lit]>.iso-top{fill:var(--anatomy-lit-top)}.iso-solid[data-lit]>.iso-shade{fill:var(--anatomy-lit-shade)}.iso-solid[data-seamless]>.iso-shade,.iso-solid[data-seamless]>.iso-top{stroke-width:.4;stroke-linejoin:round}.iso-solid[data-seamless]>.iso-shade[data-shade="0"]{stroke:var(--anatomy-shade-0)}.iso-solid[data-seamless]>.iso-shade[data-shade="1"]{stroke:var(--anatomy-shade-1)}.iso-solid[data-seamless]>.iso-shade[data-shade="2"]{stroke:var(--anatomy-shade-2)}.iso-solid[data-seamless]>.iso-shade[data-shade="3"]{stroke:var(--anatomy-shade-3)}.iso-solid[data-seamless]>.iso-top{stroke:var(--anatomy-top)}.iso-solid[data-seamless][data-lit]>.iso-top{stroke:var(--anatomy-lit-top)}.iso-solid[data-seamless][data-lit]>.iso-shade{stroke:var(--anatomy-lit-shade)}.iso-solid[data-lit]>.iso-edge{stroke:var(--anatomy-lit)}.iso-halo{fill:var(--anatomy-halo);stroke:none;filter:blur(9px);opacity:var(--anatomy-halo-opacity);transform:translateY(3px)}.iso-line{fill:none;stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight);stroke-linecap:round;stroke-linejoin:round}.iso-line[data-tone=hi]{stroke:var(--anatomy-hi)}.iso-line[data-tone=mid]{stroke:var(--anatomy-mid)}.iso-line[data-tone=lo]{stroke:var(--anatomy-lo)}.iso-line[data-tone=faint]{stroke:var(--anatomy-faint)}.iso-line[data-tone=lit]{stroke:var(--anatomy-lit)}.iso-line[data-tone=red]{stroke:var(--anatomy-red)}.iso-line[data-tone=green]{stroke:var(--anatomy-green)}.iso-line[data-tone=blue]{stroke:var(--anatomy-blue)}.iso-line[data-dotted]{stroke-dasharray:.01 3.5;stroke-width:1}.iso-line[data-dashed]{stroke-dasharray:3 3}.iso-line[data-flow]{stroke-dasharray:2 6}.iso-wire-end{fill:var(--anatomy-paper);stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight)}.iso-wire[data-tone=hi] .iso-wire-end{stroke:var(--anatomy-hi)}.iso-wire[data-tone=mid] .iso-wire-end{stroke:var(--anatomy-mid)}.iso-wire[data-tone=faint] .iso-wire-end{stroke:var(--anatomy-faint)}.iso-wire[data-tone=lit] .iso-wire-end{stroke:var(--anatomy-lit)}.iso-dots circle{fill:var(--anatomy-dot);stroke:none;opacity:.32}.iso-dots[data-tone=hi] circle{opacity:.85}.iso-dots[data-tone=mid] circle{opacity:.45}.iso-dots[data-tone=lo] circle{opacity:.22}.iso-dots[data-tone=faint] circle{opacity:.12}.iso-face-text{fill:var(--anatomy-mid);font-family:var(--anatomy-mono);letter-spacing:.04em}.iso-face-text[data-tone=hi]{fill:var(--anatomy-hi)}.iso-face-text[data-tone=lo]{fill:var(--anatomy-lo)}.iso-face-text[data-tone=faint]{fill:var(--anatomy-faint)}.tb-body{fill:var(--anatomy-shade-2);stroke:none}.tb-shine{fill:var(--anatomy-top);stroke:none}.tb-shade{fill:var(--anatomy-shade-0);stroke:none}.tb-ring{fill:none;stroke:var(--anatomy-lo);stroke-width:.45;stroke-linecap:butt;stroke-linejoin:round}.tb-ring[data-tone=mid]{stroke:var(--anatomy-mid)}.tb-ring[data-tone=faint]{stroke:var(--anatomy-faint)}.tb-ring[data-tone=hi]{stroke:var(--anatomy-hi)}@keyframes iso-flow{to{stroke-dashoffset:-32}}@keyframes iso-pulse{0%,to{opacity:.18}12%{opacity:1}40%{opacity:.18}}.iso-line[data-flow]{animation:iso-flow 1.6s linear infinite}.iso-dots circle[data-pulse]{animation:iso-pulse 1.6s steps(1,end) infinite;animation-delay:var(--pulse-at,0ms)}.iso-figure{margin:32px 0 36px}.iso-plate{position:relative;padding:52px 24px;border-radius:0;background:var(--anatomy-card);box-shadow:0 0 0 1px var(--anatomy-mid);--anatomy-paper:var(--anatomy-card)}.iso-plate-corners{position:absolute;top:18px;right:20px;bottom:18px;left:20px;pointer-events:none}.iso-plate-corner{position:absolute;color:var(--anatomy-muted);font-family:var(--anatomy-mono);font-size:10.5px;line-height:1;letter-spacing:.04em;white-space:nowrap}.iso-plate-corner[data-corner=fig]{top:0;left:0;color:var(--anatomy-text)}.iso-plate-corner[data-corner=title]{top:0;right:0;text-transform:uppercase;letter-spacing:.1em}.iso-plate-corner[data-corner=hint]{bottom:0;left:0;text-transform:uppercase;letter-spacing:.1em}.iso-plate-corner[data-corner=readout]{right:0;bottom:0;color:var(--anatomy-text);font-variant-numeric:tabular-nums}.iso-plate .iso-svg{margin:0 auto}.iso-legend{display:grid;gap:8px;margin-top:12px;color:var(--anatomy-muted);font-size:13px;line-height:1.55}.iso-keys{display:flex;flex-wrap:wrap;gap:6px 18px}.iso-key{display:inline-flex;align-items:center;gap:7px}.iso-swatch{width:16px;height:10px;flex:none;overflow:visible}.iso-swatch path{fill:none;stroke:var(--anatomy-hi);stroke-width:1;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.iso-swatch[data-mark=raised] path,.iso-swatch[data-mark=flat] path{stroke:var(--anatomy-mid)}.iso-swatch[data-mark=lit] path{stroke:var(--anatomy-lit)}.iso-swatch[data-mark=dim] path{stroke:var(--anatomy-lo)}.iso-swatch[data-mark=dotted] path{stroke-dasharray:.01 3;stroke-width:1.4}.iso-swatch[data-mark=dashed] path{stroke-dasharray:3 2.5}.iso-swatch[data-mark=red] path{stroke:var(--anatomy-red)}.iso-swatch[data-mark=green] path{stroke:var(--anatomy-green)}.iso-swatch[data-mark=blue] path{stroke:var(--anatomy-blue)}.iso-swatch-crease{stroke:var(--anatomy-lo)!important}@media(max-width:560px){.iso-plate{padding:48px 12px 70px}.iso-plate-corner[data-corner=hint]{bottom:18px}}@media(prefers-reduced-motion:reduce){.iso-line[data-flow],.iso-dots circle[data-pulse]{animation:none}}.chain .ch-inner{fill:var(--anatomy-shade-1);stroke:var(--anatomy-hi);stroke-width:.5;stroke-linejoin:round}.chain .ch-outer{fill:var(--anatomy-lit-top);stroke:var(--anatomy-lit);stroke-width:.55;stroke-linejoin:round}.chain .ch-pin{fill:var(--anatomy-hi);stroke:none}.rd-dot{fill:var(--anatomy-dot);opacity:.45}.rd-dot[data-tone=hi]{opacity:.85}.rd-dot[data-tone=lo]{opacity:.22}.rd-led{fill:var(--anatomy-green)}.iso{--mb-0:#1d1d20;--mb-1:#232327;--mb-2:#2a2a2e;--mb-3:#313136;--mb-top:#3a3a40;--mb-edge:#0b0b0c;--ms-0:#b9b9b7;--ms-1:#cacac8;--ms-2:#d9d9d7;--ms-3:#e6e6e4;--ms-top:#f3f3f1;--ms-edge:#3e3e42}.iso[data-theme=dark],.iso:not([data-theme=light]){--mb-0:#050505;--mb-1:#070707;--mb-2:#0a0a0a;--mb-3:#0c0c0c;--mb-top:#0f0f0f;--mb-edge:#6a6a6a;--ms-0:#4a4a4a;--ms-1:#5a5a5a;--ms-2:#6c6c6c;--ms-3:#7e7e7e;--ms-top:#959595;--ms-edge:#e4e4e4}.iso[data-theme=light]{--mb-0:#1d1d20;--mb-1:#232327;--mb-2:#2a2a2e;--mb-3:#313136;--mb-top:#3a3a40;--mb-edge:#0b0b0c;--ms-0:#b9b9b7;--ms-1:#cacac8;--ms-2:#d9d9d7;--ms-3:#e6e6e4;--ms-top:#f3f3f1;--ms-edge:#3e3e42}.mat-black>.iso-fill{fill:var(--mb-2)}.mat-black>.iso-top{fill:var(--mb-top)}.mat-black>.iso-shade[data-shade="0"]{fill:var(--mb-0)}.mat-black>.iso-shade[data-shade="1"]{fill:var(--mb-1)}.mat-black>.iso-shade[data-shade="2"]{fill:var(--mb-2)}.mat-black>.iso-shade[data-shade="3"]{fill:var(--mb-3)}.mat-black>.iso-edge{stroke:var(--mb-edge)}.mat-silver>.iso-fill{fill:var(--ms-2)}.mat-silver>.iso-top{fill:var(--ms-top)}.mat-silver>.iso-shade[data-shade="0"]{fill:var(--ms-0)}.mat-silver>.iso-shade[data-shade="1"]{fill:var(--ms-1)}.mat-silver>.iso-shade[data-shade="2"]{fill:var(--ms-2)}.mat-silver>.iso-shade[data-shade="3"]{fill:var(--ms-3)}.mat-silver>.iso-edge{stroke:var(--ms-edge)}.mat-black[data-seamless]>.iso-shade,.mat-black[data-seamless]>.iso-top{stroke:none}.mat-silver[data-seamless]>.iso-shade,.mat-silver[data-seamless]>.iso-top{stroke:none}.mat-black .iso-line[data-tone=lo]{stroke:#5c5c62}.mat-black .iso-line[data-tone=mid]{stroke:#8a8a90}.mat-black .iso-face-text{fill:#c4c4c8}.mat-silver .iso-face-text{fill:#1c1c1e}.nudge{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;padding:0;border:0;border-radius:50%;background:var(--anatomy-card);box-shadow:0 0 0 1px var(--anatomy-mid) inset,0 1px 3px #0000001f;color:var(--anatomy-strong);cursor:pointer;display:grid;place-items:center;transition:transform .15s,box-shadow .15s,opacity .2s}.nudge svg{width:16px;height:16px;overflow:visible}.nudge path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nudge:hover:not(:disabled){box-shadow:0 0 0 1.5px var(--anatomy-strong) inset,0 2px 6px #00000026;transform:scale(1.08)}.nudge:active:not(:disabled){transform:scale(.94)}.nudge:disabled{opacity:.3;cursor:default}.nudge:focus-visible{outline:2px solid var(--anatomy-strong);outline-offset:2px}.dt-hero .nudge{--gap:21px;translate:calc(var(--d) * var(--gap) * .728) calc(var(--d) * var(--gap) * .685)}.dt-hero{position:absolute;top:0;right:0;bottom:0;left:0;background:#f4f4f1;color:#18181a;overflow:hidden;display:grid;grid-template-columns:minmax(300px,32%) 1fr;align-items:center;gap:2vw;padding:calc(var(--kave-header-height,95px) + 1.5rem) 5vw 140px 6vw}.dt-hero__copy{position:relative;z-index:1;max-width:460px}.dt-hero__eyebrow{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#6e6e72}.dt-hero__title{color:#18181a;font-size:clamp(40px,4.3vw,74px);font-weight:700;letter-spacing:-.05em;line-height:.95;text-transform:uppercase;margin:22px 0 28px}.dt-hero__cta{display:inline-flex;gap:35px;align-items:center;padding:16px 23px;background:#18181a;color:#fff!important;text-decoration:none;font-size:12px;font-weight:600;letter-spacing:.055em}.dt-hero__cta:hover{background:#3a3a3e}.dt-hero__cta:focus-visible{outline:3px solid #18181a;outline-offset:6px}.dt-hero__figure{position:relative;height:100%;min-height:0;container-type:size;display:flex;flex-direction:column;align-items:center;justify-content:center}.dt-hero__stage{position:relative;width:min(100cqw,calc((100cqh - 28px) * 760 / 560));aspect-ratio:760/560;opacity:0;transition:opacity .6s ease}.dt-hero.is-ready .dt-hero__stage{opacity:1}.dt-hero__stage .iso-svg{display:block;width:100%;height:auto}.dt-hero__meta{display:flex;justify-content:space-between;width:min(100cqw,calc((100cqh - 28px) * 760 / 560));margin-top:6px;font-family:var(--anatomy-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#8c8c90;font-variant-numeric:tabular-nums}.dt-hero__meta span:last-child{color:#57575a}html.drivetrain-hero-light .section-header:not(.scrolled-past-header) .header__heading-link,html.drivetrain-hero-light .section-header:not(.scrolled-past-header) .header__icon,html.drivetrain-hero-light .section-header:not(.scrolled-past-header) .navigation-list__item,html.drivetrain-hero-light .section-header:not(.scrolled-past-header) .header__menu-item,html.drivetrain-hero-light .section-header:not(.scrolled-past-header) .header__menu-item span,html.drivetrain-hero-light .section-header:not(.scrolled-past-header) .localization-form__select{color:#1b1b1c!important}html.drivetrain-hero-light .section-header:not(.scrolled-past-header) .header__icon svg{color:#1b1b1c!important;stroke:#1b1b1c!important;fill:#1b1b1c!important}html.drivetrain-hero-light .section-header:not(.scrolled-past-header) .header__heading-logo{filter:none!important}html.drivetrain-hero-light .kave-hero__arrow{color:#1b1b1c}html.drivetrain-hero-light .kave-hero__indicator{background:#1b1b1c2e}html.drivetrain-hero-light .kave-hero__indicator.is-active{background:#1b1b1c4d}html.drivetrain-hero-light .kave-hero__indicator-fill{background:#1b1b1c}@media(max-width:749px){.dt-hero{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);align-items:stretch;gap:8px;padding:calc(var(--kave-header-height,64px) + 18px) 16px 82px}.dt-hero__copy{text-align:center;max-width:none;margin:0 auto}.dt-hero__eyebrow{font-size:10px}.dt-hero__title{font-size:clamp(30px,8.6vw,46px);margin:12px auto 16px;max-width:12em}.dt-hero__cta{padding:14px 20px;gap:24px}.dt-hero .nudge{width:34px;height:34px;margin:-17px 0 0 -17px;--gap:22px}.dt-hero__figure{overflow:visible;justify-content:center}.dt-hero__stage{width:min(142cqw,calc((100cqh - 40px) * 760 / 560));max-width:none;translate:-1% 0}.dt-hero__meta{width:100%;flex-direction:column;align-items:center;gap:3px;margin-top:0;font-size:9.5px;text-align:center}}@media(max-width:749px)and (max-height:640px){.dt-hero__title{font-size:28px}.dt-hero__eyebrow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/123/assets/drivetrain-hero.css.map */