@media(min-width:1101px){html body{transition:padding-top .8s cubic-bezier(.22,1,.36,1)}body .betz-hero{display:flex!important;align-items:center;justify-content:flex-end;position:relative;box-sizing:border-box;min-height:calc(min(78vh,660px) + var(--betz-head-h, 131px));overflow:hidden;background:var(--color-navy);padding:var(--betz-head-h, 131px) max(clamp(16px,3vw,40px),calc((100vw - var(--page-width)) / 2 + clamp(16px,3vw,40px))) 0;transition:min-height .8s cubic-bezier(.22,1,.36,1)}body .betz-hero .betz-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}body .betz-hero .betz-hero__img{position:absolute;left:0;top:-9%;width:100%;height:118%;object-fit:cover;will-change:transform}body .betz-hero .betz-hero__panel{position:relative;z-index:2;width:min(48%,600px);justify-content:flex-start;padding:clamp(32px,3vw,46px) clamp(28px,2.8vw,44px) clamp(36px,3.2vw,50px);background:var(--color-navy);box-shadow:0 42px 74px -34px #041a26a8;will-change:transform;transition:opacity .7s ease .3s,translate .75s cubic-bezier(.22,1,.36,1) .3s}html.betz-intro body .betz-hero{min-height:calc(100dvh - 30px);padding-top:0}html.betz-intro .header{opacity:0;pointer-events:none}html.betz-intro body .betz-hero .betz-hero__panel{opacity:0;translate:0 52px}html.betz-intro body .betz-tiles{background:transparent!important}.header{transition:opacity .85s ease}html.betz-head-in .header{opacity:1;pointer-events:auto}}body .betz-tiles{position:relative;z-index:3;translate:0 0;transition:translate .8s cubic-bezier(.22,1,.36,1);will-change:transform}@media(min-width:1101px){html.betz-intro body .betz-tiles{translate:0 calc(-1*(clamp(28px,3vw,48px) + 44px))}}@media(prefers-reduced-motion:reduce){body .betz-hero{min-height:min(78vh,660px);padding-top:0}html.betz-intro body .betz-tiles{translate:none;background:revert!important}html.betz-intro .header{opacity:1;pointer-events:auto}html.betz-intro body .betz-hero .betz-hero__panel{opacity:1;translate:none}html body,body .betz-hero,body .betz-hero .betz-hero__panel,body .betz-tiles,.header{transition:none!important}body .betz-hero .betz-hero__img,body .betz-hero .betz-hero__panel{translate:none!important}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/betz-hero-layer.css.map */