.projects-page{background:var(--thirdly);min-height:100vh;color:var(--secondary);flex-direction:column;gap:4rem;padding:4rem 2rem;display:flex}.projects-hero{flex-direction:column;gap:2rem;display:flex}.projects-hero h1{text-transform:uppercase;font-family:druk wide,sans-serif;font-size:2rem;line-height:1.1}.projects-hero h1 span{color:var(--primary)}.projects-hero p{opacity:.85;max-width:100%;font-family:montserrat,sans-serif;font-size:1.2rem;line-height:1.5}.projects-grid{grid-template-columns:1fr;gap:2rem;display:grid}.project-card{color:inherit;flex-direction:column;gap:1rem;text-decoration:none;display:flex}.project-image{aspect-ratio:16/10;background:#eee;position:relative;overflow:hidden}.project-image img{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:transform .8s,filter .8s}.project-card:hover img{filter:grayscale(0%);transform:scale(1.06)}.project-meta h3{text-transform:uppercase;overflow-wrap:break-word;word-break:break-word;font-family:druk wide,sans-serif;font-size:1.2rem;line-height:1.1}.project-meta h3:after{content:"";background:var(--primary);opacity:.6;width:20px;height:2px;margin-top:.4rem;display:block}.project-meta span{opacity:.6;font-family:montserrat,sans-serif;font-size:.9rem}@media (min-width:768px){.projects-page{gap:5rem;padding:5rem 3rem}.projects-hero{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:3rem}.projects-hero h1{font-size:clamp(3rem,6vw,8rem)}.projects-hero p{max-width:420px;font-size:1.3rem}.projects-grid{grid-template-columns:repeat(2,1fr);gap:4rem 3rem}.project-meta h3{font-size:1.3rem}.project-meta h3:after{width:24px}}@media (min-width:1024px){.projects-page{gap:6rem;padding:6rem 4rem}.projects-hero h1{font-size:clamp(3.5rem,7vw,9rem)}.projects-grid{gap:6rem 4rem}.project-meta h3{font-size:1.4rem}.project-meta h3:after{width:28px}.project-meta span{font-size:1rem}}