.image-box{width:5%;height:100%;flex-shrink:0;aspect-ratio:1/1;background:url(/websafe.svg) transparent 50% / cover no-repeat;background-size:contain;transition:transform .4s ease-in-out}.image-box:hover{transform:translateY(-5px)}html,body{margin:0 auto;background:#f4ffcb}.banner{width:94%;margin-left:1%;height:100px;flex-shrink:0;background:#13af8d}.header{display:flex;padding:.5%;height:100px}.footer-inner-text{color:#fff;text-align:center;font-family:"Instrument Serif";font-size:2em;font-style:normal;font-weight:400;line-height:normal}.footer{background:#13af8d;position:sticky;width:100%;bottom:0%;display:flex;padding-top:1%;padding-bottom:1%}.footer-mast{width:20%;display:flex;align-items:center;justify-content:center}.footer-links-container{display:flex;width:60%;justify-content:space-evenly}.footer-links-item{font-size:.7em;width:100%}.footer-links{color:#fff;font-family:"Instrument Serif";font-size:23px;font-style:normal;font-weight:400;line-height:normal}.footer-link-mast{font-style:italic}.footer-date{width:20%;display:flex;align-items:center;justify-content:center}.main-project{display:flex;height:40vh;width:98%;margin:0 auto 5%}.main-project-image{height:100%;width:80%;background-size:cover;background-repeat:no-repeat;background-position:center}.main-project-desc{width:20%;background:#000;color:#fff}.main-project-title{color:#fff;font-family:"Instrument Serif";font-size:45px;text-align:center;font-style:normal;font-weight:400;line-height:normal;height:80%}.visit-button{border-radius:25px;border:6px solid #FFF;width:20%;display:flex;align-items:center;justify-content:center;font-family:Geist,sans-serif;cursor:pointer}.main-project-visit{display:flex;align-items:center;justify-content:space-evenly}.featured-works-mast{height:5vh;color:#fff;font-family:"Instrument Serif";font-size:3em;font-style:normal;padding:.5%;font-weight:400;display:flex;line-height:normal;background:#000;align-items:center;margin-bottom:2%}.featured-works{width:98%;margin:0 auto}.featured-works-logo{background:#6e6e6e;width:20%;position:absolute;right:1%;height:80%;margin-top:1%}.featured-works-container{height:28vh}.featured-works-image{height:100%;position:relative}.new-section.projects{padding-bottom:10vh}.featured-works-logo-name{text-align:center;font-family:"Instrument Serif";font-size:2em;font-style:normal;font-weight:700}.featured-works-logo-mast{width:100%;height:50%;background-size:contain;background-position:center;background-repeat:no-repeat;margin:0 auto}.featured-works-visit-buttons{position:absolute;bottom:0;width:100%;display:flex;align-items:center;justify-content:center;background:#000;color:#fff}.visit-button{border-radius:25px;border:6px solid #FFF;width:20%;display:flex;align-items:center;justify-content:center;font-family:Geist;transition:all .3s ease}.visit-button:hover{background:#fff;color:#000;transform:scale(1.05)}.featured-works-logo{background:#6e6e6e;width:20%;position:absolute;right:1%;height:80%;margin-top:1%;transition:transform .4s ease-in-out}.featured-works-logo:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}.main-project{animation:fadeIn .8s ease-in}.footer-links{position:relative;transition:color .3s ease}.footer-links:hover{color:#f4ffcb}.footer-links:after{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:0;background-color:#f4ffcb;transition:width .3s ease}.footer-links:hover:after{width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header{transition:background-color .3s ease}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.01)}to{transform:scale(1)}}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem;max-width:80%;margin:0 auto;padding:2rem}.project-grid-item{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease}.project-grid-item:hover{transform:translateY(-5px)}.project-grid-image{width:100%;height:40vh;background-size:cover;background-position:center;position:relative}.project-grid-content{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(transparent,#000c);color:#fff}.project-grid-title{margin:0 0 1rem;font-size:1.2rem;font-family:"Instrument Serif",serif}.project-grid-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.container{width:100%;overflow-x:hidden}@media screen and (max-width: 768px){.header{height:70px}.image-box{width:15%}.main-project-image{width:100%;height:30vh}.main-project-desc{width:100%;padding:1rem 0}.main-project-title{font-size:2rem;height:auto;padding:1rem}.main-project{flex-direction:column;height:auto}.main-project-image{width:100%;height:30vh;order:1}.main-project-desc{width:100%;padding:1rem 0;order:0}.footer{flex-direction:column;padding:0rem 0}.featured-works-image{background-size:100% 100%;width:100%;display:flex;align-items:center;justify-content:center}.featured-works-logo{position:relative;right:0}.featured-works-container{display:flex;width:100%}.featured-works-mast{font-size:2em;height:auto}.banner{display:none}.header{display:flex;align-items:center;justify-content:center}.featured-works-container{height:auto}.featured-works-image{height:40vh}.featured-works-logo{width:80%;height:60%}.project-grid{grid-template-columns:1fr;max-width:95%;padding:1rem;gap:1rem}.project-grid-image{height:30vh}.visit-button{width:auto;padding:.5rem 1rem;font-size:.9rem}.footer{flex-direction:column;padding:1rem 0}.footer-mast,.footer-date,.footer-links-container{width:100%;margin:.5rem 0}.footer-inner-text{font-size:1.5em}.footer-links{font-size:1rem}}@media screen and (max-width: 480px){.main-project-title{font-size:1.5rem}.featured-works-mast,.featured-works-logo-name{font-size:1.5em}.footer-links-container{align-items:center;gap:1rem}}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;font-family:"Instrument Serif",serif}.error-container h1{font-size:3rem;margin-bottom:1rem}.error-container button{margin-top:2rem;padding:1rem 2rem;border:none;border-radius:4px;background-color:#000;color:#fff;cursor:pointer;transition:all .3s ease}.error-container button:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0003}.marquee-supported-container{height:90vh}.policy-container{width:80%;margin:0 auto}
