.top-banner{width:100%;object-fit:cover;display:block}@media all and (min-width: 64rem){.top-banner{height:30vw}}@media all and (max-width: 64rem){.top-banner{height:45vw}}
.projects__container{width:100%;margin:auto;padding:3rem 1rem 5rem 1rem;box-sizing:border-box}.projects__text p{color:var(--color7);margin:auto;font-family:var(--ff1);font-weight:400;font-size:var(--fs-regular)}.projects__title{color:var(--color7);font-weight:700;font-size:var(--fs-xxxl);font-family:var(--ff2);margin:auto;line-height:var(--fs-xxxl)}.projects__grid{display:flex;padding-top:4rem}@media all and (min-width: 64rem){.projects .project{width:30%;margin:1.6666%}.projects__container{max-width:var(--bp2)}}@media all and (max-width: 64rem){.projects__grid{flex-wrap:wrap}.projects .project{width:100%;margin:2% 0}.projects__container{max-width:var(--bp5)}}
.project{text-decoration:none}.project__image{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.project__name{margin:.5rem 0 0;color:var(--color2);font-weight:700;font-size:var(--fs-regular);font-family:var(--ff2)}