:root{--mz-ease: cubic-bezier(.22, 1, .36, 1)}.banner-logo{height:100vh;height:100svh;min-height:540px}body:has(.f-scrolling-promotion__wrapper) .banner-logo{height:calc(100svh - var(--mz-bar-h, 61px))}.banner-logo .bg-media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;animation:mz-fade .9s ease-out both}.banner-logo .bg-media.is-settling .bg-image{animation:mz-settle 2.6s var(--mz-ease) both}.banner-logo .bg-image,.banner-logo .bg-image img{display:block;width:100%;height:100%;object-fit:cover}.banner-logo .bg-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,#00000029,#0000 20%),linear-gradient(to top,#00000057,#0000 48%)}.banner-logo__logo-inner{width:58%;animation:mz-logo-fade 4.5s .2s both}.banner-logo__logo{display:block;width:100%;height:auto}@media(max-width:767.98px){.banner-logo__logo-inner{width:83%}}.banner-logo .mz-hero__btn .btn{min-height:44px;transition:transform .4s var(--mz-ease),background-color .3s ease,color .3s ease}.banner-logo .mz-hero__btn .btn:hover{transform:translateY(-2px)}.banner-logo .mz-hero__btn .btn:active{transform:translateY(0)}.banner-logo .mz-rise{animation:mz-rise 1.5s var(--mz-ease) both;animation-delay:calc(1.1s + var(--mz-i, 0) * .18s)}@keyframes mz-fade{0%{opacity:0}}@keyframes mz-logo-fade{0%{opacity:0;animation-timing-function:cubic-bezier(.33,0,.3,1)}45%{opacity:.95;animation-timing-function:cubic-bezier(.25,.1,.25,1)}to{opacity:1}}@keyframes mz-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes mz-settle{0%{transform:scale(1.05)}}@media(prefers-reduced-motion:no-preference){html:has(banner-logo){scroll-behavior:smooth}}.template-index [id=shop]{scroll-margin-top:calc(var(--f-header-height, 86px) + 8px)}.template-index .site-header{transition:transform .5s var(--mz-ease),background-color .5s var(--mz-ease),box-shadow .5s var(--mz-ease),color .5s var(--mz-ease)}.template-index .site-header :is(.f-site-nav,.f-site-nav__item,.site-header__link,.mobile-nav-toggle .btn,.site-logo__text){transition:color .5s var(--mz-ease)}.template-index .site-header .site-logo{transition:opacity .5s var(--mz-ease)}.template-index .f-section-header:not(.header-scrolled) .site-logo,.template-index .header-logo-scaling .site-logo{opacity:0}.template-index.header-pinned .header-logo-scaling{opacity:1}@media(prefers-reduced-motion:reduce){.banner-logo .bg-media,.banner-logo .bg-image,.banner-logo__logo-inner,.banner-logo .mz-rise{animation:none!important}.template-index .site-header,.template-index .site-header *{transition-duration:.01s!important}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/myzac-hero.css.map */