.page-hero{text-align:center;padding-bottom:2rem}.page-hero__title{text-transform:uppercase;text-align:center;margin-bottom:3rem;padding:0 1rem;font-size:clamp(2.1rem,4.5vw,4.5rem);font-weight:600;line-height:1.1}.page-hero__description{letter-spacing:0;color:#818181;max-width:900px;font-size:1.05rem;font-weight:300;line-height:1.35;font-family:var(--font-barlow);margin:auto}.work__projects-grid{grid-template-columns:repeat(2,1fr);gap:5px;max-width:100%;margin:0 auto;display:grid}.work__project-item{cursor:pointer;aspect-ratio:16/9;position:relative;overflow:hidden}.work__project-image-wrapper{width:100%;height:100%;position:relative}.work__project-image{object-fit:cover;transition:all .5s;transform:scale(1.00001)}.work__project-overlay{opacity:0;background:0 0;flex-direction:column;justify-content:center;align-items:center;padding:30px;transition:all .2s;display:flex;position:absolute;inset:0}.work__project-title{letter-spacing:0;text-transform:uppercase;text-align:center;margin-bottom:.5rem;font-size:1.6rem;font-weight:500;transition:all .1s}.work__project-year{letter-spacing:0;opacity:1;color:#818181;font-size:1.25rem;font-weight:500;line-height:0;transition:all .1s .1s}.work__project-item:hover img{filter:grayscale()brightness(.4)}.work__project-item:hover .work__project-overlay{opacity:1;background:#0000004d}.work__project-item:hover .work__project-title,.work__project-item:hover .work__project-year{transform:translateY(0)}@media (max-width:1024px){.work__project-title{font-size:1.5rem}}@media (max-width:768px){.work__projects-grid{grid-template-columns:1fr}.work__project-title{font-size:1.2rem}.work__project-year{font-size:.9rem}}