.projects-hero img{object-position:center 55%}
.project-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:35px}
.project-filters button{padding:10px 17px;border:1px solid var(--line);background:transparent;font-size:.77rem;font-weight:700}
.project-filters button.is-active{color:var(--white);background:var(--ink)}
.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:70px 24px}
.gallery-project[hidden]{display:none}
.gallery-project .image-frame{aspect-ratio:4/3}
.gallery-featured{grid-column:1/-1}
.gallery-featured .image-frame{aspect-ratio:16/8}
.crop-detail img{object-position:70% center}
.project-label{position:absolute;top:14px;left:14px;z-index:1;padding:7px 10px;color:var(--white);background:rgba(17,18,16,.78);font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.project-info{display:flex;justify-content:space-between;gap:20px;padding:18px 14px 14px;background:transparent;transition:background-color .25s ease}
.project-info span{color:var(--ink-soft);font-size:.73rem;text-transform:uppercase}
.project-info h2{margin:7px 0 0;font-size:clamp(1.7rem,3vw,3.2rem)}
.project-info b{font-size:1.7rem;font-weight:400;transition:transform .25s}
.gallery-project:hover .project-info,.gallery-project:focus-visible .project-info{background:rgba(224,190,163,.32)}
.gallery-project:hover .project-info b,.gallery-project:focus-visible .project-info b{transform:translate(4px,-4px)}
.gallery-project:focus-visible{outline:2px solid rgba(141,77,37,.62);outline-offset:4px}
@media(max-width:700px){.gallery-grid{grid-template-columns:1fr;gap:48px}
.gallery-featured{grid-column:auto}
.gallery-featured .image-frame{aspect-ratio:4/3}
}