.mhc-hero-section{position:relative;width:100%;min-height:100vh;overflow:hidden}.mhc-hero-container{position:relative;width:100%;height:100vh;overflow:hidden}.mhc-hero-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1}.mhc-hero-image-desktop{display:block}.mhc-hero-image-mobile{display:none}.mhc-hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none}.mhc-hero-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:3}.mhc-hero-content-inner{width:94%;max-width:1200px;display:flex;align-items:center}.mhc-hero-text{max-width:622px;color:#fff;animation:slideInFromLeft 1s ease-out;animation-delay:1s;animation-fill-mode:both}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}.mhc-hero-text h1{font-family:Poppins;font-size:80px;font-weight:600;letter-spacing:0;line-height:1.1;color:#fff;text-transform:uppercase;margin:0 0 20px}.mhc-hero-text h4{font-family:Poppins;font-size:clamp(16px,4vw,20px);font-weight:600;letter-spacing:0;line-height:30px;text-transform:uppercase;color:#fff;margin:0 0 10px}.mhc-hero-text h6{font-family:Poppins;font-size:clamp(12px,3vw,20px);font-weight:600;letter-spacing:0;line-height:30px;text-transform:uppercase;color:#fff;margin:0 0 30px}.mhc-hero-buttons{display:flex;flex-wrap:wrap;gap:20px;margin-top:40px}.mhc-hero-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 30px;font-size:14px;font-weight:500;text-decoration:none;border-radius:5px;border:2px solid #fff;transition:all .3s ease;min-width:160px}.mhc-hero-btn-primary{background-color:#fff;color:#000}.mhc-hero-btn-primary:hover,.mhc-hero-btn-secondary{background-color:transparent;color:#fff}.mhc-hero-btn-secondary:hover{background-color:#fff;color:#000}.mhc-hero-diagonal{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100vw;height:350px;pointer-events:none;z-index:4}@media (max-width: 768px){.mhc-hero-image-desktop{display:none}.mhc-hero-image-mobile{display:block}.mhc-hero-text{text-align:center;max-width:90%}.mhc-hero-text h1{font-size:clamp(32px,8vw,60px)}.mhc-hero-buttons{justify-content:center}.mhc-hero-btn{flex:1;min-width:140px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/mhc-hero-section.css.map */