.scroll-keyframes-section{padding-inline:0}.scroll-keyframes{--scroll-keyframes-panel-size: 100svh;display:block;min-block-size:var(--scroll-keyframes-panel-size);background:var(--scroll-keyframes-background, var(--color-bg-black));color:var(--color-text-white-primary)}.scroll-keyframes__stage{position:relative;min-block-size:var(--scroll-keyframes-panel-size);overflow:clip;background:var(--scroll-keyframes-background, var(--color-bg-black));isolation:isolate}.scroll-keyframes__fallback,.scroll-keyframes__fallback img,.scroll-keyframes__canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;inline-size:100%;block-size:100%}.scroll-keyframes__fallback img{object-fit:cover;object-position:center}.scroll-keyframes__canvas{z-index:1;opacity:0}.scroll-keyframes.has-rendered-frame .scroll-keyframes__canvas{opacity:1}.scroll-keyframes.has-rendered-frame .scroll-keyframes__fallback{visibility:hidden}.scroll-keyframes__header{position:absolute;z-index:3;inset-block-start:13.333%;inset-inline:0;pointer-events:none}.scroll-keyframes__header .section-header{--header-inner-margin: var(--space-token-xl);grid-template-columns:minmax(0,1fr);inline-size:min(1200px,calc(100% - (var(--space-token-3xl) * 2)));max-inline-size:1200px;margin-inline:0;position:relative;inset-inline-start:calc(50vw + 7.5px);transform:translate(-50%);color:var(--color-text-white-primary)}.scroll-keyframes__header .section-header .prose{inline-size:100%}.scroll-keyframes__header .section-header .h2,.scroll-keyframes__header .section-header .heading-h2{color:var(--color-text-white-primary);font:var(--font-8xl-semibold)}.scroll-keyframes__header .section-header .prose>:not(.h2,.heading-h2){color:var(--color-text-white-secondary);font:var(--font-2xl-medium)}@media(min-width:1280px)and (max-width:1660px){.scroll-keyframes__header .section-header .h2,.scroll-keyframes__header .section-header .heading-h2{font:var(--font-6xl-semibold)}.scroll-keyframes__header .section-header .prose>:not(.h2,.heading-h2){font:var(--font-lg-medium)}}.scroll-keyframes__callouts{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;pointer-events:none}.scroll-keyframes__callout{position:absolute;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--space-token-s);align-items:center;inline-size:320px;margin:0;color:var(--color-text-white-primary);filter:drop-shadow(0 2px 10px var(--color-bg-black))}.scroll-keyframes.is-enhanced:not(.is-reduced-motion) .scroll-keyframes__callout{visibility:hidden;opacity:0;will-change:transform,opacity}.scroll-keyframes__callout--awd{inset-inline-start:66%;inset-block-start:66.5%}.scroll-keyframes__callout--suspension{inset-inline-start:70%;inset-block-start:40%}.scroll-keyframes__callout-title,.scroll-keyframes__callout-copy{grid-column:2;margin:0}.scroll-keyframes__callout-label{display:contents}.scroll-keyframes__callout-title{font:var(--font-xl-semibold)}.scroll-keyframes__callout-copy{margin-block-start:var(--space-token-xs);color:var(--color-text-white-secondary);font:var(--font-sm-regular);line-height:1.4}.scroll-keyframes__anchor{position:relative;grid-row:1 / span 2;display:block;inline-size:8px;block-size:8px;border:var(--stroke-line-base) solid var(--color-warning-hover);border-radius:var(--radius-full);background:var(--color-warning-normal);box-shadow:0 0 0 5px color-mix(in srgb,var(--color-warning-normal) 16%,transparent),0 0 18px color-mix(in srgb,var(--color-warning-hover) 72%,transparent);animation:scroll-keyframes-anchor-pulse 1.8s ease-in-out infinite}.scroll-keyframes__anchor:before{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:var(--stroke-line-base) solid color-mix(in srgb,var(--color-warning-normal) 34%,transparent);border-radius:var(--radius-full);content:""}.scroll-keyframes__anchor:after{display:none}@keyframes scroll-keyframes-anchor-pulse{0%,to{opacity:.55;scale:.82}50%{opacity:1;scale:1.18}}.scroll-keyframes__status{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:768px)and (max-width:1279px){.scroll-keyframes__header{inset-inline:48px}.scroll-keyframes__header .section-header{--header-inner-margin: var(--space-token-l);inline-size:100%;margin-inline:auto;position:static;transform:none}.scroll-keyframes__header .section-header .h2,.scroll-keyframes__header .section-header .heading-h2{font:var(--font-5xl-semibold)}.scroll-keyframes__header .section-header .prose>:not(.h2,.heading-h2){font:var(--font-lg-medium)}.scroll-keyframes__callout{inline-size:min(260px,calc(38vw - 48px))}.scroll-keyframes__callout--awd{inset-inline-start:auto;inset-inline-end:48px;inset-block-start:68%}.scroll-keyframes__callout--suspension{inset-inline-start:auto;inset-inline-end:48px;inset-block-start:41%}}@media(max-width:767px){.scroll-keyframes{--scroll-keyframes-panel-size: var(--scroll-keyframes-mobile-stage-size, 100svh)}.scroll-keyframes__stage{block-size:var(--scroll-keyframes-panel-size);min-block-size:0}.scroll-keyframes__header{inset-block-start:64px;inset-inline:0}.scroll-keyframes__header .section-header{--header-inner-margin: var(--space-token-base);inline-size:min(350px,calc(100% - 25px));margin-inline:0;position:relative;inset-inline-start:20px;transform:none}.scroll-keyframes__header .section-header .h2,.scroll-keyframes__header .section-header .heading-h2{font:var(--font-3xl-semibold)}.scroll-keyframes__header .section-header .prose>:not(.h2,.heading-h2){font:var(--font-base-medium)}.scroll-keyframes__callouts{top:0;right:0;bottom:0;left:0}.scroll-keyframes__callout,.scroll-keyframes__callout--awd,.scroll-keyframes__callout--suspension{position:absolute;grid-template-columns:auto auto;justify-content:center;inset-block:auto 72px;inset-inline:24px;inline-size:auto;min-block-size:0;padding:var(--space-token-s) var(--space-token-md);border:0;border-radius:var(--radius-base);background:color-mix(in srgb,var(--color-bg-black) 72%,transparent);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(var(--backdrop-blur-base));backdrop-filter:blur(var(--backdrop-blur-base));text-align:center}.scroll-keyframes__callout-title{font:var(--font-base-medium)}.scroll-keyframes__callout-copy{font:var(--font-sm-regular);line-height:1.4}.scroll-keyframes__callout--multiline{display:flex;flex-direction:column;align-items:center}.scroll-keyframes__callout--multiline .scroll-keyframes__callout-label{display:inline-grid;grid-template-columns:8px auto;column-gap:var(--space-token-xs);align-items:center;max-inline-size:100%}.scroll-keyframes__callout--multiline .scroll-keyframes__callout-title{text-align:start}}@media(prefers-reduced-motion:reduce){.scroll-keyframes__stage{min-block-size:auto;padding-block:var(--space-token-4xl)}.scroll-keyframes__fallback{position:relative;aspect-ratio:4 / 5}.scroll-keyframes__fallback img{position:relative}.scroll-keyframes__canvas,.scroll-keyframes__header,.scroll-keyframes__callouts{position:relative;inset:auto}.scroll-keyframes__canvas{display:none}.scroll-keyframes__header{padding:0 var(--space-token-md) var(--space-token-xl)}.scroll-keyframes__callouts{display:grid;gap:var(--space-token-base);padding:var(--space-token-xl) var(--space-token-md) 0}.scroll-keyframes__callout,.scroll-keyframes__callout--awd,.scroll-keyframes__callout--suspension{position:relative;inset:auto;inline-size:100%;padding:var(--space-token-base);border:1px solid var(--stroke-20);border-radius:var(--radius-base)}.scroll-keyframes__anchor{display:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/scroll-keyframes.css.map */