.moto-reveal{position:relative;overflow:hidden;background:var(--color-background);color:var(--color-foreground);isolation:isolate}.moto-reveal__scroller{position:relative}.moto-reveal__pin{position:sticky;top:0;min-height:100vh;display:flex;align-items:center;padding-block:clamp(64px,10vw,140px)}.moto-reveal__lines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.5}.moto-reveal__line{position:absolute;left:-20%;width:140%;height:1px;background:linear-gradient(90deg,transparent,var(--moto-accent, #c2641f) 35%,transparent 70%);transform:translate(calc((var(--progress, 0) - 1) * var(--line-speed, 120px)));opacity:calc(.15 + var(--progress, 0) * .5)}.moto-reveal__grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:clamp(32px,6vw,64px);align-items:center;max-width:var(--page-content-width, 1200px);margin-inline:auto;padding-inline:var(--page-margin, 16px);width:100%}@media screen and (min-width:750px){.moto-reveal__grid{grid-template-columns:minmax(0,1fr) minmax(0,420px)}}.moto-reveal__copy{position:relative}.moto-reveal__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;opacity:calc(.3 + var(--progress, 0) * .7);transform:translateY(calc((1 - var(--progress, 0)) * 10px))}.moto-reveal__heading{margin:0 0 20px;font-family:var(--font-heading--family, inherit);text-transform:uppercase;letter-spacing:.01em;font-size:clamp(32px,5vw,56px);line-height:1.05}.moto-reveal__body{max-width:46ch;font-size:16px;line-height:1.6;opacity:.85;margin-bottom:32px}.moto-reveal__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-reveal__cta:hover{filter:brightness(1.12);transform:translateY(-1px)}.moto-reveal__art{position:relative;width:100%;max-width:420px;margin-inline:auto;aspect-ratio:915 / 889}.moto-shatter:before{content:"";position:absolute;top:-14%;right:-14%;bottom:-14%;left:-14%;z-index:-1;background:radial-gradient(circle,var(--moto-accent, #c2641f) 0%,transparent 62%);opacity:calc(var(--progress, 0) * var(--progress, 0) * .35);pointer-events:none}.moto-shard{position:absolute;left:0;width:100%;background-image:var(--shatter-image);background-repeat:no-repeat;background-size:100% 600%;background-position:0% var(--bgy, 0%);--shard-progress: clamp(0, calc((var(--progress, 0) - var(--stagger, 0)) / (1 - var(--stagger, 0))), 1);transform:translate(calc(var(--ox, 0px) * (1 - var(--shard-progress))),calc(var(--oy, 0px) * (1 - var(--shard-progress)))) rotate(calc(var(--orot, 0) * (1 - var(--shard-progress)) * 1deg));opacity:calc(.15 + var(--shard-progress) * .85);transition:none;will-change:transform,opacity}@media(prefers-reduced-motion:reduce){.moto-reveal__scroller{height:auto!important}.moto-reveal__pin{position:relative!important;top:auto!important;min-height:0}.moto-shard,.moto-reveal__eyebrow,.moto-reveal__line{transition:none!important;transform:none!important;opacity:1!important}.moto-shatter:before{opacity:.2!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/moto-reveal.css.map */