.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;position:relative;width:100%}.work .project-video video{cursor:pointer;display:block;height:100%;object-fit:cover;width:100%}.work .project-video .video-play{align-items:center;background:var(--black);border-radius:50%;color:var(--white);cursor:pointer;display:flex;height:7rem;inset:0;justify-content:center;margin:auto;opacity:1;position:absolute;transition:opacity .3s,transform .3s;width:7rem}.work .project-video .video-play svg{fill:currentColor;height:38%;margin-left:3%;stroke:currentColor;width:38%}.work .project-video .video-play:hover{transform:scale(1.08)}.work .project-video.is-playing .video-play{opacity:0;pointer-events:none;transform:scale(.9)}.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-video .video-play{height:5rem;width:5rem}.work .project-intro .project-hero{aspect-ratio:1/1}.work .project-intro .header{font-size:7rem}.work .project-image{aspect-ratio:12/16}}