@layer reset, tokens, legacy, primitives, archetypes, utilities, overrides;@layer legacy{.scroll-video-hero{--svh-fit-desktop:contain;background:var(--svh-bg,#000);height:calc(var(--svh-track, 400vh) + var(--svh-buffer, 100vh));position:relative}.scroll-video-hero__sticky{height:100vh;height:100svh;overflow:hidden;position:sticky;top:0}.scroll-video-hero__canvas{height:100%;inset:0;position:absolute;width:100%}.scroll-video-hero__shade{background:rgb(0 0 0/var(--svh-overlay,.4));inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .6s ease}.scroll-video-hero__content{align-items:center;color:#fff;display:flex;flex-direction:column;gap:12px;inset:0;justify-content:center;padding:24px 16px;pointer-events:none;position:absolute;text-align:center;transition:visibility 0s linear .7s;visibility:hidden}.scroll-video-hero__button,.scroll-video-hero__eyebrow,.scroll-video-hero__heading,.scroll-video-hero__subline{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.scroll-video-hero__eyebrow{font-size:12px;letter-spacing:.24em;margin:0;text-transform:uppercase}.scroll-video-hero__heading{font-size:clamp(28px,5vw,56px);line-height:1.05;margin:0;transition-delay:.12s}.scroll-video-hero__subline{font-size:16px;line-height:1.3;margin:0;transition-delay:.2s}.scroll-video-hero__button{background:#fff;border:1px solid #ffffffe6;border-radius:999px;color:#000;font-size:14px;letter-spacing:.14em;margin-top:8px;padding:16px 40px;text-decoration:none;text-transform:uppercase;transition-delay:.28s}.scroll-video-hero__button:hover{background:#0000;color:#fff}.scroll-video-hero .scroll-video-hero__content>.scroll-video-hero__button,.scroll-video-hero .scroll-video-hero__content>.scroll-video-hero__button:focus-visible,.scroll-video-hero .scroll-video-hero__content>.scroll-video-hero__button:hover{text-decoration:none}.scroll-video-hero__hint{inset-inline:0;bottom:28px;color:#fffc;font-size:11px;letter-spacing:.3em;margin:0;pointer-events:none;position:absolute;text-align:center;text-transform:uppercase;transition:opacity .4s ease}.scroll-video-hero__progress{background:#ffffff26;inset-inline:0;bottom:0;height:2px;position:absolute}.scroll-video-hero__progress span{background:#fff;display:block;height:100%;transform:scaleX(0);transform-origin:left;width:100%}.scroll-video-hero.is-complete .scroll-video-hero__shade{opacity:1}.scroll-video-hero.is-complete .scroll-video-hero__button,.scroll-video-hero.is-complete .scroll-video-hero__eyebrow,.scroll-video-hero.is-complete .scroll-video-hero__heading,.scroll-video-hero.is-complete .scroll-video-hero__subline{opacity:1;transform:none}.scroll-video-hero.is-complete .scroll-video-hero__content{pointer-events:auto;transition-delay:0s;visibility:visible}.scroll-video-hero.is-complete .scroll-video-hero__hint{opacity:0}@media (prefers-reduced-motion:reduce){.scroll-video-hero .scroll-video-hero__button,.scroll-video-hero .scroll-video-hero__eyebrow,.scroll-video-hero .scroll-video-hero__heading,.scroll-video-hero .scroll-video-hero__subline{transition:none}}.scroll-video-hero--bfcm{background:var(--color-background)}.scroll-video-hero--bfcm .scroll-video-hero__shade{background:linear-gradient(to bottom,rgb(var(--color-campaign-scrim)/0) 30%,rgb(var(--color-campaign-scrim)/.45) 62%,rgb(var(--color-campaign-scrim)/.82) 100%),rgb(var(--color-campaign-scrim)/calc(var(--svh-overlay, .4)*.5))}.scroll-video-hero--bfcm .scroll-video-hero__content{color:var(--color-text);gap:12px;justify-content:flex-end;padding:24px 20px 32px}.scroll-video-hero--bfcm .scroll-video-hero__eyebrow{color:var(--color-subheading);font-size:14px;letter-spacing:.1em;line-height:1}.scroll-video-hero--bfcm .scroll-video-hero__heading{background-clip:text;-webkit-background-clip:text;background-image:var(--gradient-gold);color:#0000;font-family:var(--font-heading);font-size:36px;font-weight:500;line-height:1.1;margin-block-end:-.15em;padding-block-end:.15em}.scroll-video-hero--bfcm .scroll-video-hero__button{align-items:center;background:var(--gradient-gold);border:0;border-radius:4px;color:var(--color-on-primary-button);display:inline-flex;font-size:13px;font-weight:500;letter-spacing:.08em;margin-top:12px;min-height:44px;padding:0 24px;text-decoration:none}.scroll-video-hero--bfcm .scroll-video-hero__button:focus-visible,.scroll-video-hero--bfcm .scroll-video-hero__button:hover{background:var(--gradient-gold);color:var(--color-on-primary-button);filter:brightness(1.06);text-decoration:none}.scroll-video-hero--bfcm .scroll-video-hero__progress span{background:var(--color-links)}@media (min-width:768px){.scroll-video-hero--bfcm .scroll-video-hero__shade{background:linear-gradient(to right,rgb(var(--color-campaign-scrim)/.78) 0,rgb(var(--color-campaign-scrim)/.4) 45%,rgb(var(--color-campaign-scrim)/0) 76%),rgb(var(--color-campaign-scrim)/calc(var(--svh-overlay, .4)*.5))}.scroll-video-hero--bfcm .scroll-video-hero__content{align-items:flex-start;gap:24px;justify-content:center;padding:32px 100px;text-align:start}.scroll-video-hero--bfcm .scroll-video-hero__eyebrow{font-size:18px}.scroll-video-hero--bfcm .scroll-video-hero__heading{font-size:64px}.scroll-video-hero--bfcm .scroll-video-hero__subline{font-size:20px}.scroll-video-hero--bfcm .scroll-video-hero__button{font-size:16px;margin-top:16px;min-height:52px;padding:0 32px}}.shopify-section--scroll-video-hero:has(.scroll-video-hero--hide-next)+.shopify-section{display:none}}