:root{--orange-color: #FFA300}*{font-family:Poppins,Arial,sans-serif;margin:0}html{scroll-padding:5em}body{padding-top:8em}h1,h2{font-weight:600}h2{font-size:2rem}section{padding-left:15%;padding-right:15%;margin-bottom:4em}a{color:#1e1e1e;text-decoration:none;transition:color .15s}a:hover{color:#ffa300}@media (max-width: 650px){body{padding-top:7em}section{margin-bottom:3em;padding-left:7%;padding-right:7%}}.header{background-color:#1e1e1e;height:60px;box-shadow:0 0 5px #00000040;z-index:1;position:fixed;top:0;left:0;right:0}.navbar{margin:0 15%;height:100%;display:flex;justify-content:space-between;align-items:center}.logo-container{height:45px}.logo{height:100%;cursor:pointer}.link-container{display:flex;justify-content:space-between;align-items:center;width:320px}.navigation-link{font-weight:500;cursor:pointer;padding:10px 5px;color:#fff}.hamburger-icon{cursor:pointer}.hamburger-icon .bar{display:block;background-color:#fff;width:24px;height:3px;margin:5px auto;transition:all .15s ease-in-out}.hamburger-icon.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger-icon.active .bar:nth-child(2){opacity:0}.hamburger-icon.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.hamburger-nav{background-color:#1e1e1e;display:flex;flex-direction:column;align-items:center;padding:10px 0;box-shadow:0 0 5px #00000040;position:absolute;top:-150px;left:0;right:0;transition:all .3s ease-in-out;z-index:-1}.hamburger-nav.active{top:60px}@media (min-width: 650px){.hamburger-icon,.hamburger-nav{display:none}}@media (max-width: 650px){.link-container{display:none}.navbar{margin:0 7%}}footer{background-color:#1e1e1e;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:14px;height:90px}.project{background-color:#d3d3d3;position:relative;cursor:pointer}.project img{height:250px;width:100%;object-fit:cover}.project-info{background-color:#282828d9;color:#fff;padding:24px;display:flex;flex-direction:column;justify-content:center;text-align:center;position:absolute;inset:0;opacity:0;transition:opacity .35s}.project-info:hover{opacity:1}.project-name{line-height:2.5vw}.project-type{font-size:16px;font-weight:400;color:#fff9;margin-top:2px;margin-bottom:20px}.project-description{font-size:14px;line-height:18px;font-weight:300}@media (max-width: 1100px){.project-name{font-size:3.1vw;line-height:3.5vw}}@media (max-width: 650px){.project-name{font-size:5.5vw;line-height:6.2vw}}.project-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-auto-rows:250px;column-gap:6px;row-gap:6px}@media (max-width: 1100px){.project-grid{grid-template-columns:1fr 1fr}}@media (max-width: 650px){.project-grid{grid-template-columns:1fr}}.about-section{background-color:#f0f0f0;display:flex;justify-content:space-between;align-items:center;padding-top:50px;padding-bottom:50px}.about-textcontainer{flex:1;margin-right:50px}.about-textcontainer h2{margin-bottom:10px}.about-textcontainer p{margin-bottom:18px}.photo-container{width:300px;height:300px;border-radius:150px;overflow:hidden}.photo{height:100%;object-fit:cover}@media (max-width: 1100px){.about-section{flex-direction:column}.about-textcontainer{margin-right:0;margin-bottom:30px}}.contact-links-container{flex:1}.contact-header{margin-bottom:10px}.contact-description{margin-bottom:20px}.social-media-link{font-size:15px;display:flex;align-items:center;cursor:pointer;transition:color .15s}.social-media-link:hover{color:var(--orange-color)}.social-media-link-icon{font-size:27px;margin-right:6px}.form-container{flex:1;display:flex;flex-direction:column;padding-top:6px}.input-container{display:flex;flex-direction:column;margin-bottom:20px}.input-container label{font-weight:500;font-size:15px;margin-bottom:5px}input,textarea{font-family:Poppins,Arial,sans-serif;font-size:14px;border:none;padding:8px 16px;box-shadow:0 0 5px #00000040}input{border-radius:20px}textarea{border-radius:20px 20px 0;resize:vertical}.submit-button{background-color:#1e1e1e;color:#fff;font-family:Poppins,Arial,sans-serif;font-weight:500;font-size:15px;width:120px;border:none;border-radius:100px;padding:8px 16px;cursor:pointer;transition:background-color .15s}.submit-button:hover{background-color:var(--orange-color)}.contact-section{display:flex;column-gap:6vw;justify-content:space-between}@media (max-width: 950px){.contact-section{flex-direction:column;row-gap:40px}}.back-button{font-weight:500;margin-left:7%;cursor:pointer}.intro-section{display:flex;align-items:center;column-gap:4vw;margin-top:40px}.video{background-color:#1e1e1e;border:3px solid rgb(30,30,30);border-radius:10px;width:67%;aspect-ratio:16 / 9}.divider{background-color:#d3d3d3;width:2px;height:45vh}.project-data{display:flex;flex-direction:column;row-gap:2em;min-width:33%}.project-title{font-size:2.5rem}.caret-icon{color:var(--orange-color)}@media (max-width: 1100px){.intro-section{flex-direction:column;row-gap:5vh}.video{width:100%}.divider{display:none}.project-data{text-align:center;row-gap:24px}.project-title{font-size:2.25rem}}.context-section{background-color:#f0f0f0;padding-top:50px;padding-bottom:50px}.context-section p,.result-section p{margin-bottom:1em}.result-images-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-auto-rows:250px;column-gap:6px;row-gap:6px;margin-top:40px}.image{background-color:#d3d3d3;position:relative}.image img{height:100%;width:100%;object-fit:cover;object-position:top;cursor:zoom-in;box-shadow:0 0 2px #00000040}.image-description{font-size:14px;background:linear-gradient(#28282800,#28282899,#282828);color:#fff;padding:8px 0;text-align:center;position:absolute;bottom:0;left:0;right:0;opacity:0;transition:opacity .3s}.image:hover .image-description{opacity:1}.modal{background-color:#000c;padding:0;border:none;width:100vw;height:100vh;max-height:none;max-width:none;display:flex;justify-content:center;align-items:center}.modal:not([open]){display:none}.modal-image{max-width:100%;max-height:100%}.close-modal-button{position:fixed;color:#fff;top:0;right:30px;font-size:3rem;z-index:100;cursor:pointer;transition:all .15s}.close-modal-button:hover{transform:scale(1.1)}.play-button{display:inline-block;background-color:#1e1e1e;color:#fff;font-weight:500;font-size:1rem;border:none;border-radius:80px;padding:10px 28px;margin-top:30px;margin-bottom:20px;cursor:pointer;transition:background-color .15s}.play-button:hover{background-color:var(--orange-color);color:#fff}@media (max-width: 1100px){.result-images-grid{grid-template-columns:1fr 1fr}}@media (max-width: 650px){.result-images-grid{grid-template-columns:1fr}}