.skeld-cinematic-hero-wrapper{margin:0!important;padding:0!important}.skeld-cinematic-hero-section{--skeld-hero-ease: cubic-bezier(.22, .61, .36, 1);--skeld-hero-duration: 1.1s;position:relative;isolation:isolate;display:block;width:100%;overflow:hidden;background:var(--skeld-hero-background, #111);color:var(--skeld-hero-text-color, #fff)}.skeld-cinematic-hero-section--full-width{width:100%;max-width:none}.skeld-cinematic-hero-section *,.skeld-cinematic-hero-section *:before,.skeld-cinematic-hero-section *:after{box-sizing:border-box}.skeld-cinematic-hero__viewport{position:relative;width:100%;height:min(var(--skeld-hero-height-desktop, 85vh),var(--skeld-hero-max-height-desktop, 900px));min-height:350px;overflow:hidden;background:var(--skeld-hero-background, #111)}.skeld-cinematic-hero__track{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;isolation:isolate}.skeld-cinematic-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;visibility:hidden;opacity:0;pointer-events:none;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.skeld-cinematic-hero__slide.is-active{z-index:2;visibility:visible;opacity:1;pointer-events:auto}.skeld-cinematic-hero__slide.is-leaving{z-index:3;visibility:visible;opacity:1;pointer-events:none}.skeld-cinematic-hero__slide.is-entering,.skeld-cinematic-hero__slide.is-leaving{will-change:transform,opacity}.skeld-cinematic-hero__picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;overflow:hidden;transform:translateZ(0)}.skeld-cinematic-hero__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center;transform:scale(1.03) translateZ(0);transform-origin:center;backface-visibility:hidden;-webkit-backface-visibility:hidden}.skeld-cinematic-hero__slide[data-image-zoom] .skeld-cinematic-hero__image{transform:scale(var(--skeld-slide-image-zoom, 1.03)) translateZ(0)}.skeld-cinematic-hero__image-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(201,201,113,.08),transparent 65%),var(--skeld-hero-background, #111)}.skeld-cinematic-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:rgba(0,0,0,var(--skeld-hero-overlay, .15))}.skeld-cinematic-hero__content{position:absolute;z-index:2;top:50%;left:50%;width:var(--skeld-hero-content-width, 80%);max-width:1440px;padding:0;color:var(--skeld-hero-text-color, #fff);font-family:var(--skeld-hero-font-family, inherit);opacity:0;transform:translate3d(-50%,calc(-50% + 18px),0);pointer-events:none}.skeld-cinematic-hero__slide.is-active .skeld-cinematic-hero__content{opacity:1;transform:translate3d(-50%,-50%,0)}.skeld-cinematic-hero__text-box{display:inline-block;width:fit-content;max-width:100%;padding:var(--skeld-hero-padding-top, 24px) var(--skeld-hero-padding-right, 28px) var(--skeld-hero-padding-bottom, 24px) var(--skeld-hero-padding-left, 28px);color:inherit;font-family:var(--skeld-hero-font-family, inherit);background:color-mix(in srgb,var(--skeld-hero-box-background, #111111) calc(var(--skeld-hero-box-opacity, .45) * 100%),transparent);border:var(--skeld-hero-box-border-width, 1px) solid color-mix(in srgb,var(--skeld-hero-box-border-color, #c9c971) calc(var(--skeld-hero-box-border-opacity, .8) * 100%),transparent);border-radius:var(--skeld-hero-box-radius, 8px)}.skeld-cinematic-hero__heading{margin:0;color:inherit;font-family:inherit;font-size:var(--skeld-hero-heading-desktop, 64px);font-weight:500;line-height:1.08;letter-spacing:-.035em;text-wrap:balance;overflow-wrap:break-word}.skeld-cinematic-hero__text{margin-top:20px;max-width:620px;color:inherit;font-family:inherit;font-size:clamp(15px,1.2vw,20px);font-weight:400;line-height:1.65;letter-spacing:.01em;opacity:.92}.skeld-cinematic-hero__text p{margin:0}.skeld-cinematic-hero__position--top_left .skeld-cinematic-hero__content{top:0;right:auto;bottom:auto;left:0;transform:translateZ(0)}.skeld-cinematic-hero__position--top_center .skeld-cinematic-hero__content{top:0;right:auto;bottom:auto;left:50%;transform:translate3d(-50%,0,0)}.skeld-cinematic-hero__position--top_right .skeld-cinematic-hero__content{top:0;right:0;bottom:auto;left:auto;transform:translateZ(0)}.skeld-cinematic-hero__position--center_left .skeld-cinematic-hero__content{top:50%;right:auto;bottom:auto;left:0;transform:translate3d(0,-50%,0)}.skeld-cinematic-hero__position--center_right .skeld-cinematic-hero__content{top:50%;right:0;bottom:auto;left:auto;transform:translate3d(0,-50%,0)}.skeld-cinematic-hero__position--bottom_left .skeld-cinematic-hero__content{top:auto;right:auto;bottom:0;left:0;transform:translateZ(0)}.skeld-cinematic-hero__position--bottom_center .skeld-cinematic-hero__content{top:auto;right:auto;bottom:0;left:50%;transform:translate3d(-50%,0,0)}.skeld-cinematic-hero__position--bottom_right .skeld-cinematic-hero__content{top:auto;right:0;bottom:0;left:auto;transform:translateZ(0)}.skeld-cinematic-hero__align--left .skeld-cinematic-hero__content{text-align:left}.skeld-cinematic-hero__align--center .skeld-cinematic-hero__content{text-align:center}.skeld-cinematic-hero__align--right .skeld-cinematic-hero__content{text-align:right}.skeld-cinematic-hero__align--center .skeld-cinematic-hero__text{margin-right:auto;margin-left:auto}.skeld-cinematic-hero__align--right .skeld-cinematic-hero__text{margin-left:auto}.skeld-cinematic-hero__navigation{position:absolute;z-index:10;right:0;bottom:clamp(18px,4vh,44px);left:0;display:flex;align-items:center;justify-content:center;gap:clamp(16px,2vw,28px);padding:0 20px;pointer-events:none}.skeld-cinematic-hero__arrow,.skeld-cinematic-hero__dot{-webkit-appearance:none;appearance:none;font:inherit;cursor:pointer;pointer-events:auto}.skeld-cinematic-hero__arrow{display:inline-flex;flex:0 0 42px;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.34);border-radius:50%;background:#0c0c0c38;color:#fff;-webkit-tap-highlight-color:transparent;transition:background-color .22s ease,border-color .22s ease,opacity .22s ease}.skeld-cinematic-hero__arrow svg{display:block;flex:0 0 auto}.skeld-cinematic-hero__arrow:hover{border-color:#c9c971e6;background:#c9c9712e}.skeld-cinematic-hero__arrow:focus-visible,.skeld-cinematic-hero__dot:focus-visible{outline:2px solid #c9c971;outline-offset:4px}.skeld-cinematic-hero__dots{display:flex;align-items:center;justify-content:center;gap:10px}.skeld-cinematic-hero__dot{display:block;width:7px;height:7px;flex:0 0 7px;padding:0;border:0;border-radius:50%;background:#ffffff85;opacity:.8;transition:width .24s ease,background-color .24s ease,opacity .24s ease}.skeld-cinematic-hero__dot.is-active{width:22px;flex-basis:22px;border-radius:5px;background:#c9c971;opacity:1}.skeld-cinematic-hero__navigation [hidden],.skeld-cinematic-hero-section.is-autoplay .skeld-cinematic-hero__navigation{display:none!important}.skeld-cinematic-hero-section [data-skeld-slide].is-entering[data-effect=parallax] .skeld-cinematic-hero__image{animation:skeld-hero-parallax-in var(--skeld-hero-duration, 1.1s) var(--skeld-hero-ease) both}.skeld-cinematic-hero-section [data-skeld-slide].is-leaving[data-effect=parallax] .skeld-cinematic-hero__image{animation:skeld-hero-parallax-out var(--skeld-hero-duration, 1.1s) var(--skeld-hero-ease) both}@keyframes skeld-hero-parallax-in{0%{transform:scale(1.12) translate3d(2%,0,0)}to{transform:scale(1.03) translateZ(0)}}@keyframes skeld-hero-parallax-out{0%{transform:scale(1.03) translateZ(0)}to{transform:scale(1.08) translate3d(-2%,0,0)}}.skeld-cinematic-hero-section [data-skeld-slide].is-entering[data-effect=carousel]{animation:skeld-hero-carousel-in var(--skeld-hero-duration, 1.1s) var(--skeld-hero-ease) both}.skeld-cinematic-hero-section [data-skeld-slide].is-leaving[data-effect=carousel]{animation:skeld-hero-carousel-out var(--skeld-hero-duration, 1.1s) var(--skeld-hero-ease) both}@keyframes skeld-hero-carousel-in{0%{opacity:0;transform:translate3d(5%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes skeld-hero-carousel-out{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-4%,0,0)}}.skeld-cinematic-hero-section [data-skeld-slide].is-entering[data-effect=blur] .skeld-cinematic-hero__image{animation:skeld-hero-blur-in var(--skeld-hero-duration, 1.1s) var(--skeld-hero-ease) both}.skeld-cinematic-hero-section [data-skeld-slide].is-leaving[data-effect=blur] .skeld-cinematic-hero__image{animation:skeld-hero-blur-out var(--skeld-hero-duration, 1.1s) var(--skeld-hero-ease) both}@keyframes skeld-hero-blur-in{0%{opacity:.3;filter:blur(8px);transform:scale(1.04)}to{opacity:1;filter:blur(0);transform:scale(1)}}@keyframes skeld-hero-blur-out{0%{opacity:1;filter:blur(0)}to{opacity:0;filter:blur(6px)}}.skeld-cinematic-hero-section [data-skeld-slide].is-entering[data-effect=lines] .skeld-cinematic-hero__picture{animation:skeld-hero-lines-in var(--skeld-hero-duration, 1.1s) var(--skeld-hero-ease) both}.skeld-cinematic-hero-section [data-skeld-slide].is-leaving[data-effect=lines] .skeld-cinematic-hero__picture{animation:skeld-hero-lines-out var(--skeld-hero-duration, 1.1s) var(--skeld-hero-ease) both}@keyframes skeld-hero-lines-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes skeld-hero-lines-out{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 0 100%)}}.skeld-cinematic-hero-section [data-skeld-slide].is-entering[data-effect=blast] .skeld-cinematic-hero__picture{animation:skeld-hero-blast-in var(--skeld-hero-duration, 1.1s) var(--skeld-hero-ease) both}.skeld-cinematic-hero-section [data-skeld-slide].is-leaving[data-effect=blast] .skeld-cinematic-hero__picture{animation:skeld-hero-blast-out var(--skeld-hero-duration, 1.1s) var(--skeld-hero-ease) both}@keyframes skeld-hero-blast-in{0%{opacity:0;clip-path:inset(12% 12% 12% 12%);transform:scale(1.08)}to{opacity:1;clip-path:inset(0 0 0 0);transform:scale(1)}}@keyframes skeld-hero-blast-out{0%{opacity:1;clip-path:inset(0 0 0 0);transform:scale(1)}to{opacity:0;clip-path:inset(8% 8% 8% 8%);transform:scale(.96)}}.skeld-cinematic-hero__slide.is-entering .skeld-cinematic-hero__content{animation:skeld-hero-text-fade var(--skeld-text-duration, .8s) var(--skeld-hero-ease) var(--skeld-text-delay, .2s) both}.skeld-cinematic-hero__slide[data-text-effect=accelerated-drift].is-entering .skeld-cinematic-hero__content{animation-name:skeld-hero-drift}.skeld-cinematic-hero__slide[data-text-effect=slide-reveal].is-entering .skeld-cinematic-hero__content{animation-name:skeld-hero-slide-text}.skeld-cinematic-hero__slide[data-text-effect=focus-reveal].is-entering .skeld-cinematic-hero__content{animation-name:skeld-hero-focus-text}.skeld-cinematic-hero__slide[data-text-effect=line-stagger].is-entering .skeld-cinematic-hero__content{animation-name:skeld-hero-line-heading}.skeld-cinematic-hero__slide[data-text-effect=scale-reveal].is-entering .skeld-cinematic-hero__content{animation-name:skeld-hero-scale-text}.skeld-cinematic-hero__slide[data-text-effect=fade].is-entering .skeld-cinematic-hero__content{animation-name:skeld-hero-text-fade}@keyframes skeld-hero-text-fade{0%{opacity:0}to{opacity:1}}@keyframes skeld-hero-drift{0%{opacity:0;transform:translate3d(-32px,0,0)}65%{opacity:1}to{opacity:1;transform:translateZ(0)}}@keyframes skeld-hero-slide-text{0%{opacity:0;transform:translate3d(42px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes skeld-hero-focus-text{0%{opacity:0;filter:blur(4px);transform:translate3d(0,12px,0)}to{opacity:1;filter:blur(0);transform:translateZ(0)}}@keyframes skeld-hero-scale-text{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes skeld-hero-line-heading{0%{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:translateZ(0)}}@media screen and (min-width:990px){.skeld-cinematic-hero__slide--mobile,.skeld-cinematic-hero__slide--tablet,.skeld-cinematic-hero__slide--tablet_mobile{display:none}.skeld-cinematic-hero__slide--all,.skeld-cinematic-hero__slide--desktop,.skeld-cinematic-hero__slide--desktop_tablet{display:block}}@media screen and (min-width:750px)and (max-width:989px){.skeld-cinematic-hero__viewport{height:min(var(--skeld-hero-height-tablet, 75vh),var(--skeld-hero-max-height-tablet, 700px));min-height:320px}.skeld-cinematic-hero__picture,.skeld-cinematic-hero__image{width:100%;height:100%}.skeld-cinematic-hero__image{object-fit:cover;object-position:center}.skeld-cinematic-hero__heading{font-size:var(--skeld-hero-heading-tablet, 44px)}.skeld-cinematic-hero__text{font-size:clamp(16px,2vw,19px)}.skeld-cinematic-hero__slide--desktop,.skeld-cinematic-hero__slide--mobile{display:none}.skeld-cinematic-hero__slide--all,.skeld-cinematic-hero__slide--tablet,.skeld-cinematic-hero__slide--desktop_tablet,.skeld-cinematic-hero__slide--tablet_mobile{display:block}.skeld-cinematic-hero__content{width:min(var(--skeld-hero-content-width, 80%),100%);max-width:100%}}@media screen and (max-width:749px){.skeld-cinematic-hero__viewport{height:min(var(--skeld-hero-height-mobile, 70vh),var(--skeld-hero-max-height-mobile, 650px));min-height:300px}.skeld-cinematic-hero__picture,.skeld-cinematic-hero__image{width:100%;height:100%}.skeld-cinematic-hero__image{object-fit:cover;object-position:center}.skeld-cinematic-hero__heading{font-size:var(--skeld-hero-heading-mobile, 30px);line-height:1.12;letter-spacing:-.025em}.skeld-cinematic-hero__text{margin-top:14px;font-size:15px;line-height:1.55}.skeld-cinematic-hero__content{width:100%;max-width:100%}.skeld-cinematic-hero__text-box{max-width:100%}.skeld-cinematic-hero__slide--desktop,.skeld-cinematic-hero__slide--tablet,.skeld-cinematic-hero__slide--desktop_tablet{display:none}.skeld-cinematic-hero__slide--all,.skeld-cinematic-hero__slide--mobile,.skeld-cinematic-hero__slide--tablet_mobile{display:block}.skeld-cinematic-hero__navigation{bottom:18px;gap:14px}.skeld-cinematic-hero__arrow{width:36px;height:36px;flex-basis:36px}.skeld-cinematic-hero__arrow svg{width:20px;height:20px}.skeld-cinematic-hero__dots{gap:8px}.skeld-cinematic-hero__dot{width:6px;height:6px;flex-basis:6px}.skeld-cinematic-hero__dot.is-active{width:18px;flex-basis:18px}}@media(prefers-reduced-motion:reduce){.skeld-cinematic-hero-section[data-reduced-motion=true] *,.skeld-cinematic-hero-section[data-reduced-motion=true] *:before,.skeld-cinematic-hero-section[data-reduced-motion=true] *:after{animation-duration:.01ms!important;animation-delay:0ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.skeld-cinematic-hero-section[data-reduced-motion=true] .skeld-cinematic-hero__image{filter:none!important}}.shopify-design-mode .skeld-cinematic-hero__slide{will-change:auto}@media(hover:none){.skeld-cinematic-hero__arrow:hover{border-color:#ffffff57;background:#0c0c0c38}}@media screen and (min-width:990px){.skeld-cinematic-hero__track{position:relative;width:100%;height:auto;aspect-ratio:1500 / 850;max-height:850px;margin-inline:auto}.skeld-cinematic-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.skeld-cinematic-hero__picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.skeld-cinematic-hero__image{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.skeld-cinematic-hero__content{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;box-sizing:border-box}}.skeld-cinematic-hero-section,.skeld-cinematic-hero-section *{box-sizing:border-box}.skeld-cinematic-hero-section [hidden]{display:none!important}.skeld-cinematic-hero-section .skeld-cinematic-hero__top-strip{display:block;width:100%;height:80px;min-height:80px}@media screen and (min-width:990px){.skeld-cinematic-hero-section .skeld-cinematic-hero__viewport{position:relative;overflow:hidden}.skeld-cinematic-hero-section .skeld-cinematic-hero__track{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto}.skeld-cinematic-hero-section .skeld-cinematic-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0;aspect-ratio:auto}.skeld-cinematic-hero-section--desktop-text-hidden .skeld-cinematic-hero__content,.skeld-cinematic-hero-section .skeld-cinematic-hero__mobile-text-strip{display:none!important}}@media screen and (max-width:989px){.skeld-cinematic-hero-section .skeld-cinematic-hero__content,.skeld-cinematic-hero-section .skeld-cinematic-hero__overlay{display:none!important;visibility:hidden!important;opacity:0!important;border:0!important;box-shadow:none!important}.skeld-cinematic-hero-section .skeld-cinematic-hero__viewport{position:relative;width:100%;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1500 / 850;overflow:hidden}.skeld-cinematic-hero-section .skeld-cinematic-hero__track{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto}.skeld-cinematic-hero-section .skeld-cinematic-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0;aspect-ratio:auto}.skeld-cinematic-hero-section .skeld-cinematic-hero__mobile-text-strip{display:block;position:relative;width:100%;height:80px;min-height:80px;max-height:80px;margin:0;padding:0;overflow:hidden}.skeld-cinematic-hero-section .skeld-cinematic-hero__mobile-text-strip[hidden]{display:none!important}.skeld-cinematic-hero-section .skeld-cinematic-hero__mobile-text{position:absolute;top:50%;left:50%;width:max-content;max-width:calc(100% - 32px);margin:0;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(-50%,-50%,0);white-space:normal;text-align:center}.skeld-cinematic-hero-section .skeld-cinematic-hero__mobile-text.is-active{visibility:visible;opacity:1}.skeld-cinematic-hero-section .skeld-cinematic-hero__mobile-heading,.skeld-cinematic-hero-section .skeld-cinematic-hero__mobile-copy{margin-top:0;margin-bottom:0}}@media screen and (min-width:750px)and (max-width:989px){.skeld-cinematic-hero-section .skeld-cinematic-hero__top-strip{height:70px;min-height:70px}}@media screen and (max-width:749px){.skeld-cinematic-hero-section .skeld-cinematic-hero__top-strip{height:70px;min-height:70px}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/skeld-cinematic-hero.css.map */
