.hero-page{position:relative;background-color:white;transition:background-color .3s ease;height:100vh;display:flex;flex-direction:column;padding:0 2rem;overflow:hidden}.hero-title{position:relative;z-index:2;color:white;font-size:8rem;font-family:NeueHaasDisplayMediu;text-transform:uppercase;line-height:.8;letter-spacing:-.01em;transition:color .3s ease;margin:auto 0;width:100%}.title-line{display:block;color:white}.title-line-1,.title-line-2,.title-line-3{opacity:0;will-change:transform,opacity}.title-line-1{text-align:left;margin-left:0}.title-line-2{text-align:center}.title-line:last-child{text-align:right;margin-right:0}.title-line-3{text-align:right;margin-left:0;width:50%}.hero-slogan{position:absolute;display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-end;bottom:0;right:0;width:100%;z-index:2;color:white;font-size:14px;line-height:1.4;text-align:right;padding:2rem;text-transform:uppercase;will-change:transform,opacity,filter;gap:1rem}.hero-slogan-1,.hero-slogan-2,.hero-slogan-3{text-align:right;white-space:nowrap}.hero-slogan-3{margin-bottom:0}.hero-slogan span{display:inline-block;margin-right:.25em}.image-container{position:relative}.image-container.top-image{z-index:2;-webkit-mask-image:url(/_next/static/media/mask.b11f34bb.svg);mask-image:url(/_next/static/media/mask.b11f34bb.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:40px;mask-size:40px;-webkit-mask-position:center;mask-position:center;-webkit-mask-composite:destination-out;mask-composite:exclude;pointer-events:none}.image-container.top-image img{pointer-events:auto}.image-container.bottom-image{z-index:1}.image-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,0));z-index:1}.image-container img{z-index:0}.logo-title{position:absolute;top:0;left:0;width:100%;z-index:2;color:white;font-size:14px;line-height:1.4;text-align:left;margin:20px;letter-spacing:.5em}.logo-title,.logo-title span{will-change:transform,opacity,filter}.logo-title span{display:inline-block}.mask{mask-image:url(/_next/static/media/mask.b11f34bb.svg);mask-repeat:no-repeat;mask-size:40px;position:absolute;color:black}.mouse-container{position:absolute;right:20px;z-index:4;top:100px;color:white}.preloader{transform:translateY(0);will-change:transform;transition:transform .3s ease}@media (max-width:600px){.title-line{font-size:2.6rem;line-height:1.2}.hero-slogan{flex-direction:column}}