.moto-hero{position:relative;display:flex;align-items:center;min-height:86vh;background:var(--color-background);color:var(--color-foreground);overflow:hidden;isolation:isolate;padding-block:clamp(32px,6vw,64px)}.moto-hero__sparks{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.moto-hero__spark{position:absolute;bottom:-10px;left:var(--left, 50%);width:var(--size, 3px);height:var(--size, 3px);border-radius:50%;background:var(--moto-accent, #c2641f);box-shadow:0 0 6px 1px var(--moto-accent, #c2641f);opacity:0;animation:moto-spark-rise var(--duration, 6s) ease-in infinite;animation-delay:var(--delay, 0s)}@keyframes moto-spark-rise{0%{transform:translate(0) scale(.6);opacity:0}12%{opacity:1}85%{opacity:.5}to{transform:translate(var(--drift, 10px),-72vh) scale(1);opacity:0}}.moto-hero__inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:clamp(24px,4vw,40px);max-width:var(--page-content-width, 1200px);margin-inline:auto;padding-inline:var(--page-margin, 16px);width:100%}.moto-hero__copy{position:relative;max-width:62ch}.moto-hero__eyebrow{display:inline-block;font-family:var(--font-subheading--family, inherit);letter-spacing:.18em;text-transform:uppercase;font-size:13px;color:var(--moto-accent, #c2641f);border-bottom:1px solid var(--moto-accent, #c2641f);padding-bottom:6px;margin-bottom:20px}.moto-hero__heading{margin:0 0 16px;font-family:var(--font-heading--family, inherit);text-transform:uppercase;letter-spacing:.01em;font-size:clamp(36px,6vw,64px);line-height:1.03}.moto-hero__body{max-width:46ch;font-size:16px;line-height:1.6;opacity:.85;margin-bottom:24px}.moto-hero__cta{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:var(--moto-accent, #c2641f);color:#141210;font-family:var(--font-subheading--family, inherit);font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:13px;text-decoration:none;border-radius:2px;transition:filter .2s ease,transform .2s ease}.moto-hero__cta:hover{filter:brightness(1.12);transform:translateY(-1px)}.moto-hero__hint{margin:0;text-align:center;font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.45}.moto-hero__art{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:4px;overflow:hidden;perspective:1200px;touch-action:pan-y;background:radial-gradient(circle at 50% 50%,#1c1812,#0c0a08)}@media screen and (max-width:749px){.moto-hero__art{aspect-ratio:4 / 5}}.moto-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:4%;box-sizing:border-box;transform:rotateX(var(--tiltX, 0deg)) rotateY(var(--tiltY, 0deg));transform-style:preserve-3d;filter:drop-shadow(0 30px 40px rgba(0,0,0,.5));will-change:transform,opacity;opacity:0;animation:moto-hero-cycle 17.5s ease-in-out infinite;animation-delay:var(--delay, 0s)}@keyframes moto-hero-cycle{0%{opacity:0}4%{opacity:1}16%{opacity:1}20%{opacity:0}to{opacity:0}}.moto-hero__spotlight{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at var(--sx, 50%) var(--sy, 36%),transparent 0,transparent 140px,rgba(10,8,6,.94) 440px)}@media(prefers-reduced-motion:reduce){.moto-hero__spark{animation:none;opacity:0}.moto-hero__slide{animation:none;opacity:1;transform:none!important}.moto-hero__slide:not(:first-child){display:none}.moto-hero__spotlight{background:radial-gradient(circle at 50% 36%,transparent 0,transparent 220px,rgba(10,8,6,.6) 480px)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/moto-hero.css.map */