:root{font-family:Outfit,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--nav-height: 8rem}*{margin:0}.main{min-height:calc(100dvh - var(--nav-height));margin:auto}.footer{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--nav-height);background-color:#4c5a6f;box-shadow:0 0 2px #fafafa;gap:.5rem;text-align:center;padding:0 .5rem}.footer p{color:#fff;line-height:1rem}button{border:1px solid black;color:#000;width:fit-content;background:none;padding:1rem 3rem;cursor:pointer;transition:all .25s;letter-spacing:2px}button:hover{background-color:#f8ce78;border:1px solid #f8ce78;box-shadow:0 1px 3px #0006}button:focus{outline:2px solid #4c5a6f}h2{font-weight:100;letter-spacing:1px;font-size:4rem;text-align:center}p{max-width:600px;line-height:1.8rem;font-size:1.1rem;font-weight:200;letter-spacing:.5px}.image-container{box-shadow:0 2px 4px #0009}@media (max-width: 700px){.footer p{font-size:.75rem}}@media (max-width: 400px){.footer svg{width:150px}h2{font-size:3rem}}.navbar{color:#fff;position:fixed;height:6rem;background-image:linear-gradient(#000,#0000);width:100dvw;z-index:2000}.navbar svg{z-index:inherit;cursor:pointer}.dropdown-menu{display:none}.hamburger-react{z-index:2000}.dropdown-links{color:#fff;background-color:#00000080;font-size:1.5rem;font-weight:200;display:flex;gap:2rem;padding-top:6rem;padding-bottom:2rem;justify-content:center;align-items:center;flex-wrap:wrap;position:absolute;top:0;left:0;width:100dvw;opacity:0;max-height:0;overflow:hidden;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);box-shadow:0 2px 5px #00000080;z-index:1000;transition:opacity .3s ease,max-height .3s ease}.dropdown-links.open{opacity:1;max-height:500px}.navbar .content{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 3rem;margin:auto;position:relative;z-index:2000}.navbar .links{display:flex;gap:3rem;font-size:1.15rem}.navbar a{text-decoration:none;color:inherit;font-weight:200;transition:.2s all}.navbar a:hover{text-decoration:underline;transform:translateY(-2px)}.navbar .active{font-weight:400;text-decoration:underline}.navbar h1{font-size:3rem}@media (max-width: 800px){.navbar .links{display:none}.dropdown-menu{display:block}.navbar a{font-weight:100}.navbar .active{font-weight:200}}@media (max-width: 600px){.navbar .content{padding:0 1rem}}.home{display:flex;flex-direction:column}.home .hero{height:100dvh;overflow:hidden;position:relative;display:grid;grid-template-columns:1fr;place-items:center;text-align:center}.home svg{filter:drop-shadow(0px 5px 3px rgba(0,0,0,.7))}.home .mission-statement{padding:0 3rem;position:relative;z-index:100}.home .mission-statement h2{font-size:3rem}.home .mission-statement p{font-size:1.5rem;width:fit-content;margin-top:1rem;color:#fff;font-weight:200}.home .mission-statement button{margin-top:2rem;color:#fff;border-color:#fff}.home .mission-statement button:hover{border-color:#f8ce78}.home .background-image-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.home .background-image{object-fit:cover;min-height:100%;width:100%;object-position:center}.home .shadow{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#0006;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10}.projects-home{padding:2rem 4rem}.projects-home h3{text-align:center;font-size:3rem;font-weight:100;margin-bottom:4rem}.projects-home-content{display:grid;grid-template-columns:repeat(3,1fr);place-items:center;width:80%;max-width:1400px;margin:auto;row-gap:4rem}.projects-home h4{text-align:center;font-size:2rem;font-weight:100;margin-bottom:1rem}.project-home .image-container{width:300px;margin:auto}.project-home img{display:block;width:100%;height:100%;object-fit:contain}.projects-home button{display:block;margin:auto;margin-top:4rem;margin-bottom:2rem}.projects-home hr{width:100%;display:none}@media (max-width: 1400px){.projects-home-content{grid-template-columns:1fr 1fr;width:70%}}@media (max-width: 1200px){.projects-home-content{width:80%}}@media (max-width: 1000px){.projects-home-content{width:90%}}@media (max-width: 950px){.projects-home-content{width:100%}}@media (max-width: 900px){.projects-home-content{grid-template-columns:1fr}.projects-home hr{margin-top:1rem;width:50%;display:block}}@media (max-width: 700px){.projects-home h3{margin-bottom:2rem}.projects-home-content{gap:2rem}.project-home .image-container{width:250px}.projects-home hr{width:60%}}@media (max-width: 500px){.project-home .image-container{width:200px}.project-home .h4{font-size:1.25rem}.projects-home hr{width:100%}}.contact{padding:7rem 5rem 4rem;display:grid;grid-template-columns:1fr 1fr}.contact h2{grid-column:span 2;margin-bottom:2rem}.contact form{display:grid;gap:1rem}.contact form button{margin-left:auto}.input-group{display:grid}.contact label{display:flex;font-weight:200;margin-left:10px;margin-bottom:3px}.contact label>span{color:#7a7a7a;margin-left:3px}.contact .required{margin-left:auto;color:red}.contact input{font-size:1.25rem;padding:.5rem 1rem;border-radius:1000px;border:.5px solid grey;transition:all .25s}.contact textarea{border-radius:10px;font-size:1.25rem;padding:.5rem 1rem;border:.5px solid grey}.contact input:focus,.contact textarea:focus{outline:none;border:2px solid #4c5a6f}.contact .error{border:1px solid red}.contact-info-container{display:flex;flex-direction:column;gap:2rem;width:fit-content;margin:0 auto}.contact-info{display:flex;flex-direction:column;gap:1rem;letter-spacing:2px;font-weight:200;padding:1rem}.contact-info h3{font-size:2rem;font-weight:100}.contact-info .numbers{display:grid;gap:1rem}.contact-info .numbers div{display:flex;gap:1rem}.contact-info .numbers strong{display:block;font-weight:300;width:72px}.send-confirm,.message-error{position:absolute;top:50%;left:0;right:0;margin:auto;transform:translateY(-50%);width:fit-content;height:fit-content;padding:2rem 4rem;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;z-index:1000;font-size:2rem;text-align:center;background-color:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#fff;box-shadow:0 5px 5px var(--dark)}.message-error small{cursor:pointer}.send-confirm svg{color:#00c100;font-size:3rem}@media (max-width: 800px){.contact{grid-template-columns:1fr}.contact h2{grid-column:span 1}.contact form button{margin:2rem auto 4rem}.contact-info-container{flex-direction:column;gap:4rem;position:relative}.contact-info{justify-content:center;align-items:center;text-align:center;margin:auto;grid-column:1}}@media (max-width: 700px){.contact{padding-left:2rem;padding-right:2rem}.contact-info-container{gap:2rem;flex-direction:column}}@media (max-width: 450px){.contact{padding-left:1rem;padding-right:1rem}.contact-info{font-size:.8rem}}.about h2{margin-bottom:2rem}.about section{display:grid;grid-template-columns:1fr 1fr;place-items:center;padding:2rem;padding-top:0}.about section>div{width:80%;box-shadow:0 2px 4px #0009}.about img{display:block;width:100%;object-fit:cover}.about>div{position:relative;background-color:#4c5a6f;padding:7rem 1rem 2rem;margin-bottom:4rem}.about svg{display:block;margin:auto;margin-bottom:2rem}.about .first-p{text-align:center;margin:auto;color:#fff}.about .last-p{text-align:start}.about button{display:block;margin:4rem auto}@media (max-width: 800px){.about section{grid-template-columns:1fr}.about .last-p{margin-top:4rem;text-align:center}}@media (max-width: 500px){.about>div{margin-bottom:0}.about section>div{position:relative;width:calc(100% + 4rem)}.about .last-p{margin-top:2rem}.about button{display:block;margin:1rem auto 3rem}}.projects{padding:7rem 3rem 4rem;text-align:center}.projects h2{margin-bottom:4rem;text-align:center}.projects main{display:flex;flex-direction:column;align-items:center;gap:5rem}.projects .image-container-small{display:none}.projects section{display:flex;align-items:center;gap:2rem}.projects section h3{margin-bottom:1rem;font-size:2rem;font-weight:200}.projects img{display:block;object-fit:contain;width:100%}.projects button{margin-top:2rem}.projects hr{width:80%}.gallery{padding:8rem 4rem 4rem}.gallery h2{margin-bottom:4rem}.gallery section{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4rem;max-width:1200px;margin:auto}.gallery img{display:block;cursor:pointer;width:100%;object-fit:contain}.gallery .image-container{height:fit-content;width:40%;max-width:500px;transition:all .3s}.gallery .image-container:hover{box-shadow:0 5px 8px #0009;transform:scale(1.1)}@media (max-width: 700px){.projects main{gap:3rem}.projects .image-container{display:none}.projects .image-container-small{display:block;width:60%;margin:auto;margin-top:2rem}.projects h2{margin-bottom:2rem}.projects hr{width:100%}.gallery .image-container{width:70%}.projects button{margin-top:3rem}}@media (max-width: 500px){.gallery{padding:8rem 3rem 3rem}.projects .image-container-small{width:80%}.gallery .image-container{width:90%}.gallery h2{font-size:3rem}}@media (max-width: 400px){.gallery .image-container{width:90%}}.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{bottom:0;left:0;opacity:0;overflow:hidden;position:fixed;right:0;top:0;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));bottom:0;left:0;outline:none;overflow:hidden;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;right:0;top:0;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translate(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{bottom:auto;display:flex;justify-content:flex-end;left:auto;padding:var(--yarl__toolbar_padding,8px);position:absolute;right:0;top:0}[dir=rtl] .yarl__toolbar{bottom:auto;left:0;right:auto;top:0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,hsla(0,0%,100%,.8));cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:var(--yarl__button_margin,0);outline:none;padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}