.homepage-banner{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:9999;overflow:hidden;cursor:pointer;background:#000}.homepage-banner>picture img,.homepage-banner>img:not(.homepage-banner__logo),.homepage-banner .homepage-banner__placeholder{display:block;width:100%;height:100%;object-fit:cover}.homepage-banner__placeholder{width:100%;height:100%}.homepage-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:3rem 2rem;pointer-events:none}.homepage-banner__title{font-family:var(--font-heading-family);font-weight:700;font-size:clamp(2.4rem,6vw,5rem);color:#fff;letter-spacing:.15em;text-transform:uppercase;text-align:center;text-shadow:0 2px 20px rgba(0,0,0,.4)}.homepage-banner__logo{width:var(--banner-logo-width, 200px);max-width:min(var(--banner-logo-width, 200px),90vw);height:auto;object-fit:contain;display:block;flex-shrink:0}@media screen and (max-width:749px){.homepage-banner__logo{width:var(--banner-logo-width-mobile, var(--banner-logo-width, 200px));max-width:min(var(--banner-logo-width-mobile, 160px),90vw)}}.homepage-banner__cta{font-family:var(--font-body-family);font-weight:400;font-size:1.7rem;color:#fff;letter-spacing:.15em;text-transform:uppercase;opacity:.85;text-shadow:0 1px 10px rgba(0,0,0,.3)}.homepage-banner__door{position:fixed;top:0;width:50vw;height:100vh;height:100dvh;overflow:hidden;z-index:10000;background:#000}.homepage-banner__door--left{left:0;transform-origin:left center}.homepage-banner__door--right{right:0;transform-origin:right center}.homepage-banner__door-content{position:absolute;top:0;width:100vw;height:100vh;height:100dvh;overflow:hidden}.homepage-banner__door--left .homepage-banner__door-content{left:0}.homepage-banner__door--right .homepage-banner__door-content{right:0;left:auto}.homepage-banner__door-content img,.homepage-banner__door-content svg{display:block;width:100vw;height:100vh;height:100dvh;object-fit:cover}.homepage-banner__door-content .homepage-banner__overlay{width:100vw}.homepage-banner__door--right .homepage-banner__door-content .homepage-banner__overlay{position:absolute;right:0;left:auto}.door-animate-left{animation:doorOpenLeft .9s cubic-bezier(.4,0,.2,1) forwards}.door-animate-right{animation:doorOpenRight .9s cubic-bezier(.4,0,.2,1) forwards}@keyframes doorOpenLeft{0%{transform:perspective(1500px) rotateY(0)}to{transform:perspective(1500px) rotateY(-95deg)}}@keyframes doorOpenRight{0%{transform:perspective(1500px) rotateY(0)}to{transform:perspective(1500px) rotateY(95deg)}}.banner-dissolve{animation:bannerDissolve 1s ease-in forwards}@keyframes bannerDissolve{0%{opacity:1;filter:blur(0)}60%{opacity:.5;filter:blur(8px)}to{opacity:0;filter:blur(20px)}}.banner-zoom{animation:bannerZoom 1s cubic-bezier(.4,0,.2,1) forwards}@keyframes bannerZoom{0%{opacity:1;transform:scale(1)}70%{opacity:.3}to{opacity:0;transform:scale(1.6)}}body.homepage-fullscreen{display:block;min-height:0;overflow:hidden;height:100vh;height:100dvh}body.homepage-fullscreen .content-for-layout{min-height:0}
/*# sourceMappingURL=/cdn/shop/t/3/assets/homepage-banner.css.map */