.preloader h1{text-transform:uppercase;letter-spacing:-.5rem;font-size:8rem;line-height:1}.preloader{background-color:var(--base-400);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);will-change:clip-path;z-index:9999;width:100%;height:100svh;position:fixed;top:0;left:0;overflow:hidden}.progress-bar{background-color:var(--base-500);transform-origin:0;will-change:transform;width:100%;height:7px;position:absolute;top:0;left:0;transform:scaleX(0)}.preloader-images{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);will-change:clip-path;width:25rem;height:25rem;position:absolute;top:45%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.preloader-images .img{clip-path:polygon(0% 100%,100% 100%,100% 100%,0% 100%);will-change:clip-path;border-radius:.75rem;width:100%;height:100%;position:absolute;overflow:hidden}.preloader-images .img img{object-fit:cover;will-change:transform;width:100%;height:100%;position:relative;transform:scale(2)}.preloader-copy{color:#fff;width:30%;position:absolute;bottom:5rem;left:50%;transform:translate(-50%)}.preloader-header{transform-origin:top;will-change:transform;z-index:10000;justify-content:center;align-items:center;width:100%;display:flex;position:fixed;transform:translateY(60svh)}.preloader-header .mobile-break{display:none}.preloader-header h1{text-transform:uppercase;font-size:6rem;line-height:1;font-family:var(--font-chicoree);color:var(--base-100);opacity:0;font-weight:900;text-decoration:none}.preloader-header .char-mask,.preloader-copy .line-mask{display:inline-block;overflow:hidden}.preloader-header .char,.preloader-copy .line{display:inline-block}.preloader-copy p{color:var(--base-100);opacity:0}@media (max-width:1000px){.preloader-header h1{text-align:center;letter-spacing:0;font-size:3rem}.preloader-header .mobile-break{display:inline}.preloader-images{width:20rem;height:20rem}.preloader-copy{width:80%;padding:0 2rem}}
.reveal{overflow:hidden}.hero{background-color:var(--base-100);width:100%;height:100svh;position:relative;overflow:hidden}.hero .container{justify-content:center;align-items:flex-end;display:flex}.hero .container .hero-content-main{text-align:center;flex-direction:column;justify-content:space-between;align-items:center;width:65%;height:100%;display:flex}.hero .container .hero-content-main .hero-footer{flex-direction:column;align-items:center;gap:2rem;width:70%;display:flex}.hero .container .hero-content-main .hero-footer p{font-size:1.45rem}@media (max-width:1000px){.hero .container{padding-top:30%}.hero .container .hero-content-main,.hero .container .hero-content-main .hero-footer{justify-content:center;gap:2rem;width:100%}}
