.hero-section{position:relative;width:100%;height:100vh;height:900px;max-height:100svh;display:flex;align-items:center;justify-content:center;background-image:var(--hero-bg-desktop);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.hero-section--parallax{background:none}.hero-section.hero-section--parallax{background:none;height:calc(100svh - 80px)}.hero-section--parallax .hero-section__sticky{top:0;height:100vh;width:100%}.hero-section--parallax .hero-section__sticky .hero-section__content{top:50%;left:50%;transform:translate(-50%,-50%)}.hero-section--parallax .hero-section__bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;pointer-events:none}.hero-section--parallax .hero-section__bg-img{position:absolute;top:0;left:50%;transform:translate3d(-50%,0,0);width:100%;height:auto;min-height:100%;will-change:transform;transition:transform .1s ease-out}body{background-image:var(--all-sections-desktop)}.hero-section.hero-section--true:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:25%;background:var(--hero-bg-gradeint)}.hero-section__content{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;z-index:2;position:relative;width:100%;max-width:1200px;padding:0 20px}.hero-section__logo{display:flex;align-items:center;justify-content:center;width:100%}.hero-section__logo img{max-width:100%;max-height:50vh;height:auto;object-fit:contain;filter:drop-shadow(0 4px 20px rgba(0,0,0,.3))}.hero-section__arrow{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:3;color:#fff;display:flex;align-items:center;justify-content:center;animation:hero-bounce 2s infinite;cursor:pointer;transition:all .3s ease}.hero-section__arrow:hover{transform:translate(-50%) scale(1.1);opacity:.8}.hero-section__arrow svg{width:24px;height:24px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}@keyframes hero-bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}@media screen and (max-width: 768px){.hero-section{background-image:var(--hero-bg-mobile);height:100svh;max-height:550px}.hero-section--parallax .hero-section__bg-img{width:100%}.hero-section__content{padding:0 15px}.hero-section__logo img{max-height:40vh}.hero-section__arrow{bottom:1.5rem}.hero-section__arrow svg{width:20px;height:20px}.hero-section.hero-section--parallax{background:none;height:calc(100svh - 120px)}}@media screen and (min-width: 1920px){.hero-section__arrow{bottom:3rem}.hero-section__arrow svg{width:28px;height:28px}}@supports not (height: 100svh){.hero-section{height:100vh;min-height:100vh;max-height:900px}@media screen and (max-width: 768px){.hero-section{max-height:550px}}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.hero-section{background-image:var(--hero-bg-desktop)}.hero-section--parallax .hero-section__bg-img{width:100%}@media screen and (max-width: 768px){.hero-section{background-image:var(--hero-bg-mobile)}.hero-section--parallax .hero-section__bg-img{width:100%}}}@media (prefers-reduced-motion: reduce){.hero-section__arrow{animation:none}.hero-section__arrow:hover{transform:translate(-50%)}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/hero-section.css.map */