.hero{position:relative;display:block;background:var(--cl-color-background)}.hero__viewport{display:grid;touch-action:pan-y}.hero__slide{grid-area:1 / 1;display:grid;grid-template-rows:auto 1fr;opacity:0;visibility:hidden;transition:opacity .7s var(--cl-ease),visibility 0s linear .7s}.hero__slide.is-active{opacity:1;visibility:visible;transition:opacity .7s var(--cl-ease),visibility 0s;z-index:1}.hero__media{aspect-ratio:5 / 4}.hero__media img{transform:scale(1.03);transition:transform 6s linear}.hero__slide.is-active .hero__media img{transform:scale(1)}.hero__content{display:grid;align-content:start;justify-items:start;gap:var(--cl-space-4);padding:var(--cl-space-6) var(--cl-gutter) var(--cl-space-5);background:var(--cl-color-background)}.hero__title{font-size:var(--cl-text-h1);max-width:12ch}.hero__text{max-width:54.4rem;font-size:var(--cl-text-lead);color:var(--cl-color-text-muted)}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--cl-space-3);margin-top:var(--cl-space-2)}.hero__slide--dark .hero__content{background:var(--cl-color-primary)}.hero__slide--dark .hero__title{color:var(--cl-color-on-dark)}.hero__slide--dark .hero__text{color:var(--cl-color-on-dark-muted)}.hero__slide--dark .hero__content:before{content:"";width:48px;height:1px;background:var(--cl-color-accent);margin-bottom:var(--cl-space-2)}.hero__slide--dark .cl-btn--secondary{border-color:var(--cl-color-on-dark);color:var(--cl-color-on-dark)}.hero__slide--dark .cl-btn--secondary:hover{background:var(--cl-color-on-dark);color:var(--cl-color-primary)}.hero__controls{display:flex;align-items:center;gap:var(--cl-space-1);padding:0 calc(var(--cl-gutter) - 12px) var(--cl-space-6);color:var(--cl-color-primary);transition:background-color var(--cl-duration) var(--cl-ease),color var(--cl-duration) var(--cl-ease)}.hero[data-theme=dark] .hero__controls{background:var(--cl-color-primary);color:var(--cl-color-on-dark)}.hero[data-theme=dark] .hero__controls :focus-visible{outline-color:var(--cl-color-on-dark)}.hero__arrow{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:none;color:inherit;border-radius:var(--cl-radius)}.hero__arrow:hover{background:#7f7f7f1f}.hero__play{margin-left:auto}.hero__dots{display:flex}.hero__dot{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:none;color:inherit}.hero__dot:before{content:"";width:28px;height:2px;background:currentColor;opacity:.3;transition:opacity var(--cl-duration) var(--cl-ease),width var(--cl-duration) var(--cl-ease)}.hero__dot[aria-current=true]:before{opacity:1;width:36px}@media(min-width:600px){.hero__media{aspect-ratio:16 / 10}}@media(min-width:960px){.hero__slide{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:none;min-height:clamp(560px,calc(100svh - 140px),780px)}.hero__media{grid-column:2;grid-row:1;aspect-ratio:auto;height:100%}.hero__content{grid-column:1;grid-row:1;align-content:center;padding:var(--cl-space-8) var(--cl-space-7) var(--cl-space-9) max(var(--cl-gutter),calc((100vw - var(--cl-max-width)) / 2 + var(--cl-gutter)))}.hero__slide--dark .hero__content:before{margin-bottom:var(--cl-space-3)}.hero__controls{position:absolute;left:0;bottom:0;z-index:2;width:calc(5 / 12 * 100%);padding:0 var(--cl-space-6) var(--cl-space-6) max(calc(var(--cl-gutter) - 12px),calc((100vw - var(--cl-max-width)) / 2 + var(--cl-gutter) - 12px))}.hero[data-theme] .hero__controls{background:transparent}}@media(prefers-reduced-motion:reduce){.hero__media img{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/cascade-hero.css.map */