:root{--base-100:#181717;--base-200:#292725;--base-300:#f5f5f5}img{width:100%;height:100%;object-fit:cover}.wrapper{position:relative;width:100%;height:100%}.hero{position:relative;width:100%;height:100svh;padding:1rem;background-color:var(--base-100)}.hero-inner{position:relative;width:100%;height:100%;border-radius:4rem;overflow:hidden}.hero-img{position:absolute;width:100%;height:100%;transform:scale(1.5);will-change:transform}.hero-content{position:absolute;width:100%;height:100%;padding:2rem;color:var(--base-300)}.hero-content-header h1{font-size:12rem;font-weight:500;line-height:1}.hero-footer{position:absolute;bottom:0;left:0;padding:2rem;width:100%;display:flex;justify-content:space-between;align-items:flex-end}.hero-footer h3{font-size:2rem;font-weight:400;width:25%}.hero-footer p{width:25%;text-align:right;opacity:.5}.contact-btn{position:absolute;top:2rem;right:2rem}.menu-btn{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%)}.btn{position:relative;display:flex;align-items:center;gap:.75rem;padding:.25rem .25rem .25rem 1.5rem;border-radius:4rem;background-color:var(--base-300);color:var(--base-100);will-change:transform}.btn-icon{width:2.5rem;height:2.5rem;background-color:var(--base-100);color:var(--base-300);display:flex;justify-content:center;align-items:center;border-radius:100%}.btn-icon img{width:20px;height:20px}.preloader-content,.preloader-mask,.preloader-progress{position:fixed;top:0;width:100%;height:100svh;pointer-events:none}.preloader-progress{z-index:1;background-color:var(--base-200);will-change:opacity}.preloader-progress-bar{position:absolute;top:0;left:50%;transform:translateX(-50%) scaleX(0);width:55%;height:100%;background-color:var(--base-300);will-change:transform;transform-origin:left}.preloader-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;z-index:2;mix-blend-mode:difference}.preloader-logo h1{position:relative;color:var(--base-300);font-size:3rem;font-weight:500;line-height:1}.preloader-mask{background-color:var(--base-100);mask:linear-gradient(var(--base-300),var(--base-300)),url(../../images/mask.svg) center/50% no-repeat;mask-composite:subtract;will-change:transform;z-index:1}.preloader-content{z-index:2}.preloader-footer{position:absolute;bottom:4rem;left:50%;transform:translateX(-50%);width:30%;text-align:center}.preloader-footer p{color:var(--base-300);opacity:.5}.char,.line{position:relative;padding-bottom:.2em;margin-bottom:-.2em;will-change:transform}