@import"https://fonts.googleapis.com/css2?family=Host+Grotesk:ital,wght@0,300..800;1,300..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@font-face{font-family:PP Pangram Sans;src:local("PP Pangram Sans"),local("PP-Pangram-Sans");font-weight:800;font-style:normal;font-display:swap}:root{--base-100: #f8f7f4;--base-200: #e8e6e0;--base-300: #2d2b26;--base-400: #1a1916;--accent-light: #ffffff;--accent-dark: #0a0907}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Host Grotesk}img{width:100%;height:100%;object-fit:cover}.container{position:relative;width:100%;height:100%}.hero{position:relative;width:100%;height:100svh;padding:1rem;background-color:var(--base-100)}.logo-text{font-family:PP Pangram Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:800;font-size:3.5rem;letter-spacing:-.02em;padding:.75rem 1.5rem;border-radius:.5rem;display:inline-block;box-shadow:0 2px 8px #00000014;background-color:var(--base-100);color:var(--base-400);transition:background-color .3s ease,color .3s ease}.logo-text.logo-inverted{background-color:var(--base-400);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)}.header{position:relative}.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;line-height:1.1;width:25%}.hero-footer p{width:25%;text-align:right;opacity:.5}.contact-btn{position:absolute;top:2rem;right:2rem}.contact-btn a{display:block;text-decoration:none;color:inherit}.menu-btn{position:absolute;bottom:2rem;left:50%;transform:translate(-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;font-size:1.2rem;border-radius:100%}.btn-label span{font-size:.9rem;font-weight:450;line-height:1}.preloader-progress,.preloader-mask,.preloader-content{position:fixed;top:0;left:0;width:100%;height:100svh;pointer-events:none}.preloader-progress{background-color:var(--base-200);z-index:1;will-change:opacity}.preloader-progress-bar{position:absolute;top:0;left:50%;width:55%;height:100%;background-color:var(--base-300);transform:translate(-50%) scaleX(0);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}.preloader-logo .logo-text{font-size:3.5rem;background-color:var(--base-100);color:var(--base-400)}.header .logo-text{font-size:12rem;letter-spacing:-.04rem;background-color:transparent;box-shadow:none;padding:0;color:var(--base-300)}.header .logo-text.logo-inverted{background-color:transparent;color:var(--base-100)}.preloader-mask{background-color:var(--base-100);-webkit-mask:linear-gradient(var(--base-300),var(--base-300)),url(/mask.svg) center/50% no-repeat;-webkit-mask-composite:subtract;mask:linear-gradient(var(--base-300),var(--base-300)),url(/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:translate(-50%);width:30%;text-align:center}.preloader-footer p{color:var(--base-300);opacity:.5}.line,.char{position:relative;padding-bottom:.2em;margin-bottom:-.2em;will-change:transform}@media (max-width: 800px){.hero-inner{border-radius:3rem}.header .logo-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%}.hero-footer{flex-direction:column;gap:.5rem;align-items:flex-start}.hero-footer h3,.hero-footer p{width:100%;text-align:left}.hero-footer h3{font-size:1.25rem}.menu-btn{position:absolute;top:2rem;left:2rem;transform:translate(0)}.preloader-progress-bar{left:0%;width:100%;transform:translate(0) scaleX(0)}.preloader-logo .logo-text{font-size:2rem;padding:.5rem 1rem}.header .logo-text{font-size:4rem;letter-spacing:0}.preloader-mask{-webkit-mask:linear-gradient(var(--base-300),var(--base-300)),url(/mask.svg) center/90% no-repeat;-webkit-mask-composite:subtract;mask:linear-gradient(#fff,#fff),url(/mask.svg) center/90% no-repeat;mask-composite:subtract}.preloader-footer{width:75%}}