.mh-hero{position:relative;width:100%;height:100vh;overflow:hidden;margin-top:-110px;z-index:0}.mh-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease;z-index:1}.mh-hero__slide.is-active{opacity:1;z-index:2}.mh-hero__media-wrap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.mh-hero__media-wrap--mobile{display:none}@media(max-width:768px){.mh-hero__media-wrap--desktop{display:none}.mh-hero__media-wrap--mobile{display:block}}.mh-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.mh-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,var(--overlay-opacity, .15));z-index:2;pointer-events:none}.mh-hero__overlay--mobile{display:none}@media(max-width:768px){.mh-hero__overlay--desktop{display:none}.mh-hero__overlay--mobile{display:block}}.mh-hero__content{position:absolute;z-index:3;padding:40px;max-width:600px}.mh-hero__content--mobile{display:none}@media(max-width:768px){.mh-hero__content--desktop{display:none}.mh-hero__content--mobile{display:block}}.mh-hero__content--bottom-left{bottom:120px;left:60px}.mh-hero__content--center{top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.mh-hero__content--bottom-center{bottom:120px;left:50%;transform:translate(-50%);text-align:center}.mh-hero__eyebrow{font-family:var(--mh-font-body);font-size:12px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:#fff;margin-bottom:16px;opacity:0;transform:translateY(20px);animation:mhFadeUp .6s ease .3s forwards}.mh-hero__heading{font-family:var(--mh-font-heading);font-size:72px;font-weight:700;color:#fff;line-height:1.1;margin-bottom:16px;opacity:0;transform:translateY(20px);animation:mhFadeUp .6s ease .5s forwards}.mh-hero__heading-accent{font-family:var(--mh-font-heading);font-weight:700;color:var(--mh-green);position:relative;display:inline-block}.mh-hero__heading-accent:after{content:"";position:absolute;bottom:4px;left:0;width:0;height:2px;background:var(--mh-green);animation:mhUnderlineDraw .6s ease 1s forwards}.mh-hero__subtext{font-family:var(--mh-font-body);font-size:16px;font-weight:400;color:#ffffffd9;margin-bottom:28px;opacity:0;transform:translateY(20px);animation:mhFadeUp .6s ease .7s forwards}.mh-hero__buttons{display:flex;gap:12px;flex-wrap:wrap;opacity:0;transform:translateY(20px);animation:mhFadeUp .6s ease .9s forwards}.mh-hero__btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;border:1.5px solid #FFFFFF;border-radius:999px;background:transparent;color:#fff;font-family:var(--mh-font-body);font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:background .3s ease,color .3s ease}.mh-hero__btn-outline:hover{background:#fff;color:var(--mh-text)}.mh-hero__btn-filled{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;border:none;border-radius:999px;background:#fff;color:var(--mh-text);font-family:var(--mh-font-body);font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:background .3s ease}.mh-hero__btn-filled:hover{background:#f0f0f0}.mh-hero__content--center .mh-hero__buttons,.mh-hero__content--bottom-center .mh-hero__buttons{justify-content:center}.mh-hero__nav{position:absolute;right:32px;bottom:32px;z-index:20;display:flex;align-items:center;gap:16px;background:#ffffff14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.18);padding:10px 14px;border-radius:999px;color:#fff}.mh-hero__nav *{pointer-events:auto}.mh-hero__nav-counter{font-family:var(--mh-font-body);font-size:12px;letter-spacing:.1em;white-space:nowrap}.mh-hero__nav-counter-total{opacity:.6;margin-left:4px}.mh-hero__nav-thumbs{display:flex;gap:6px}.mh-hero__nav-thumb{width:36px;height:36px;border-radius:999px;overflow:hidden;opacity:.55;border:1.5px solid transparent;padding:0;background:none;cursor:pointer;transition:opacity .25s ease,border-color .25s ease,transform .25s ease}.mh-hero__nav-thumb img{width:100%;height:100%;object-fit:cover;display:block}.mh-hero__nav-thumb.is-active{opacity:1;border-color:#fff;transform:scale(1.05)}.mh-hero__nav-thumb:hover:not(.is-active){opacity:.85}.mh-hero__nav-arrows{display:flex;gap:4px}.mh-hero__nav-arrow{width:32px;height:32px;border-radius:999px;color:#fff;opacity:.7;display:grid;place-items:center;background:none;border:none;padding:0;cursor:pointer;transition:opacity .2s ease,background .2s ease}.mh-hero__nav-arrow:hover{opacity:1;background:#ffffff1f}.mh-hero__nav-arrow svg{width:16px;height:16px}@keyframes mhFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes mhUnderlineDraw{0%{width:0}to{width:100%}}.mh-hero__slide:not(.is-active) .mh-hero__eyebrow,.mh-hero__slide:not(.is-active) .mh-hero__heading,.mh-hero__slide:not(.is-active) .mh-hero__subtext,.mh-hero__slide:not(.is-active) .mh-hero__buttons{opacity:0;transform:translateY(20px);animation:none}.mh-hero__slide:not(.is-active) .mh-hero__heading-accent:after{width:0;animation:none}.mh-hero__slide.is-active .mh-hero__eyebrow{animation:mhFadeUp .6s ease .3s forwards}.mh-hero__slide.is-active .mh-hero__heading{animation:mhFadeUp .6s ease .5s forwards}.mh-hero__slide.is-active .mh-hero__subtext{animation:mhFadeUp .6s ease .7s forwards}.mh-hero__slide.is-active .mh-hero__buttons{animation:mhFadeUp .6s ease .9s forwards}.mh-hero__slide.is-active .mh-hero__heading-accent:after{animation:mhUnderlineDraw .6s ease 1s forwards}@media(max-width:768px){.mh-hero{height:85vh;margin-top:-70px}.mh-hero__heading{font-size:40px}.mh-hero__content--bottom-left{bottom:100px;left:24px;right:24px}.mh-hero__content--center{padding:24px;width:90%}.mh-hero__buttons{flex-direction:column}.mh-hero__btn-outline,.mh-hero__btn-filled{width:100%;justify-content:center}.mh-hero__eyebrow{font-size:10px}.mh-hero__subtext{font-size:14px}.mh-hero__nav{right:16px;bottom:16px;padding:8px 10px;gap:10px;z-index:20}.mh-hero__nav-thumbs{display:none}.mh-hero__nav-thumb,.mh-hero__nav-arrow{width:28px;height:28px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/mh-hero-slideshow.css.map */