:root{--max-width: 1300px;--bg-color-primary: yellow;--bg-color-secondary: #f3dea3;--text-color-light: white;--text-color-dark: black;--padding-x: 10rem;--padding-y: 8rem;--padding-x-mobile: 2rem;--font-primary: "Roboto Condensed";--padding-bottom-hero-overlap: 10rem;--link-hover-color: #f3dea3}html{font-size:62.5%}@media (width <=600px){html{font-size:50%}}a{color:brown}a:hover{color:var(--link-hover-color)}body{background-color:#fff;padding:0;margin:0;box-sizing:border-box;font-family:var(--font-primary),sans-serif}ul{padding:0}h1{font-size:4rem;font-weight:700;margin:0}label{font-weight:700}input,textarea{padding:8px;font-family:var(--font-primary)}h2{font-size:3rem;margin:0}h3{font-size:2rem;margin:0}a,p,button,div,li,span{font-size:1.5rem;text-decoration:none}a{font-weight:700}p{max-width:50rem}header{background:linear-gradient(to left,#4e3200,#0000);position:fixed;top:0;left:0;width:100%;display:flex;justify-content:center;z-index:100}nav{margin:0 auto;flex-grow:1;padding-left:var(--padding-x);padding-right:var(--padding-x);max-width:var(--max-width)}nav,nav ul{display:flex;justify-content:right;align-items:center}nav ul{list-style-type:none;gap:5rem}nav .active-link{color:var(--link-hover-color)}nav li,nav a{color:var(--text-color-light);-webkit-user-select:none;user-select:none;cursor:pointer;font-weight:700}nav a:hover,nav li:hover{color:var(--link-hover-color)}#contact-modal{position:fixed;right:0;top:0;width:30rem;height:100%;background-color:#fff;z-index:101;padding:2rem;transition:all .5s;transform:translate(800px);border-left:1px solid black}#close-contact{background-color:red;color:#fff;border:none;font-weight:700;padding:3px 6px 2px;position:absolute;right:2rem;top:2rem;cursor:pointer}#close-contact:hover{background-color:#8b0000}#contact-modal textarea{min-height:10rem}#contact-modal form{display:flex;flex-direction:column;gap:.5rem}.btn{padding:1rem 2rem;background-color:var(--bg-color-secondary);color:#000;cursor:pointer;font-weight:700;font-family:var(--font-primary);border:1px solid black}.btn:hover{background-color:#fff;color:#000}#contact-btn{position:fixed;right:5rem;top:90%;background-color:red;padding:2rem 5rem;z-index:100}section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--padding-y) 2rem;position:relative}section .inner,footer .inner{max-width:var(--max-width);margin:0 auto}.img-bg{height:100%;width:100%;position:absolute;z-index:-1;object-fit:cover}.img-gray{filter:grayscale(100%)}section.home.hero{background-color:#0009}.home .inner{text-align:center;display:flex;flex-direction:column;align-items:center;color:var(--text-color-light)}.home .inner .logo{max-width:40rem}.slider{--height: 200px;--slide-width: 900px;width:var(--slide-width);height:var(--height);overflow:hidden;position:absolute;bottom:-10rem;border:1rem white solid;box-shadow:0 0 2px #00000047;background-color:#fff}.slides{display:flex;gap:10px;transition:transform .5s ease-in-out}.slides img{min-width:calc((var(--slide-width) / 3) - 3px);height:var(--height);object-fit:cover;object-position:center}@media (width <=1000px){.slider{--slide-width: 600px}.slides img{min-width:calc((var(--slide-width) / 2) - 2px)}}@media (width <=660px){.slider{--slide-width: 300px}.slides img{min-width:calc(var(--slide-width) / 1)}}section.about{padding-top:20rem;padding-bottom:8rem;text-align:center}section.about .sg-logo{width:5rem}section.about p{max-width:50rem;margin:0 auto}.spacer-sm{padding:1rem 0}.spacer-md{padding:2rem 0}.spacer-lg{padding:3rem 0}.about-extra{text-align:center;background-color:#57575787;padding:5rem;display:flex;flex-direction:column;gap:2rem;color:var(--text-color-light);position:relative;border:1rem solid white;box-shadow:0 2px 2px #00000052}.about-extra .buttons{display:flex;gap:2rem;justify-content:center}.about-extra .bg{position:absolute;width:100%;height:100%;left:0;top:0;z-index:-1}footer{background-color:#333;padding:5rem}footer .inner,footer a{display:flex;flex-direction:row;color:var(--text-color-light);gap:10rem}@media (width <=800px){footer .inner{flex-direction:column;gap:5rem}}footer h3{padding-bottom:1rem;white-space:nowrap}footer ul{padding-left:2rem}footer li{margin-top:5px;font-weight:700;cursor:pointer}footer .logo{width:20rem}footer .sg-logo{width:5rem}.services.hero{display:flex;flex-direction:column;align-items:center;justify-content:center}.projects .hero{background-color:#00000080;color:var(--text-color-light);text-align:center}.projects .card-section{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;padding-right:2rem;padding-left:2rem;max-width:var(--max-width);width:90%}@media (width <=1000px){.projects .card-section{grid-template-columns:repeat(2,1fr)}}@media (width <=700px){.projects .card-section{grid-template-columns:repeat(1,1fr)}}.projects .card{border:1rem white solid;box-shadow:0 2px 5px #0003;-webkit-user-select:none;user-select:none;cursor:pointer;transition:all .2s}.projects .card:hover{box-shadow:0 2px 5px #000000b3;transform:scale(1.02)}.projects .card .content{padding:1rem;position:relative}.projects .card h3{text-transform:uppercase}.projects .card p{font-weight:400;overflow:hidden;text-overflow:ellipsis}.projects .card-section a{color:#000}.projects .card .date{position:absolute;font-style:italic;font-weight:700;color:#0003;top:1rem;right:1rem}.projects .card img{width:100%;height:20rem;object-fit:cover;border:1px solid black}.projects .hero .logo{width:20rem}.projects .img-bg{position:absolute;object-fit:cover}.services-page .hero{background-color:#00000080;color:var(--text-color-light);text-align:center}.services-page .hero .logo{width:20rem}.services-page .img-bg{position:absolute;object-fit:cover}.service-card{padding:2rem;box-shadow:0 2px 2px #00000080;max-width:50rem;min-height:20rem;position:relative;color:var(--text-color-light);background:linear-gradient(to top,#666,#66666659);border:1rem solid white;display:flex;flex-direction:column;justify-content:space-between}.service-card img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.services{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);place-items:stretch;padding:5rem;gap:2rem}@media (width <=1000px){.services{grid-template-columns:repeat(2,1fr)}}@media (width <=700px){.services{grid-template-columns:repeat(1,1fr)}}.project-show{padding:0 var(--padding-x)}@media (width <=700px){.project-show{padding:0 var(--padding-x-mobile)}}.project-show .hero .inner{display:flex;flex-direction:row;gap:5rem;position:relative;align-items:stretch;justify-content:space-between;width:100%}@media (width <=700px){.project-show .hero .inner{flex-direction:column}}.project-show .inner .content{flex-grow:1;flex-basis:50%;display:flex;flex-direction:column;gap:1rem}.img-container{flex-grow:1;flex-basis:50%;min-height:300px;position:relative;border:1px solid black}.project-show .hero .featured-img{position:absolute;height:100%;width:100%;left:0;top:0;object-fit:cover;object-position:center}.project-show .logo{max-width:20rem}.project-show .title{font-size:2rem}.project-show .type{font-weight:700;text-transform:uppercase;color:#8a0000}.project-show .date{font-style:italic}.project-show .gallery{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem}@media (width <=700px){.project-show .gallery{grid-template-columns:1fr}}.project-show .gallery .card{height:30rem;position:relative;border:1px solid black}.project-show .gallery .card img{position:absolute;width:100%;height:100%;object-fit:cover}