.eol-hero{position:relative;width:100%;overflow:hidden;display:flex;flex-direction:row;z-index:1;isolation:isolate}.eol-hero--full .eol-panel{flex:1 1 100%}.eol-hero--split-50-50 .eol-panel-a,.eol-hero--split-50-50 .eol-panel-b{flex:0 0 50%}.eol-hero--split-60-40 .eol-panel-a{flex:0 0 60%}.eol-hero--split-60-40 .eol-panel-b,.eol-hero--split-40-60 .eol-panel-a{flex:0 0 40%}.eol-hero--split-40-60 .eol-panel-b{flex:0 0 60%}.eol-panel{position:relative;overflow:hidden;height:var(--eol-desktop-height, 70vh)}.eol-panel__slides{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.eol-panel__slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;transition:none;overflow:hidden}.eol-panel__slide--active{opacity:1;z-index:1}.eol-panel__slide--outgoing{z-index:2}.eol-panel__img-wrap{position:absolute;top:-5%;right:-5%;bottom:-5%;left:-5%;width:110%;height:110%;will-change:transform}.eol-panel__img-wrap img{width:100%;height:100%;object-fit:cover;display:block}.eol-panel__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.eol-panel__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;padding:40px 48px;box-sizing:border-box}.eol-panel__content--valign-top{align-items:flex-start}.eol-panel__content--valign-middle{align-items:center}.eol-panel__content--valign-bottom{align-items:flex-end}.eol-panel__content--halign-left{justify-content:flex-start}.eol-panel__content--halign-center{justify-content:center}.eol-panel__content--halign-right{justify-content:flex-end}.eol-panel__text{display:flex;flex-direction:column;gap:14px}.eol-panel__text--align-left{text-align:left;align-items:flex-start}.eol-panel__text--align-center{text-align:center;align-items:center}.eol-panel__text--align-right{text-align:right;align-items:flex-end}.eol-panel__eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#ffffffbf;margin:0}.eol-panel__heading{font-size:clamp(1.8rem,4vw,3.5rem);font-weight:700;line-height:1.1;color:#fff;margin:0}.eol-panel__description{font-size:clamp(.9rem,1.5vw,1.1rem);line-height:1.6;color:#ffffffd9;margin:0}.eol-panel__buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.eol-panel__btn{display:inline-block;padding:12px 28px;font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:background .3s ease,color .3s ease,border-color .3s ease;cursor:pointer}.eol-panel__btn--primary{background:#fff;color:#111;border:2px solid #ffffff}.eol-panel__btn--primary:hover{background:transparent;color:#fff}.eol-panel__btn--secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.6)}.eol-panel__btn--secondary:hover{border-color:#fff}.eol-hero__divider{position:relative;z-index:20;flex-shrink:0}.eol-hero__divider--thin-line{width:1px;background:var(--eol-divider-color, #1a1a1a)}.eol-hero__divider--soft-shadow{width:20px;background:transparent;box-shadow:inset -8px 0 12px #0006}.eol-hero__divider--gradient-blend{width:60px;background:linear-gradient(to right,rgba(0,0,0,.3) 0%,transparent 50%,rgba(0,0,0,.3) 100%);margin-left:-30px;margin-right:-30px}@keyframes eol-zoom-in{0%{transform:scale(1)}to{transform:scale(var(--eol-zoom-end, 1.06))}}@keyframes eol-zoom-out{0%{transform:scale(var(--eol-zoom-end, 1.06))}to{transform:scale(1)}}@keyframes eol-pan-left{0%{transform:translate(0)}to{transform:translate(calc(-1 * var(--eol-pan-amount, 3%)))}}@keyframes eol-pan-right{0%{transform:translate(0)}to{transform:translate(var(--eol-pan-amount, 3%))}}@keyframes eol-pan-up{0%{transform:translateY(0)}to{transform:translateY(calc(-1 * var(--eol-pan-amount, 3%)))}}@keyframes eol-pan-down{0%{transform:translateY(0)}to{transform:translateY(var(--eol-pan-amount, 3%))}}@keyframes eol-zoom-pan-left{0%{transform:scale(1) translate(0)}to{transform:scale(var(--eol-zoom-end, 1.06)) translate(calc(-1 * var(--eol-pan-amount, 3%)))}}@keyframes eol-zoom-pan-right{0%{transform:scale(1) translate(0)}to{transform:scale(var(--eol-zoom-end, 1.06)) translate(var(--eol-pan-amount, 3%))}}@keyframes eol-drift{0%{transform:translate(0) scale(1.02)}25%{transform:translate(1%,.5%) scale(1.03)}50%{transform:translate(.5%,1%) scale(1.02)}75%{transform:translate(-.5%,.5%) scale(1.03)}to{transform:translate(0) scale(1.02)}}@keyframes eol-pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.eol-anim--zoom-in .eol-panel__img-wrap{animation:eol-zoom-in var(--eol-anim-duration, 14s) ease-in-out infinite alternate}.eol-anim--zoom-out .eol-panel__img-wrap{animation:eol-zoom-out var(--eol-anim-duration, 14s) ease-in-out infinite alternate}.eol-anim--pan-left .eol-panel__img-wrap{animation:eol-pan-left var(--eol-anim-duration, 14s) ease-in-out infinite alternate}.eol-anim--pan-right .eol-panel__img-wrap{animation:eol-pan-right var(--eol-anim-duration, 14s) ease-in-out infinite alternate}.eol-anim--pan-up .eol-panel__img-wrap{animation:eol-pan-up var(--eol-anim-duration, 14s) ease-in-out infinite alternate}.eol-anim--pan-down .eol-panel__img-wrap{animation:eol-pan-down var(--eol-anim-duration, 14s) ease-in-out infinite alternate}.eol-anim--zoom-pan-left .eol-panel__img-wrap{animation:eol-zoom-pan-left var(--eol-anim-duration, 14s) ease-in-out infinite alternate}.eol-anim--zoom-pan-right .eol-panel__img-wrap{animation:eol-zoom-pan-right var(--eol-anim-duration, 14s) ease-in-out infinite alternate}.eol-anim--drift .eol-panel__img-wrap{animation:eol-drift var(--eol-anim-duration, 14s) ease-in-out infinite}.eol-anim--pulse .eol-panel__img-wrap{animation:eol-pulse var(--eol-anim-duration, 14s) ease-in-out infinite}.eol-text-anim{opacity:0;transition:opacity var(--eol-text-duration, .8s) ease,transform var(--eol-text-duration, .8s) ease;transition-delay:var(--eol-text-delay, .2s)}.eol-text-anim--fade-up{transform:translateY(20px)}.eol-text-anim--fade-left{transform:translate(-20px)}.eol-text-anim--fade-right{transform:translate(20px)}.eol-text-anim--soft-reveal{clip-path:inset(0 100% 0 0);transform:none}.eol-text-anim.is-visible{opacity:1;transform:translate(0)}.eol-text-anim--soft-reveal.is-visible{clip-path:inset(0 0% 0 0)}.eol-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.eol-atmosphere--vignette{background:radial-gradient(ellipse at center,transparent 40%,var(--eol-vignette-color, rgba(0,0,0,.5)) 100%)}.eol-atmosphere--vignette.eol-intensity--low{--eol-vignette-color: rgba(0,0,0,.3)}.eol-atmosphere--vignette.eol-intensity--medium{--eol-vignette-color: rgba(0,0,0,.55)}.eol-atmosphere--vignette.eol-intensity--high{--eol-vignette-color: rgba(0,0,0,.75)}@keyframes eol-grain{0%,to{transform:translate(0)}10%{transform:translate(-2%,-3%)}20%{transform:translate(3%,2%)}30%{transform:translate(-1%,3%)}40%{transform:translate(2%,-1%)}50%{transform:translate(-3%,1%)}60%{transform:translate(1%,-2%)}70%{transform:translate(-2%,2%)}80%{transform:translate(3%,-3%)}90%{transform:translate(-1%,1%)}}.eol-atmosphere--film-grain:before{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;width:120%;height:120%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:256px 256px;animation:eol-grain .5s steps(1) infinite;mix-blend-mode:overlay}.eol-atmosphere--film-grain.eol-intensity--low{opacity:.04}.eol-atmosphere--film-grain.eol-intensity--medium{opacity:.08}.eol-atmosphere--film-grain.eol-intensity--high{opacity:.14}.eol-atmosphere--soft-fog{background:radial-gradient(ellipse at 30% 70%,rgba(255,255,255,var(--eol-fog-opacity, .06)) 0%,transparent 60%),radial-gradient(ellipse at 70% 30%,rgba(255,255,255,var(--eol-fog-opacity, .04)) 0%,transparent 50%)}.eol-atmosphere--soft-fog.eol-intensity--low{--eol-fog-opacity: .05}.eol-atmosphere--soft-fog.eol-intensity--medium{--eol-fog-opacity: .1}.eol-atmosphere--soft-fog.eol-intensity--high{--eol-fog-opacity: .18}@keyframes eol-dust-float{0%{transform:translateY(0) translate(0);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateY(-40px) translate(10px);opacity:0}}.eol-atmosphere--light-dust:before,.eol-atmosphere--light-dust:after{content:"";position:absolute;border-radius:50%;background:#fff9;animation:eol-dust-float linear infinite}.eol-atmosphere--light-dust:before{width:2px;height:2px;left:30%;top:60%;animation-duration:8s;animation-delay:-2s}.eol-atmosphere--light-dust:after{width:1px;height:1px;left:65%;top:75%;animation-duration:11s;animation-delay:-5s}.eol-atmosphere--light-dust.eol-intensity--low{opacity:.3}.eol-atmosphere--light-dust.eol-intensity--medium{opacity:.6}.eol-atmosphere--light-dust.eol-intensity--high{opacity:1}@keyframes eol-light-pulse{0%,to{opacity:0}50%{opacity:1}}.eol-atmosphere--light-pulse{background:radial-gradient(ellipse at 50% 40%,rgba(255,255,255,.12) 0%,transparent 65%);animation:eol-light-pulse 6s ease-in-out infinite}.eol-atmosphere--light-pulse.eol-intensity--low{opacity:.3}.eol-atmosphere--light-pulse.eol-intensity--medium{opacity:.6}.eol-atmosphere--light-pulse.eol-intensity--high{opacity:1}.eol-transition--crossfade .eol-panel__slide--outgoing{animation:eol-fade-out var(--eol-transition-duration, 1.2s) ease forwards}.eol-transition--crossfade .eol-panel__slide--incoming{animation:eol-fade-in var(--eol-transition-duration, 1.2s) ease forwards}.eol-transition--fade-black .eol-panel__slide--outgoing{animation:eol-fade-out calc(var(--eol-transition-duration, 1.2s) / 2) ease forwards}.eol-transition--fade-black .eol-panel__slide--incoming{animation:eol-fade-in calc(var(--eol-transition-duration, 1.2s) / 2) ease forwards;animation-delay:calc(var(--eol-transition-duration, 1.2s) / 2);opacity:0}.eol-transition--soft-dissolve .eol-panel__slide--outgoing{animation:eol-dissolve-out var(--eol-transition-duration, 1.2s) ease forwards}.eol-transition--soft-dissolve .eol-panel__slide--incoming{animation:eol-dissolve-in var(--eol-transition-duration, 1.2s) ease forwards}.eol-transition--slide .eol-panel__slide--outgoing{animation:eol-slide-out var(--eol-transition-duration, 1.2s) ease forwards}.eol-transition--slide .eol-panel__slide--incoming{animation:eol-slide-in var(--eol-transition-duration, 1.2s) ease forwards}@keyframes eol-fade-out{0%{opacity:1}to{opacity:0}}@keyframes eol-fade-in{0%{opacity:0}to{opacity:1}}@keyframes eol-dissolve-out{0%{opacity:1;filter:blur(0px)}to{opacity:0;filter:blur(4px)}}@keyframes eol-dissolve-in{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur(0px)}}@keyframes eol-slide-out{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes eol-slide-in{0%{transform:translate(100%);opacity:1}to{transform:translate(0);opacity:1}}.eol-hero--hover-enabled .eol-panel{transition:transform .6s ease}.eol-hero--hover-enabled .eol-panel:hover{transform:scale(1.01);z-index:5}.eol-hero--hover-enabled .eol-panel:hover~.eol-panel,.eol-hero--hover-enabled .eol-panel:has(~.eol-panel:hover){transform:scale(.99)}@media(prefers-reduced-motion:reduce){.eol-panel__img-wrap{animation:none!important}.eol-atmosphere--film-grain:before{animation:none!important}.eol-atmosphere--light-pulse{animation:none!important}.eol-atmosphere--light-dust:before,.eol-atmosphere--light-dust:after{animation:none!important}.eol-text-anim{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}}.eol-hero--reduce-motion .eol-panel__img-wrap{animation:none!important}.eol-hero--reduce-motion .eol-atmosphere--film-grain:before{animation:none!important}.eol-hero--reduce-motion .eol-atmosphere--light-pulse{animation:none!important}.eol-hero--reduce-motion .eol-atmosphere--light-dust:before,.eol-hero--reduce-motion .eol-atmosphere--light-dust:after{animation:none!important}.eol-hero--reduce-motion .eol-text-anim{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}@media screen and (max-width:767px){.eol-hero{flex-direction:column}.eol-hero--mobile-stack .eol-panel-a,.eol-hero--mobile-stack .eol-panel-b{flex:0 0 auto;width:100%;height:var(--eol-mobile-height, 500px)}.eol-hero--mobile-a-only .eol-panel-b{display:none}.eol-hero--mobile-a-only .eol-panel-a{flex:0 0 auto;width:100%;height:var(--eol-mobile-height, 500px)}.eol-hero--mobile-b-only .eol-panel-a{display:none}.eol-hero--mobile-b-only .eol-panel-b{flex:0 0 auto;width:100%;height:var(--eol-mobile-height, 500px)}.eol-hero__divider{display:none}.eol-panel__content{padding:24px 20px}.eol-panel__heading{font-size:clamp(1.4rem,6vw,2.2rem)}.eol-panel__buttons{flex-direction:column;gap:10px}.eol-panel__btn{text-align:center}}@media screen and (min-width:768px){.eol-panel{height:var(--eol-desktop-height, 70vh)}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/eol-animated-hero.css.map */