.projects{color:#fff;background:#000;flex-direction:column;gap:30px;padding:120px 30px;display:flex}.projects__title-wrapper{text-align:center;flex-direction:column;gap:15px;display:flex}.projects__title{font-size:clamp(1.5rem,4vw,3rem);font-weight:500}.projects__secondary-title{font-size:clamp(1rem,2vw,1.5rem)}.filter{align-self:flex-start;position:relative}.filter__btn{padding:15px}.filter__list{z-index:1;pointer-events:none;opacity:0;white-space:nowrap;background:#000;border:1px solid #fff;position:absolute}.filter:hover .filter__list{pointer-events:all;opacity:1}.filter__option{cursor:pointer;padding:15px}.filter__option:hover,.filter__option--active{color:#000;background:#fff}.projects-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.project-card-wrapper{flex-direction:column;align-items:flex-start;gap:15px;display:flex}.project-card__title{font-size:clamp(1rem,2vw,1.25rem)}.project-card__desc{color:gray;transition:color .3s}.project-card__desc:hover{color:#fff}.project-card{position:relative;overflow:hidden}.project-card img{aspect-ratio:1;object-fit:cover;object-position:center;width:100%;transition:transform .6s}.project-card__link{text-align:center;color:#fff;opacity:0;background:#00000080;place-content:center;padding:15px;font-size:clamp(1.5rem,4vw,2rem);font-weight:500;transition:opacity .6s;display:grid;position:absolute;inset:0}@media (hover:hover){.project-card:hover img{transform:scale(1.1)}.project-card:hover .project-card__link{opacity:1}}@media (max-width:900px){.projects{padding:120px 15px 30px}.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.projects-grid{grid-template-columns:repeat(1,1fr)}}
.projects-map{flex-direction:column;gap:30px;padding-top:120px;display:flex}.projects-map__title{text-align:center;padding:0 30px;font-size:clamp(1.5rem,4vw,3rem);font-weight:500}.map-container{height:100svh;display:flex}#map{width:60%;height:100%}.container{flex-direction:column;gap:15px;width:40%;height:100%;padding:15px;display:flex;overflow-y:auto}.info-container{cursor:pointer;background:#fff;border:1px solid #000;flex-shrink:0;column-gap:7.5px;height:100px;padding:7.5px;transition:all .25s;display:flex}.info-container:hover{color:#fff;background:#000}.info-container img{height:100%}.info-container__details{flex-direction:column;justify-content:space-between;display:flex}.info-container__details p:first-of-type{font-weight:500}@media (max-width:900px){.projects-map__title{padding:0 15px}}@media (max-width:1000px){#map{width:100%}.container{display:none}}
.home-bg-img-wrapper{z-index:-10;width:100%;height:100svh;position:fixed;top:0;left:0;overflow:hidden}.home-bg-img{object-fit:cover;object-position:center;filter:brightness(.7);opacity:0;width:100%;height:100%;transition:opacity 1s;animation:12s linear infinite animateHomeBgImg}.home-bg-img--active{opacity:1}@keyframes animateHomeBgImg{0%{opacity:0}10%{opacity:1}40%{opacity:1}50%{opacity:0;transform:scale(1.05)}60%{opacity:1}90%{opacity:1}to{opacity:0;transform:scale(1)}}.home-hero{flex-direction:column;justify-content:center;width:100%;height:100svh;padding:0 30px;display:flex;position:relative}.home__secondary-title{color:#fff;font-size:clamp(1.5rem,4vw,3rem)}.home__title{color:#fff;font-size:clamp(3rem,10vw,6rem);font-weight:500}.home-hero__footer{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:30px;display:flex;position:absolute;bottom:30px;left:30px;right:30px}.home-hero__link{color:#fff;position:relative}.home-hero__link:before{content:"";background:var(--scroll-clr);transform-origin:0 100%;width:100%;height:1px;transition:transform .5s;transition-timing-function:var(--cstm-cubic-bezier);position:absolute;bottom:0;left:0;transform:scaleX(0)}.home-hero__link:hover:before{transform:scaleX(1)}.home__btn{color:#fff;transition:color .5s;transition-timing-function:var(--cstm-cubic-bezier);padding:15px;position:relative}.home__btn:hover{color:#000}.home__btn:before{content:"";z-index:-1;transform-origin:0 100%;width:100%;height:100%;transition:transform .5s;transition-timing-function:var(--cstm-cubic-bezier);background:#fff;position:absolute;bottom:0;left:0;transform:scaleX(0)}.home__btn:hover:before{transform:scaleX(1)}.home__bottom{background-color:#fff}@media (max-width:900px){.home-hero{padding:0 15px}.home-hero__footer{gap:15px;bottom:15px;left:15px;right:15px}}