.modulus-hero{position:relative;width:100%;height:var(--hero-height, 100vh);height:var(--hero-height, 100dvh);max-height:100dvh;overflow:hidden;background:var(--color-background)}.modulus-hero--transparent-header{margin-top:calc(var(--header-group-height, 82px) * -1);padding-top:0}body.modulus-header-transparent .header__underlay{opacity:0!important}body.modulus-header-transparent #header-group .header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body.modulus-header-transparent #header-group .header__row *{color:#f2f2f2!important}body.modulus-header-transparent #header-group .header__row .menu-drawer,body.modulus-header-transparent #header-group .header__row .menu-drawer *,body.modulus-header-transparent #header-group .header__row cart-drawer,body.modulus-header-transparent #header-group .header__row cart-drawer *{color:var(--color-foreground)!important}body.modulus-header-transparent #header-group .header__row .menu-list__link{border-bottom-color:transparent!important}body.modulus-header-transparent #header-group .header__row .menu-list__link--active,body.modulus-header-transparent #header-group .header__row .menu-list__link[aria-current=page]{border-bottom-color:#f2f2f2!important}body.modulus-header-transparent .header__logo-default{opacity:0}body.modulus-header-transparent .header__logo-light{opacity:1}body:has(.modulus-hero--transparent-header) .header__underlay{transition:opacity .4s var(--mod-ease)}body:has(.modulus-hero--transparent-header) #header-group .header{transition:backdrop-filter .4s var(--mod-ease)}body:has(.modulus-hero--transparent-header) #header-group .header__row *:not(.header__logo-default):not(.header__logo-light){transition:color .4s var(--mod-ease),border-color .4s var(--mod-ease)}.header__logo-default,.header__logo-light{transition:opacity .4s var(--mod-ease)}.header__logo-light{position:absolute;top:0;left:0;opacity:0}.header__logo-default{opacity:1}.modulus-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.modulus-hero__media img,.modulus-hero__media video{width:100%;height:100%;object-fit:cover;opacity:var(--hero-media-opacity, 1);filter:var(--hero-media-filter, none)}.modulus-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.modulus-hero__content{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:var(--mod-section-py) var(--mod-section-px)}.modulus-hero__grid{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--mod-gap-lg);width:100%;max-width:var(--mod-max-width);margin:0 auto}.modulus-hero__location{font-family:var(--mod-font-label);font-size:var(--mod-text-label);color:rgb(var(--color-foreground-rgb) / .6);letter-spacing:.1em;border:1px solid rgb(var(--color-foreground-rgb) / .2);padding:4px 10px;border-radius:2px;display:inline-block;margin-bottom:var(--mod-gap-sm);text-transform:uppercase}:is(h1,h2).modulus-hero__heading{font-size:var(--hero-heading-size, var(--mod-text-hero));color:var(--color-foreground-heading, var(--color-foreground));line-height:1;margin:0}.modulus-hero__heading p{margin:0}.modulus-hero__left{flex:1 1 60%}.modulus-hero__right{flex:0 0 auto;max-width:320px}.modulus-hero__body{font-family:var(--mod-font-body);font-size:var(--mod-text-body);color:rgb(var(--color-foreground-rgb) / .75);line-height:1.7}.modulus-hero__body p{margin:0}.modulus-hero__buttons{margin-top:var(--mod-gap-md)}.modulus-hero__scroll{position:absolute;bottom:32px;right:var(--mod-section-px);z-index:3;display:flex;align-items:center;gap:8px;font-family:var(--mod-font-label);font-size:var(--mod-text-label);color:rgb(var(--color-foreground-rgb) / .6);letter-spacing:.1em;text-transform:uppercase}.modulus-hero__scroll-arrow{display:inline-block;animation:modulus-scroll-bounce 2s infinite}@keyframes modulus-scroll-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media(max-width:1024px){.modulus-hero__grid{flex-direction:column;align-items:flex-start;gap:var(--mod-gap-md)}.modulus-hero__right{max-width:100%}}@media(max-width:768px){.modulus-hero__content{padding:0 var(--mod-section-px) 32px;justify-content:flex-end}.modulus-hero__left{max-width:100%}.modulus-hero__right,.modulus-hero__scroll{display:none}.modulus-hero__location{font-size:10px}:is(h1,h2).modulus-hero__heading{font-size:clamp(32px,9vw,48px)}.modulus-hero__buttons .mod-btn{padding:12px 20px;font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/modulus-hero.css.map */