.projectsMain{display:grid;gap:8rem 4rem;width:100%;grid-template-columns:repeat(auto-fit,minmax(28rem,1fr));justify-items:center}.projectsMain>div{display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;max-width:29rem;min-height:59rem;padding-bottom:1rem}.mainTitle{font-size:clamp(2rem,3.2rem + .5vw,3.9rem);line-height:clamp(2rem,3.6rem + .5vw,4.2rem)}.title{font-size:clamp(1.2rem,1.5vw + .5rem,1.8rem)}.description{font-size:clamp(1rem,1.2vw + .5rem,1.4rem)}@media screen and (max-width: 1024px){.projectsMain{margin-top:4rem}}@media screen and (max-width: 767px){.projectsMain{margin-top:3rem;gap:6rem}}.mainProject{z-index:1;display:lex;flex-direction:column;row-gap:4rem;margin-top:4rem;margin-bottom:2rem;color:#fff;.title{width:100%;span{text-align:start;font-family:Gotham Rounded;font-size:clamp(1rem,3.4rem + 1vw,5rem);font-style:normal;font-weight:400;line-height:normal}}.subTitleContainer,.description{width:100%;padding:4rem 0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:2rem;.subTitle{width:50%;font-family:Gotham Rounded;font-size:clamp(1rem,1.6rem + 1vw,2.6rem);font-style:normal;font-weight:325;line-height:normal}.pillsContainer{gap:2rem;flex-flow:wrap;width:100%;display:flex;justify-content:center}}.description{padding:0;span{font-family:Gotham Rounded;font-size:clamp(1rem,1.2rem + 1vw,2rem)}}.imageContainer{width:100%;margin-top:4rem;margin-bottom:4rem}.timelinesContainer{display:flex;flex-direction:column;width:100%;height:100%;gap:12rem 0;.firstTimeline{width:100%;height:100%;display:flex;justify-content:flex-start}.secondTimeline{width:100%;height:100%;display:flex;justify-content:flex-end}}}@media (max-width: 1280px){.mainProject{.subTitleContainer{flex-direction:column;gap:5rem;align-items:flex-start;padding:1rem 0;.subTitle{width:100%}}}}@media (min-width: 0px) and (max-width: 768px){.mainProject{.title{min-width:102%;span{font-size:clamp(1rem,2.4rem + 1vw,4rem)}}.subTitleContainer{.pillsContainer{display:flex;justify-content:start;gap:2rem}}}}.projectCard{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;max-width:30rem;min-height:60rem;max-height:60rem;.cardContent{.titleContainer{display:flex;justify-content:center;align-items:center;min-height:8rem;max-height:8rem;.title{font-family:Fira Mono;font-style:normal;font-weight:500;line-height:normal;font-size:clamp(1.2rem,1.4vw + .5rem,2rem)}}.subtitle{min-height:9rem;font-family:Gotham Rounded;font-style:normal;font-weight:325;line-height:normal;font-size:clamp(1rem,1.2vw + .5rem,1.6rem)}}@media screen and (max-width: 767px){.cardContent{.titleContainer{.title{font-size:clamp(2rem,1.4vw + .5rem,1.8rem)}}.subtitle{font-size:clamp(1.7rem,1.4vw + .5rem,1.8rem)}}}}.relatedProjects{width:100%;flex-direction:column;align-items:center;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));row-gap:8rem;.relatedProjectsCardsContainer{display:grid;gap:4rem;width:100%;grid-template-columns:repeat(auto-fit,minmax(28rem,1fr));justify-items:center}@media screen and (max-width: 1280px){row-gap:4rem;.relatedProjectsCardsContainer{flex-direction:column;align-items:center;justify-content:center;gap:4rem}}}.project-description-container{display:flex;flex-direction:column;gap:2rem;width:100%;padding:2rem}.project-description-intro{display:flex;flex-direction:column;gap:1rem;grid-column:span 2}.project-description-row{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:2rem;margin-bottom:2rem}.project-description-column{display:flex;flex-direction:column;gap:1rem}.project-description-title{font-size:clamp(1rem,1.5vw + .5rem,2.8rem);font-weight:600;font-family:Fira Mono}.project-description-text{font-size:clamp(1rem,1.5vw + .3rem,1.7rem);line-height:1.4;font-family:Gotham Rounded}.project-description-image{width:50%;display:inline-flex}.project-description-quote-row{display:flex;flex-direction:column;gap:1rem;grid-column:span 2}.project-description-quote{font-size:clamp(1rem,1.5vw + .3rem,1.8rem);font-style:italic;border-left:4px solid #999;padding-left:1rem;font-family:Gotham Rounded}@media (max-width: 767px){.project-description-row{display:flex;flex-direction:column;align-items:center;margin-top:0;margin-bottom:0}.project-description-title{font-size:clamp(1.2rem,2rem + 1vw,2.2rem)}.project-description-text{font-size:clamp(.8rem,1.2rem + 1vw,1.5rem)}}