*{box-sizing:border-box}.hero-section{position:relative;width:100%;background:#000;overflow:hidden}.hero-container{position:relative;width:100%;padding-bottom:133.33%}.hero-image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-image-desktop{display:none}.hero-image-mobile{display:block}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0000004d,#00000080);z-index:2;pointer-events:none}.hero-logo-container{position:absolute;top:var(--logo-position-top, 30%);left:50%;transform:translate(-50%);z-index:100!important;width:100%;display:flex;justify-content:center;align-items:center;padding:0 20px;pointer-events:none}.hero-logo{width:auto;height:auto;max-width:var(--logo-size-mobile, 200px);max-height:var(--logo-size-mobile, 200px);object-fit:contain;filter:drop-shadow(0 4px 20px rgba(0,0,0,.4));pointer-events:auto;display:block!important;visibility:visible!important;position:relative!important;opacity:0;transform:scale(.95);animation:logoFadeScale var(--logo-animation-duration, 1.2s) cubic-bezier(.4,0,.2,1) var(--logo-animation-delay, .3s) forwards}@keyframes logoFadeScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.hero-content{position:absolute;bottom:0;left:0;right:0;padding:40px 20px;z-index:5;text-align:center;background:linear-gradient(0deg,rgba(0,0,0,.7) 0%,transparent 100%)}.hero-content-inner{max-width:800px;margin:0 auto}.hero-heading{font-size:2rem;font-weight:700;color:#fff;margin:0 0 16px;line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,.5);animation:fadeInUp .8s ease .5s both}.hero-subheading{font-size:1.1rem;color:#fffffff2;margin:0 0 24px;line-height:1.6;text-shadow:0 2px 10px rgba(0,0,0,.5);animation:fadeInUp .8s ease .7s both}.hero-button{display:inline-block;padding:14px 32px;background:#fff;color:#1a1a1a;font-size:1rem;font-weight:600;text-decoration:none;border-radius:50px;transition:all .3s ease;box-shadow:0 4px 20px #0000004d;animation:fadeInUp .8s ease .9s both}.hero-button:hover{transform:translateY(-2px);box-shadow:0 6px 30px #0006;background:#f3f4f6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:101;cursor:pointer;animation:fadeIn 1s ease 1.5s both}.scroll-indicator-icon{width:36px;height:36px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:#fff;animation:bounce 2s infinite;transition:all .3s ease}.scroll-indicator:hover .scroll-indicator-icon{background:#ffffff4d;transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media(min-width:768px){.hero-container{padding-bottom:56.25%}.hero-image-desktop{display:block}.hero-image-mobile{display:none}.hero-logo{max-width:var(--logo-size-desktop, 280px);max-height:var(--logo-size-desktop, 280px)}.hero-heading{font-size:3rem}.hero-subheading{font-size:1.3rem}.hero-content{padding:60px 40px}}@media(min-width:992px){.hero-container{padding-bottom:50%}.hero-logo{max-width:var(--logo-size-desktop, 320px);max-height:var(--logo-size-desktop, 320px)}.hero-heading{font-size:3.5rem}.hero-subheading{font-size:1.4rem}}@media(min-width:1400px){.hero-container{padding-bottom:45%}.hero-heading{font-size:4rem}}@media(prefers-reduced-motion:reduce){.hero-logo,.hero-heading,.hero-subheading,.hero-button,.scroll-indicator,.scroll-indicator-icon{animation:none!important}.hero-logo{opacity:1!important;transform:scale(1)!important}}.hero-image{background:#1a1a1a}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.hero-logo{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@supports (-webkit-touch-callout: none){.hero-section{min-height:-webkit-fill-available}}@media print{.hero-section{height:auto;page-break-inside:avoid}.scroll-indicator{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-hero-section.css.map */