.work{--ratio:16/9}.work .project-header{align-items:center;background:var(--light);border-radius:var(--nav);color:var(--black);display:flex;flex-direction:row;font-size:16px;height:var(--nav);justify-content:space-between;padding:0 30px}.work .project-header .project-type{font-weight:600}.work .project-intro{background:var(--light);color:var(--black);display:flex;flex-direction:row;gap:3rem;padding:var(--p-100)}.work .project-intro .project-hero{aspect-ratio:1/1;background-color:var(--color);background-position:50%;background-size:cover;border-radius:var(--radius);flex:1 1}.work .project-intro .info{flex:1 1}.work .project-intro .header{font-size:8rem;margin-bottom:2rem}.work .project-intro .description{font-size:2rem}.work .project-image{aspect-ratio:var(--ratio);background-position:50%;background-size:cover;border-radius:var(--radius);opacity:0}.is-ready .work .project-image{transition:opacity .5s}.work .project-video{aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;width:100%}.work .project-image.is-lazy-loaded{opacity:1}@media (max-width:1000px){.work .project-intro{flex-direction:column}.work .project-intro .project-hero{aspect-ratio:2/1}}@media (max-width:600px){.work .project-intro{padding-top:var(--px-100)}.work .project-intro .project-hero{aspect-ratio:1/1}.work .project-intro .header{font-size:7rem}.work .project-image{aspect-ratio:12/16}}