.armada-hero-slider{display:block;position:relative;width:100%;overflow:clip;background-color:rgb(var(--color-background))}.armada-hero-slider__container{--hero-controls-bottom: var(--space-14);--hero-controls-gap: calc(var(--space-8) + var(--space-2));position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);width:100%;height:var(--mobile-viewport-height, 85vh);height:var(--mobile-dynamic-viewport-height, 85dvh);min-height:var(--mobile-viewport-height, 85vh)}@media screen and (min-width:750px){.armada-hero-slider__container{height:100vh;min-height:100vh}}.armada-hero-slider--keep-ratio .armada-hero-slider__container{--keep-ratio-mobile: 394 / 751;--keep-ratio-desktop: 2 / 1;height:auto;min-height:0;aspect-ratio:var(--keep-ratio-mobile)}@media screen and (min-width:750px){.armada-hero-slider--keep-ratio .armada-hero-slider__container{height:auto;min-height:0;aspect-ratio:var(--keep-ratio-desktop)}}.armada-hero-slider__track{grid-area:1 / 1;position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);width:100%;min-height:0}.armada-hero-slider__slide{grid-area:1 / 1;position:relative;display:flex;flex-direction:column;justify-content:flex-end;width:100%;min-height:0;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s ease;z-index:1}.armada-hero-slider__slide.is-active{opacity:1;visibility:visible;z-index:2}.armada-hero-slider__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.armada-hero-slider__image,.armada-hero-slider__video{width:100%;height:100%;object-fit:cover;display:block}.armada-hero-slider__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;pointer-events:none}.armada-hero-slider__content{position:relative;width:100%;margin:0;z-index:3;pointer-events:none;padding:0 var(--space-13) calc(var(--hero-controls-bottom) + var(--hero-controls-gap))}#MainContent>.shopify-section:first-child .armada-hero-slider__content,#MainContent>.shopify-section:first-child .armada-hero-slider__controls{position:sticky;bottom:0}@media screen and (min-aspect-ratio:2 / 1){#MainContent>.shopify-section:first-child .armada-hero-slider__container{--hero-controls-bottom: var(--space-10);--hero-controls-gap: var(--space-8)}}.armada-hero-slider__content-inner{max-width:60rem;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-8);pointer-events:auto}.armada-hero-slider__heading{margin:0;color:rgb(var(--color-heading));font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:var(--heading-size-mobile, var(--size-h1));line-height:1;letter-spacing:-.02em}.armada-hero-slider__heading-word{display:inline-block;white-space:nowrap}.armada-hero-slider__heading-char{display:inline-block;transition:opacity .18s ease;font-feature-settings:normal}.armada-hero-slider__heading-char.is-alt{opacity:.94;font-feature-settings:"salt" 1,"ss01" 1}@media screen and (min-width:750px){.armada-hero-slider__heading{font-size:var(--heading-size-desktop, var(--size-display-lg))}}.armada-hero-slider__subheading{color:rgb(var(--color-foreground));font-size:var(--size-body-m);line-height:1.5}.armada-hero-slider__subheading p{margin:0}.armada-hero-slider__buttons{display:flex;flex-direction:column;width:100%;gap:1.2rem}.armada-hero-slider__buttons .button{width:100%;font-size:var(--size-body-s)!important}@media screen and (min-width:750px){.armada-hero-slider__buttons{flex-direction:row;width:auto}.armada-hero-slider__buttons .button{width:auto;min-width:16rem}}.armada-hero-slider__controls{grid-area:1 / 1;align-self:end;position:relative;width:100%;margin:0;padding:0 var(--space-13) var(--hero-controls-bottom);z-index:4;pointer-events:none}.armada-hero-slider__progress-bars{display:flex;gap:1rem;pointer-events:auto;max-width:30rem;position:relative;z-index:5}.armada-hero-slider__progress-bar{flex:1;height:4px;background-color:#ffffff4d;border:none;padding:0;cursor:pointer;position:relative;overflow:hidden;border-radius:2px}.armada-hero-slider__progress-fill{display:block;height:100%;width:0;background-color:#fff;position:absolute;top:0;left:0}.armada-hero-slider__progress-bar .armada-hero-slider__progress-fill{width:0}@keyframes progressFill{0%{width:0}to{width:100%}}.armada-hero-slider__progress-bar.is-past .armada-hero-slider__progress-fill{width:100%}@media(prefers-reduced-motion:reduce){.armada-hero-slider__slide{transition:none}.armada-hero-slider__progress-fill{animation:none!important;transition:none}.armada-hero-slider__progress-bar.is-active .armada-hero-slider__progress-fill,.armada-hero-slider__progress-bar.is-past .armada-hero-slider__progress-fill{width:100%}}.button--outline{display:none}.armada-hero-slider__slide--split .armada-hero-slider__split{position:relative;width:100%;flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.armada-hero-slider__slide--split .armada-hero-slider__split-half{position:relative;flex:1 1 0;min-height:0;overflow:clip;display:flex;flex-direction:column;justify-content:flex-end}.armada-hero-slider__slide--split .armada-hero-slider__split-content{position:relative;z-index:3;width:100%;padding:var(--space-7);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-7);pointer-events:auto}#MainContent>.shopify-section:first-child .armada-hero-slider__slide--split .armada-hero-slider__split-content{position:sticky;bottom:0}.armada-hero-slider__slide--split .armada-hero-slider__buttons{width:100%}.armada-hero-slider__slide--split .armada-hero-slider__buttons .armada-btn:not(.armada-btn--link){width:100%}.armada-hero-slider__slide--split .armada-hero-slider__heading--split{font-size:var(--size-heading-lg);line-height:1.1;text-transform:uppercase}@media screen and (min-width:750px){.armada-hero-slider__slide--split .armada-hero-slider__split{flex-direction:row}.armada-hero-slider__slide--split .armada-hero-slider__split-half{flex:1 1 50%}.armada-hero-slider__slide--split .armada-hero-slider__split-content{padding:0 var(--space-13) calc(var(--hero-controls-bottom) + var(--hero-controls-gap));gap:var(--space-8)}.armada-hero-slider__slide--split .armada-hero-slider__buttons{width:auto}.armada-hero-slider__slide--split .armada-hero-slider__buttons .armada-btn:not(.armada-btn--link){width:auto;min-width:16rem}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/armada-hero-slider.css.map */