.hero-banner{position:relative;overflow:hidden;height:calc(100vh - 40px)}.hero-image-container{position:relative;width:100%;height:calc(100vh - 40px)}.hero-image-container{margin-top:72px}.page-index- .hero-image-container{margin-top:0}.about-us-hero-banner .hero-content{top:50%;transform:translateY(-30%)}.hero-image-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#0000 43.46%,#00000080);pointer-events:none;z-index:1}.hero-picture{width:100%;height:100%;display:block}.hero-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-content{position:absolute;bottom:0;left:0;right:0;padding:60px 24px;color:var(--color-white);z-index:2}.hero-text{max-width:1440px;margin:0 auto;position:relative;text-align:center}.hero-title{font-family:var(--font-kumbh-sans);font-size:var(--fs-h2);font-weight:300;line-height:1.2;margin-bottom:24px;letter-spacing:.06em;text-transform:uppercase}.title-line{display:block}.hero-cta{display:inline-block;font-family:var(--font-kumbh-sans);font-size:var(--fs-p-1);text-transform:uppercase;color:var(--color-white);text-decoration:none;letter-spacing:.05em;padding:10px;border:2px solid transparent;transition:all .3s ease;position:relative;line-height:1.2;font-weight:300;opacity:.9}.hero-cta:hover{background-color:var(--color-white);color:var(--brand-black-color);border:2px solid var(--color-white);opacity:1}.hero-cta:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background-color:var(--brand-color)}.video-play-btn{position:absolute;top:-9%;left:50%;transform:translate(-50%,-50%);background-color:var(--color-white);border:2px solid transparent;border-radius:50%;opacity:.6;width:64px;height:64px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 20px #0000004d}.video-play-btn svg{flex:0 0 64px}.video-play-btn:hover{border:2px solid var(--brand-color);opacity:1}.hero-video{width:100%;height:100%;object-fit:cover;object-position:center}.video-controls{position:absolute;bottom:80px;right:24px;display:flex;gap:12px;z-index:10}.control-btn{background:#000000b3;border:none;border-radius:50%;width:48px;height:48px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:var(--color-white)}.control-btn:hover{background:#000000e6;transform:scale(1.1)}.control-btn svg{width:20px;height:20px}.play-pause-btn .pause-icon,.mute-btn .unmute-icon,.play-pause-btn.playing .play-icon{display:none}.play-pause-btn.playing .pause-icon{display:block}.mute-btn.muted .mute-icon{display:none}.mute-btn.muted .unmute-icon,.play-pause-btn .play-icon,.mute-btn .mute-icon{display:block}@media (min-width: 1600px){.hero-content{bottom:15%}}@media screen and (min-width:1025px){.page-page-mens .hero-content{bottom:40px}.page-page-kids .hero-content,.page-page-about-us .hero-content,.page-collection- .hero-content{bottom:70px}}@media (max-width: 1024px){.hero-title{font-size:var(--fs-h3)}.hero-banner,.hero-image-container{height:auto}.hero-cta{font-size:var(--fs-p-1)}.video-controls{bottom:60px;right:20px}.control-btn{width:44px;height:44px}}@media (max-width: 991px){.video-play-btn{width:40px;height:40px;top:0}.video-play-btn svg{flex:0 0 40px}.hero-content{padding:35px 16px}.video-controls{bottom:50px;right:16px;gap:8px}.control-btn{width:40px;height:40px}.control-btn svg{width:18px;height:18px}}@media (max-width: 600px){.hero-content{padding:30px 20px}.hero-title{font-size:var(--fs-h3-mobile)}.title-line{display:inline}.hero-cta{font-size:var(--fs-p-2-mobile)}.hero-video{display:block;min-height:390px}.hero-image-container{margin-top:107px}}.video-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10}.control-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.control-btn:hover{background:#ffffff4d;transform:scale(1.1)}.control-btn svg{width:16px;height:16px}.play-pause-btn.playing .play-icon,.play-pause-btn:not(.playing) .pause-icon,.mute-btn.muted .unmute-icon,.mute-btn:not(.muted) .mute-icon{display:none}
/*# sourceMappingURL=/cdn/shop/t/15/assets/hero-banner.css.map */