@import "https://fonts.cdnfonts.com/css/rowan";
*{box-sizing:border-box;margin:0;padding:0}:root{--base-100:#181717;--base-200:#292725;--base-300:#dedbcc}body{color:#1a1a1a;background-color:#dedbcc;font-family:Rowan,sans-serif}.container{width:100%;height:100%;position:relative}.hero{background-color:var(--base-100);width:100%;height:100svh;padding:1rem;position:relative}.hero-inner{width:100%;height:100%;position:relative;overflow:hidden}.hero-img{will-change:transform;width:100%;height:100%;position:absolute;transform:scale(1.5)}.hero-content{width:100%;height:100%;color:var(--base-300);padding:2rem;position:absolute}.hero-content h1{font-size:5em;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.header img{object-fit:cover;width:120px}.hero-footer{justify-content:space-between;align-items:flex-end;width:100%;padding:2rem;display:flex;position:absolute;bottom:0;left:0}.hero-footer h3{width:25%;font-size:2rem;font-weight:400;line-height:1.1}.hero-footer p{text-align:right;opacity:.8;width:25%}.contact-btn{cursor:pointer;z-index:2;position:absolute;top:2rem;right:2rem}.menu-btn{z-index:2;cursor:pointer;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.menu-btn .btn{background-color:var(--base-100)!important;color:var(--base-300)!important}.contact-btn .btn-icon,.menu-btn .btn-icon{background-color:var(--base-300)!important;color:var(--base-100)!important}.btn{cursor:pointer;background-color:var(--base-100);color:var(--base-300);will-change:transform;border-radius:4rem;align-items:center;gap:.75rem;padding:.25rem .25rem .25rem 1.5rem;display:inline-flex;position:relative}.btn-icon{background-color:var(--base-100);width:2.5rem;height:2.5rem;color:var(--base-300);border-radius:100%;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.btn-label span{font-size:.9rem;font-weight:400;line-height:1}.preloader-progress,.preloader-mask,.preloader-content{pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.preloader-content img{width:-moz-fit-content;width:fit-content;height:180px;position:absolute;top:10%;left:50%;transform:translate(-50%,-10%)}.preloader-progress{background-color:var(--base-200);z-index:1;will-change:opacity}.preloader-progress-bar{background-color:var(--base-300);transform-origin:0;will-change:transform;width:55%;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)scaleX(0)}.preloader-logo{text-align:center;mix-blend-mode:difference;z-index:2;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preloader-logo h1{color:var(--base-300);font-size:3rem;font-weight:500;line-height:1;position:relative}.preloader-mask{background-color:var(--base-100);-webkit-mask:linear-gradient(var(--base-300),var(--base-300)),url(/mask.svg) center/50% no-repeat;mask:linear-gradient(var(--base-300),var(--base-300)),url(/mask.svg) center/50% no-repeat;will-change:transform;z-index:1;-webkit-mask-composite:source-out;mask-composite:subtract}.preloader-content{z-index:2}.preloader-footer{text-align:center;color:#fff;width:30%;position:absolute;bottom:4rem;left:50%;transform:translate(-50%)}.preloader-footer p{color:var(--base-300);opacity:.5}.line,.char{will-change:transform;margin-bottom:-.2em;padding-bottom:.2em;position:relative}@media (max-width:800px){.header img{object-fit:contain;text-align:center;width:70px;height:-moz-fit-content;height:fit-content;position:absolute;top:2%;left:5%}.hero-footer{flex-direction:column;align-items:flex-start;gap:.5rem;padding-bottom:6rem}.hero-content h1{font-size:2em}.hero-footer h3,.hero-footer p{text-align:left;width:100%}.hero-footer h3{font-size:1.25rem}.preloader-progress-bar{width:100%;left:0%;transform:translate(0%)scaleX(0)}.preloader-logo h1{letter-spacing:normal;font-size:1.3rem}.preloader-mask{-webkit-mask:linear-gradient(var(--base-300),var(--base-300)),url(/mask.svg) center/90% no-repeat;mask:linear-gradient(var(--base-300),var(--base-300)),url(/mask.svg) center/90% no-repeat;-webkit-mask-composite:source-out;mask-composite:subtract}.preloader-footer{width:75%}.preloader-content img{object-fit:contain;width:100%;height:140px}}.titles{text-align:center}h1{text-align:center;font-size:8vw;font-weight:500}.titles p{text-align:center;font-size:1vw}.project-page p{font-size:16px;font-weight:500}a{text-transform:uppercase;color:inherit;-webkit-font-smoothing:antialiased;font-size:14px;font-weight:600;text-decoration:none}.project-page span{font-size:16px;font-weight:500;position:relative;top:-.075em}img{width:100%;height:100%}.link{cursor:pointer;align-items:center;gap:.5rem;padding:0 1em;display:flex}.projects-list{flex-direction:column;gap:.5em;list-style:none;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-nav{opacity:0;z-index:2;justify-content:space-between;gap:2em;width:50vw;padding:1em;display:flex;position:fixed;top:-100px;left:50%;transform:translate(-50%)}.project-nav .link{background-color:#c6c6be;border-radius:.5rem}.project-page-scroll-progress{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:rgba(255,255,255,.25);border:1px solid #c6c6be;border-radius:.5rem;flex:2;justify-content:center;align-items:center;height:30px;display:flex;position:relative;overflow:hidden}.project-page-scroll-progress-bar{transform-origin:0;will-change:transform;z-index:-1;background-color:#c6c6be;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleX(0%)}.project-hero,.project-footer{justify-content:center;align-items:center;width:100vw;height:100svh;display:flex;position:relative}.project-footer-copy{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%)}.project-images{flex-direction:column;align-items:center;gap:5em;display:flex}.project-img{width:60%}.project-img img{object-fit:contain}.next-project-progress{background-color:#c6c6be;width:50%;height:4px;position:absolute;bottom:25%}.next-project-progress-bar{transform-origin:0;will-change:transform;background-color:#000;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleX(0)}@media (max-width:900px){.hero-content h1{top:50%}img{object-fit:cover;width:100%;height:100%}.project-nav{width:100vw}.project-nav .link>a{display:none}.project-img{width:90%}.titles{transform:translateY(-130%)}.titles h1{font-size:4em}}