@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,100..1000&family=Onest:wght@100..900&display=swap";:root{--bg-color: #fffcf5;--bg-color-white: #ffffff;--bg-color-light: #fdfcf8;--bg-color-light-hover: #fffcf5;--bg-color-dark: #262324;--bg-color-dark-hover: #2b2829;--font-family: "DM Sans", sans-serif;--font-family-header: "Onest", sans-serif;--font-color-white: #ffffff;--font-color-offwhite: #d0d0d0;--font-color-black: #000000;--font-color-grey: #444;--border-color: #eaeaea;--border-color-dark: #2e2a2b}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);font-family:var(--font-family);color:var(--font-color-grey);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}h1,h2,h3,h4,h5,h6{color:var(--font-color-black);font-family:var(--font-family-header);text-wrap:balance;overflow-wrap:break-word}p{text-wrap:pretty}h1{font-size:42px;line-height:1.3}h2{font-weight:500;font-size:26px}h3{font-size:24px;font-weight:600}h4{font-size:20px;font-weight:600}h5{font-size:15px;font-weight:600}b,strong{font-weight:600}a{color:inherit;text-decoration:none}.filler{flex:1}.button{display:flex;align-items:center;justify-content:center;padding:10px 20px 10px 20px;border-radius:10px;border:none;width:fit-content;font-weight:500;cursor:pointer}.button-light{background-color:var(--bg-color-light);color:var(--font-color-black)}.button-light:hover{background-color:var(--bg-color-light-hover)}.button-dark{background-color:var(--bg-color-dark);color:var(--font-color-white)}.button-dark:hover{background-color:var(--bg-color-dark-hover)}.logo{display:flex;align-items:center;gap:7px;font-size:38px;font-weight:700;line-height:1;text-transform:uppercase}.logo span{font-size:15px}.page{display:flex;flex-direction:column;gap:90px}.section{width:1300px;margin:0 auto}.menu{position:fixed;top:0;left:0;z-index:1000;padding:15px 40px 15px 40px;width:100%;color:var(--font-color-white);font-family:var(--font-family-header)}.menu .section{display:flex;gap:10px;align-items:center}.menu .section .menu-items{flex:1;display:flex;gap:40px;justify-content:flex-end}.menu .section .menu-toggle{flex:1;justify-content:flex-end;display:none;font-size:32px;line-height:1;cursor:pointer}.menu-dark{color:var(--font-color-black) !important}.menu-responsive{display:none;flex-direction:column;gap:20px;position:absolute;top:0;left:0;z-index:1000;height:100vh;width:100vw;padding:30px;background-color:var(--bg-color);color:var(--font-color-black)}.menu-responsive.open{display:flex}.menu-responsive .menu-responsive-items{display:flex;flex-direction:column;gap:20px;font-size:16px}.menu-responsive .menu-responsive-items .menu-item{background-color:var(--bg-color-light);border:1px solid var(--border-color);border-radius:5px;padding:10px 20px 10px 20px;cursor:pointer}.menu-responsive .menu-responsive-items .menu-item:hover{border:1px solid rgba(0,0,0,0);color:var(--font-color-white);background-color:var(--bg-color-dark-hover)}.hero{display:flex;flex-direction:column;gap:10px;min-height:450px;height:100vh;width:100%;padding:250px 40px 30px 40px;color:var(--font-color-white);text-align:center;background-color:var(--bg-color-dark);background-size:cover;background-repeat:no-repeat}.hero h1,.hero h2{color:var(--font-color-white)}.hero a{margin:0 auto}.hero-small{padding-top:150px !important;height:100% !important}.hero2{display:flex;flex-direction:column;gap:10px;min-height:320px;width:100%;padding:150px 40px 30px 40px;margin-bottom:-50px;text-align:center}.tiles{display:flex;flex-direction:column;gap:20px}.tiles .tiles-heading{display:flex;padding:20px 30px 20px 30px}.tiles .tiles-heading .tiles-title{flex:1;font-size:38px;line-height:1.3;text-align:center}.tiles .tiles-content{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.tiles .tiles-content .tile{display:flex;flex-direction:column;gap:20px;padding:30px}.tiles .tiles-content .tile .tile-title{text-align:center}.tiles .tiles-footer{display:flex;align-items:center;justify-content:center;gap:100px;margin-top:40px}.tiles .tiles-footer p{max-width:600px;color:var(--font-color-black);font-size:18px;font-weight:500;text-align:center}.projects{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;row-gap:60px;padding:40px;color:var(--font-color-white);background-color:var(--bg-color-dark);border-radius:20px}.projects .project-tile{display:flex;flex-direction:column;gap:5px}.projects .project-tile .project-title{font-size:28px;color:var(--font-color-white)}.projects .project-tile .project-preview{border-radius:10px;height:220px;margin-bottom:5px}.projects .project-tile .project-description{font-size:14px;color:var(--font-color-offwhite)}.projects .project-tile .project-metadata{display:flex;gap:7px;align-items:center;font-size:12px;margin-top:5px}.projects .project-tile .project-metadata .project-employer{text-transform:uppercase;font-weight:700}.projects .project-tile-lead{gap:20px !important}.projects .project-tile-lead .project-title{font-size:44px !important}.projects-grid{display:flex;flex-direction:column;gap:25px}.projects-grid .categories{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.projects-grid .categories h4{flex:1}.projects-grid .categories .category{font-size:14px;padding:5px 10px;background-color:var(--bg-color-white);border:1px solid var(--border-color);border-radius:5px;cursor:pointer}.projects-grid .categories .category:hover,.projects-grid .categories .category.active{background-color:var(--bg-color-dark-hover);color:var(--font-color-white);border:1px solid rgba(0,0,0,0)}.projects-grid .grid-content{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;row-gap:50px}.projects-grid .grid-content .item{display:flex;flex-direction:column;gap:5px}.projects-grid .grid-content .item h3{font-size:28px;color:var(--font-color-black);line-height:1.3;padding-top:5px;padding-left:5px;padding-right:5px}.projects-grid .grid-content .item img{height:250px;margin-bottom:5px;border-radius:10px}.projects-grid .grid-content .item .description{font-size:14px;padding-left:5px;padding-right:5px}.projects-grid .grid-content .item .metadata{display:flex;gap:7px;align-items:center;font-size:12px;margin-top:5px;padding-left:5px;padding-right:5px}.projects-grid .grid-content .item .metadata .employer{text-transform:uppercase;font-weight:700;color:var(--font-color-black)}.split{display:flex;gap:80px;padding:40px 0px 40px 0px}.split .split-image{flex:1;width:100%;border-radius:20px}.split .split-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%}.split .split-grid img{border-radius:10px}.split .split-description{flex:1;display:flex;flex-direction:column;justify-content:center;gap:20px;width:100%}.split .split-description .split-title{font-size:38px;line-height:1.3}.split .split-description .split-content{display:flex;gap:10px}.split .split-description .split-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.boxes{display:flex;flex-direction:column;gap:30px}.boxes .boxes-heading{display:flex}.boxes .boxes-heading .boxes-title{flex:1;font-size:38px;line-height:1.3}.boxes .boxes-content{display:flex;align-items:flex-start;gap:80px}.boxes .boxes-content .box{flex:1;display:flex;gap:30px;background-color:var(--bg-color-light);border-radius:20px;border:1px solid var(--border-color);padding:30px}.boxes .boxes-content .box .box-image{border-radius:20px;max-height:200px}.boxes .boxes-content .box .box-content{flex:1;display:flex;flex-direction:column;gap:10px}.boxes .boxes-content .box .box-content .box-title{text-transform:uppercase;font-weight:600;color:var(--font-color-grey);font-family:var(--font-family-header);font-size:13px}.boxes .boxes-content .box .box-content .box-text{font-size:14px}.footer{color:var(--font-color-white);background-color:var(--bg-color-dark);padding:50px 40px 30px 40px}.footer .section .footer-top{display:flex;gap:40px;padding-bottom:30px;border-bottom:1px solid var(--border-color-dark)}.footer .section .footer-top .footer-brand{flex:3;display:flex;flex-direction:column;gap:15px}.footer .section .footer-top .footer-brand .logo{font-size:46px;font-weight:700;line-height:1;font-family:var(--font-family-header);text-transform:uppercase}.footer .section .footer-top .footer-brand .logo span{font-size:17px}.footer .section .footer-top .footer-group{flex:1;display:flex;flex-direction:column;gap:7px}.footer .section .footer-top .footer-group .footer-heading{color:var(--font-color-offwhite);font-weight:600;text-transform:uppercase}.footer .section .footer-top .footer-group a,.footer .section .footer-top .footer-group p{display:flex;align-items:center;gap:10px;font-size:14px}.footer .section .footer-top .footer-group a img,.footer .section .footer-top .footer-group p img{width:16px}.footer .section .footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:20px;font-size:12px;color:var(--font-color-offwhite);text-transform:uppercase}.login-page{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:url("/img/landing-hero-bg.jpeg");background-size:cover;background-position:center}.login-page .login-back{color:var(--font-color-white)}.login-page .login-card{width:100%;max-width:420px;padding:34px;background-color:var(--font-color-white);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 20px 45px rgba(0,0,0,.08)}.login-page .login-card h1{font-size:30px;line-height:1.2;margin-bottom:8px}.login-page .login-card .login-subtitle{margin-bottom:24px;font-size:14px}.login-page .login-card .login-form{display:flex;flex-direction:column;gap:8px}.login-page .login-card .login-form label{font-weight:600;font-size:13px;color:var(--font-color-grey);margin-top:6px}.login-page .login-card .login-form input{width:100%;padding:11px 12px;border-radius:8px;border:1px solid var(--border-color);background-color:var(--bg-color-light);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.login-page .login-card .login-form input:focus{border-color:#b7aba0;box-shadow:0 0 0 3px rgba(183,171,160,.2)}.login-page .login-card .login-form .login-submit{width:100%;margin-top:10px}.login-page .login-card .login-form .login-error{font-size:13px;border:1px solid var(--border-color);padding:10px;border-radius:8px;background-color:#ffd7d7;margin-top:5px}@media(max-width: 1400px){.section{width:1200px}.projects{grid-template-columns:1fr 1fr}}@media(max-width: 1250px){h1{font-size:32px}.logo{text-align:left}.page{gap:50px}.section{width:300px}.menu .menu-items{display:none !important}.menu .menu-toggle{display:flex !important}.hero{padding-top:150px}.tiles{gap:10px}.tiles .tiles-content{gap:5px;grid-template-columns:1fr}.tiles .tiles-content .tile{padding:20px;align-items:center;text-align:center}.tiles .tiles-content .tile h3{font-size:20px}.tiles .tiles-footer{flex-direction:column;gap:40px;align-items:center;text-align:center}.projects{grid-template-columns:1fr}.projects h3{line-height:1.3}.projects .project-tile{align-items:center;text-align:center}.projects-grid .categories{flex-direction:column;justify-content:center;align-items:center}.projects-grid .categories h4,.projects-grid .categories .category{text-align:center;width:100%}.projects-grid .grid-content{grid-template-columns:1fr}.split{gap:30px;flex-direction:column}.split .split-description{align-items:center;text-align:center}.split .split-grid{grid-template-columns:1fr !important}.footer .footer-top{flex-direction:column}.footer .footer-top .footer-brand{align-items:center;text-align:center}.footer .footer-top .footer-group{align-items:center;text-align:center}.footer .footer-bottom{justify-content:center !important;text-align:center}}