.hero-projects-gallery{--hero-pg-columns:3;--hero-pg-gap:24px;--hero-pg-radius:6px;--hero-pg-ratio:4 / 3;box-sizing:border-box}.hero-projects-gallery *,.hero-projects-gallery *::before,.hero-projects-gallery *::after{box-sizing:border-box}.hero-projects-gallery__grid{display:grid;grid-template-columns:repeat(var(--hero-pg-columns),minmax(0,1fr));gap:var(--hero-pg-gap);list-style:none;margin:0;padding:0}.hero-project-card{margin:0}.hero-project-card__link{display:block;text-decoration:none;color:inherit;cursor:pointer}.hero-project-card__image{position:relative;width:100%;aspect-ratio:var(--hero-pg-ratio);overflow:hidden;border-radius:var(--hero-pg-radius);background-color:#f0f0f0}.hero-project-card__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;will-change:transform}.hero-project-card__link:hover .hero-project-card__image img,.hero-project-card__link:focus-visible .hero-project-card__image img{transform:scale(1.05)}.hero-project-card__title--static{display:block;margin-top:12px;font-size:16px;font-weight:600;line-height:1.4;text-align:left}.hero-projects-gallery--style-2 .hero-project-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;background:rgb(0 0 0 / .45);opacity:0;transition:opacity 0.3s ease;pointer-events:none}.hero-projects-gallery--style-2 .hero-project-card__link:hover .hero-project-card__overlay,.hero-projects-gallery--style-2 .hero-project-card__link:focus-visible .hero-project-card__overlay{opacity:1}.hero-projects-gallery--style-2 .hero-project-card__title{color:#fff;font-size:18px;font-weight:600;line-height:1.4}@media (max-width:1024px){.hero-projects-gallery__grid{grid-template-columns:repeat(min(2, var(--hero-pg-columns)),minmax(0,1fr))}}@media (max-width:640px){.hero-projects-gallery__grid{grid-template-columns:1fr}}