.portfolio-hero{align-items:center;aspect-ratio:16/9;background-image:linear-gradient(90deg,rgba(17,16,15,.88),rgba(17,16,15,.28)),url(/assets/img/portafolio_hero.webp);background-position:50%;background-size:cover;display:flex;min-height:36rem;padding:0}.portfolio-hero__inner{padding-block:clamp(6rem,12vw,10rem);width:min(100% - 3rem,var(--max))}.portfolio-hero h1{max-width:54rem}.portfolio-hero__copy{color:hsla(0,0%,100%,.82);font-size:clamp(1.1rem,2vw,1.4rem);max-width:40rem}.portfolio-hero__copy p{margin-bottom:1.35rem}.portfolio-hero__copy p:last-child{margin-bottom:0}.portfolio-projects__heading{margin-bottom:3rem;max-width:48rem}.portfolio-projects__heading>div{width:200%}.portfolio-projects__heading .eyebrow{font-size:1.05rem}.portfolio-projects__heading h2{margin-bottom:1rem}.portfolio-projects__heading p:last-child{max-width:40rem}.portfolio-projects__heading h2,.portfolio-projects__heading p:last-child{color:#11100f}.project-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}.project-grid .project-card{display:flex;flex-direction:column;height:100%}.project-grid .project-card__body{display:flex;flex:1;flex-direction:column}.project-grid .project-card__body .button{margin-top:auto;width:max-content}@media(max-width:900px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.project-grid{grid-template-columns:1fr}}@media(max-width:1023px){.portfolio-hero{aspect-ratio:1/1;min-height:0}}@media(max-width:600px){.portfolio-hero__inner{padding-block:5rem;width:min(100% - 2rem,var(--max))}.portfolio-hero h1{font-size:clamp(2.7rem,13vw,4.5rem)}.portfolio-projects__heading>div{width:100%}}@media(max-width:1023px){.portfolio-hero{aspect-ratio:auto;min-height:133.3333333333vw}}