.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero{background-color:var(--background);color:var(--text-color);text-align:center;border-bottom:var(--border-line)}.hero h1{font-size:10rem;position:absolute;top:15.625rem;left:6.5rem;letter-spacing:2px}.hero-message{background:linear-gradient(145deg,var(--primary-color) 75%,var(--shadow-color) 100%);padding-top:2rem;opacity:0;height:91vh}.hero-message h2{font-family:'Montserrat Bold';font-weight:700;letter-spacing:0;font-size:10rem;margin-bottom:0}.hero-message h3{font-weight:700;letter-spacing:0;font-size:2.5rem;margin-top:-1rem}.hero-button{padding-top:5%}@keyframes fadeIn{to{opacity:1}}.hero-button a{background-color:none;font-weight:700;color:var(--text-color);text-decoration:none;font-size:1.75rem;padding:.75rem 1.5rem;border:5px ridge var(--shadow-color);box-shadow:0 0 15px var(--shadow-color);border-radius:5px;opacity:0;animation:fadeIn 2s ease-in forwards;animation-delay:2.5s}.hero a:hover{font-family:'Montserrat Bold';font-size:1.625rem;box-shadow:0 0 5px var(--shadow-color);padding:.75rem 1.25rem;border-width:2px}#about{background-color:var(--primary-color);text-align:center;height:fit-content;padding:90px 0 80px;border-bottom:var(--border-line)}.about-container{display:flex;flex-direction:column;align-items:center}#about h2{font-family:Goldman;color:var(--text-color);font-size:52px}#about h3{font-family:Goldman;font-size:48px}#about p{color:var(--text-color);letter-spacing:2px;font-size:28px;padding:10px 20%}.responsive-design{opacity:0;transform:scale(.8);padding:100px 0}.responsive-design img{width:60%}.responsive-design.zoom-out-on-scroll{animation:zoomOut 1.5s ease-out forwards}@keyframes zoomOut{to{opacity:1;transform:scale(1)}}.about-logos{padding:100px 0}.about-logos p{padding:10px 25%!important}.logos{position:relative;background-color:var(--portfolio-background);overflow:hidden;padding:40px 0;margin:40px 0;max-width:100vw;white-space:nowrap}.logos-slide img{height:80px;margin:0 40px}.custom-build-cards{display:grid;grid-template-columns:1fr 1fr 1fr;margin:0 5rem}.custom-build{background-color:var(--portfolio-background);margin:1rem 2rem;border-radius:1rem;border:3px ridge var(--shadow-color);box-shadow:2px 2px 4px var(--shadow-color);text-align:left;padding:.5rem 2.5rem 0}.custom-build figure{display:flex;justify-content:center;padding:2rem 0 0}.custom-build h4{font-size:2rem}.custom-build p{font-size:1.5rem!important;padding:0!important}#portfolio{background:var(--portfolio-background);padding:2rem 8vw;border-bottom:var(--border-line)}#portfolio h2{font-family:Goldman;letter-spacing:3px;font-size:3rem;text-align:center;margin-bottom:8px;color:var(--text-color)}#portfolio a{text-decoration:none;color:var(--text-color)}.portfolio-grid{margin:5rem;display:grid;grid-template-columns:repeat(8,1fr);gap:1rem}.portfolio-grid figure{margin:0;padding:0;grid-column:span 4}.portfolio-grid figure:nth-child(3){grid-column:span 5;height:95%}.portfolio-grid figcaption{position:relative;bottom:2.5rem;text-align:center;font-size:1.25rem}.portfolio-grid img{width:100%;display:block;border-radius:10px;padding-bottom:3rem}.mobile-wrapper{display:flex;width:100%;height:85%;gap:1rem;grid-column:span 3}.mobile-wrapper figure{margin:0;padding:0;flex:1}.mobile-wrapper img{width:100%;height:100%;border-radius:10px;display:block;border:3px solid var(--shadow-color);box-shadow:5px 5px 20px var(--shadow-color);transition:all .5s ease}.mobile-wrapper img:hover{transform:scale(1.03)}#contact{background:linear-gradient(135deg,var(--primary-color) 75%,var(--shadow-color) 100%);font-family:Goldman;letter-spacing:3px;padding:2rem;text-align:center;color:var(--text-color);z-index:1}.contact-title{text-transform:uppercase;font-size:2rem;font-weight:700}form{max-width:35%;margin:0 auto;display:grid;font-size:26px;gap:16px;text-align:left}input,textarea{background-color:var(--portfolio-background);color:var(--text-color);font-size:20px;padding:6px;border-radius:10px;border:5px ridge var(--shadow-color)}.form-button{background-color:transparent;color:var(--text-color);border:5px ridge var(--shadow-color);box-shadow:0 0 10px var(--shadow-color);letter-spacing:3px;padding:.5rem 1rem;border-radius:5px;cursor:pointer;width:fit-content;font-size:1.5rem}.form-button:hover{box-shadow:0 0 5px var(--shadow-color);padding:.5rem .875rem;border-width:2px;margin-bottom:7px}#contact p{font-family:Montserrat;margin-top:60px;font-size:26px}@media (max-width:1024px){.hero{height:fit-content}.hero h1{top:18.625rem;left:-8px;font-size:6rem;letter-spacing:6px}.hero-message{padding-top:4rem;opacity:0;height:91vh}.hero h2{font-size:6.5rem;padding-top:4rem}.hero-message h3{font-size:1.7rem;padding-left:2vw}.hero-button{margin-top:10vh}#about h2{padding:1rem;font-size:2.25rem;padding:0 6rem 1rem}#about h3{font-size:2.25rem}#about p{font-size:1.375rem;padding:0 12%}.responsive-design{padding:10rem 0 4rem}.responsive-design img{width:80%}.responsive-design p{text-align:left;padding:1rem 10%!important}.about-logos p{padding:1rem 5rem!important}.logos-slide img{height:3rem}.custom-build-cards{margin:2rem 0 0;gap:auto;width:100%}.custom-build{margin:1rem 2rem;padding:.5rem 1rem 0}.custom-build figure{display:flex;justify-content:center;padding:2rem 0 0}.custom-build h4{font-size:1.25rem}.custom-build p{font-size:1rem!important;padding:0!important}#portfolio{padding:3.5rem 0}#portfolio h2{letter-spacing:0;font-size:1.875rem;padding:0 5%}.portfolio-grid figcaption{position:relative;text-align:left;padding:0 2rem;font-size:1rem}#contact{background-color:--var(--primary-color)}#contact h2,h3{font-size:2rem;padding:0;margin:0}form{padding:10% 20%;margin:0;width:60vw}#contact textarea{width:50vw;height:150px}#contact p{text-align:left;padding-left:10%;font-size:20px}}@media (max-width:768px){.hero h1{top:16.125rem;left:2.625rem;font-size:5rem;letter-spacing:1px}.hero-message{padding-top:4rem;opacity:0;height:91vh}.hero h2{font-size:5rem;padding-top:8rem}.hero-message h3{font-size:1.3rem;padding-left:2vw}#about h2{padding:10px;font-size:26px}#about h3{font-size:1.75rem;margin-bottom:.75rem}#about p{text-align:left;font-size:1.125rem;padding:0 12%}.responsive-design{padding:50px 0}.responsive-design img{width:80%}.responsive-design p{text-align:left;padding:10px 50px!important}.about-logos p{padding:10px!important}.logos-slide img{height:50px;margin:0 40px}.custom-build-cards{display:flex;flex-direction:column;width:91vw;margin:2rem 2rem 0;width:fit-content}.custom-build{margin:1rem 0;height:fit-content}.custom-build figure{display:flex;justify-content:center;padding:1rem 0 0}.custom-build h4{padding:0;font-size:2rem;text-align:center}.custom-build p{padding:.5rem 3rem 1rem!important;font-size:1.5rem!important}#portfolio{padding:50px 10px}#portfolio h2{font-size:1.75rem;padding:0}.portfolio-grid{display:inline}.portfolio-grid figcaption{font-size:1.125rem}.portfolio-grid figure{margin:1rem}.mobile-wrapper{display:flex;width:86vw;gap:1rem;grid-column:span 3;margin-left:1rem}.mobile-wrapper figure{margin:0;padding:0;flex:1}.mobile-wrapper img{width:100%;height:auto;padding-bottom:0}#contact{padding:80px 12%}form{margin:0;width:100%}#contact textarea{width:300px;height:150px}#contact p{text-align:left;padding-left:10%;font-size:20px}}@media (max-width:480px){.hero h1{top:20.125rem;left:1.5rem;font-size:2.5rem;letter-spacing:1.5px}.hero h2{font-size:2.5rem;letter-spacing:1px}.hero h3{font-size:1rem;padding:1rem 2rem}.hero-message{padding-top:10rem;opacity:0;height:91vh}.hero-button{margin-top:15vh}.hero-button a{font-size:1.5rem;padding:.5rem 1rem}#about h2{font-size:2rem}#about h3{font-size:1.5rem}.custom-build-cards{gap:auto;width:fit-content}.custom-build{padding:.5rem 2rem 0;width:auto}.custom-build figure{display:flex;justify-content:center;padding:2rem 0 0}.custom-build h4{font-size:1.25rem}.custom-build p{font-size:1rem!important;padding:0!important}#portfolio{padding:50px 10px}#portfolio h2{font-size:1.5rem;padding:0}#contact{padding:4rem 0 2rem}form{padding:10vw;width:80vw}#contact textarea{height:150px}}