.preloader h1{text-transform:uppercase;font-size:clamp(4rem,12vw,8rem);line-height:.9;letter-spacing:-.4rem}.preloader{position:fixed;inset:0;width:100%;height:100svh;background-color:var(--base-400);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);will-change:clip-path;overflow:hidden;z-index:9999}.progress-bar{position:absolute;inset-inline-start:0;top:0;width:100%;height:5px;background-color:var(--base-500);transform:scaleX(0);transform-origin:left;will-change:transform}.preloader-images{top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(14rem,50vw,18rem);height:clamp(13rem,40vw,15rem);aspect-ratio:1/1;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.preloader-images,.preloader-images .img{position:absolute;will-change:clip-path;overflow:hidden}.preloader-images .img{inset:0;-webkit-clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);border-radius:2rem}.preloader-images .img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(2);will-change:transform}.preloader-copy{position:absolute;bottom:clamp(2rem,8vh,5rem);left:50%;transform:translateX(-50%);width:90%;max-width:400px;text-align:center;color:#fff;padding:0 1rem}.preloader-header{position:fixed;width:100%;display:flex;justify-content:center;align-items:center;transform:translateY(60svh);transform-origin:top;will-change:transform;z-index:10000}.preloader-header h1{text-transform:uppercase;font-size:clamp(4rem,15vw,7rem);line-height:.9;letter-spacing:-.2rem;font-family:Big Shoulders Display,sans-serif;font-weight:900;color:var(--base-100);text-decoration:none;opacity:0}.preloader-copy .line-mask,.preloader-header .char-mask{display:inline-block;overflow:hidden}.preloader-copy .line,.preloader-header .char{display:inline-block}.preloader-copy p{color:var(--base-100);opacity:0;font-size:clamp(1.1rem,4vw,1.4rem);line-height:1.4}@media (max-width:768px){.preloader h1,.preloader-header h1{font-size:clamp(2.8rem,6vw,1rem);letter-spacing:-.15rem}.preloader-images{width:clamp(14rem,55vw,20rem);height:clamp(14rem,55vw,20rem)}.progress-bar{height:4px}.preloader-copy{bottom:3rem;width:88%;padding:0 1.5rem}}@media (max-width:480px){.preloader-header{transform:translateY(55svh)}.preloader h1,.preloader-header h1{font-size:clamp(2.4rem,6vw,5rem);letter-spacing:-.15rem}.preloader-images{width:50vw;height:40vw}.preloader-images .img{position:absolute;inset:0;-webkit-clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);will-change:clip-path;overflow:hidden;border-radius:1.5rem}}