footer{background-color:var(--base-400);width:100vw;height:100.5svh;color:var(--base-100);padding:2rem;position:relative}footer .explosion-container{pointer-events:none;width:100%;height:200%;position:absolute;bottom:0;left:0;overflow:hidden}footer img.explosion-particle-img{object-fit:cover;will-change:transform;border-radius:1rem;position:absolute;bottom:-200px;left:50%;transform:translate(-50%);width:var(--particle-size,300px)!important;height:auto!important}.sample-project-page footer img.explosion-particle-img{width:var(--particle-size,300px)!important;height:auto!important}footer .footer-header-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:60%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}footer .footer-byline{width:100%;padding:2rem;display:flex;position:absolute;bottom:0;left:0}footer .footer-byline>div{flex:1;display:flex}footer .footer-copyright{justify-content:flex-end}footer .footer-author{color:var(--base-300);justify-content:center}footer .footer-author a{color:inherit;text-decoration:none;transition:color .3s}footer .footer-author a:hover{text-decoration:underline}footer .footer-time{color:var(--base-300);justify-content:flex-start}footer .footer-time span{color:var(--base-100)}footer .footer-byline p{font-size:.9rem}@media (max-width:1000px){footer{height:100svh}footer .explosion-container{display:block}footer .footer-header-content{width:100%;padding:1.25rem}footer .footer-copyright{display:none!important}footer .footer-author{justify-content:flex-end}footer .footer-byline{padding:1.25rem}}
.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 h1{text-transform:uppercase;color:var(--base-100);opacity:0;font-family:Big Shoulders Display;font-size:8rem;font-weight:900;line-height:1;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{letter-spacing:0;font-size:3rem}.preloader-images{width:20rem;height:20rem}.preloader-copy{width:80%;padding:0 2rem}}