/* Progetti: griglia filtrabile, muro di fotogrammi a colonne */
/* elenco */
.arch{padding-block:clamp(60px,10vh,120px)}
.arch .top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:clamp(20px,3vh,36px)}
.arch .top h2{font-family:var(--fd);font-size:clamp(48px,7vw,120px);line-height:.86}
.arch .top p{max-width:44ch;color:var(--ash);font-size:clamp(14px,1.1vw,17px);line-height:1.55}
.arch .empty{padding:40px 0;color:var(--ash)}

/* muro di fotogrammi: colonne a velocità diverse */
.wall{background:var(--ink);color:var(--paper);padding-block:clamp(70px,12vh,150px);overflow:hidden}
.wall .top{margin-bottom:clamp(28px,5vh,56px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:end}
.wall .top h2{font-family:var(--fd);font-size:clamp(52px,8vw,140px);line-height:.86}
.wall .top p{color:rgba(251,250,247,.7);max-width:44ch;font-size:clamp(14px,1.1vw,17px);line-height:1.55}
.wall .cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.4vw,22px);align-items:start}
.wall .col{display:flex;flex-direction:column;gap:clamp(10px,1.4vw,22px);will-change:transform}
.wall .col img{width:100%;height:auto;display:block;background:#161616}
.wall .col figure{margin:0;position:relative;overflow:hidden;cursor:pointer}
.wall .col figure figcaption{position:absolute;left:0;right:0;bottom:0;padding:10px 12px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);opacity:0;transition:opacity .3s}
.wall .col figure:hover figcaption{opacity:1}
@media (max-width:760px){.wall .top{grid-template-columns:1fr}.wall .cols{grid-template-columns:repeat(2,minmax(0,1fr))}.wall .col:nth-child(n+3){display:none}}
@media (prefers-reduced-motion:reduce){.wall .col{transform:none!important}}