.cca-archive{
  --cca-green:#006b4f;
  --cca-green-dark:#00513c;
  --cca-green-soft:#dfeee8;
  --cca-green-soft-2:#edf6f2;
  --cca-ink:#23332e;
  position:relative;
  width:100%;
  max-width:1500px;
  margin:0 auto;
  padding:.9rem 1rem 1.5rem;
  box-sizing:border-box;
}

/* Sfondo verde Antonianum chiaro, leggermente screziato */
.cca-year-panel{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(0,107,79,.14);
  border-radius:1.15rem;
  padding:1.2rem 1.3rem 1.45rem;
  box-shadow:0 12px 28px rgba(29,73,58,.08);
  background:
    radial-gradient(circle at 18% 16%, rgba(255,255,255,.55) 0 1.2rem, transparent 1.25rem),
    radial-gradient(circle at 84% 28%, rgba(255,255,255,.28) 0 2rem, transparent 2.05rem),
    radial-gradient(circle at 35% 78%, rgba(0,107,79,.045) 0 2.8rem, transparent 2.9rem),
    radial-gradient(circle at 72% 72%, rgba(0,107,79,.04) 0 4rem, transparent 4.1rem),
    linear-gradient(135deg,var(--cca-green-soft-2),var(--cca-green-soft));
}
.cca-year-panel::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.38;
  background-image:
    repeating-linear-gradient(17deg,rgba(255,255,255,.09) 0 2px,transparent 2px 8px),
    repeating-linear-gradient(101deg,rgba(0,79,58,.022) 0 1px,transparent 1px 11px);
}
.cca-year-panel>*{position:relative;z-index:1}

.cca-archive__toolbar{
  display:grid;
  grid-template-columns:minmax(180px,240px) minmax(0,1fr);
  align-items:center;
  gap:1rem;
  margin:0 auto .8rem;
}
.cca-archive__select{
  width:100%;
  min-height:2.35rem;
  padding:.35rem .72rem;
  border:1px solid var(--cca-green);
  border-radius:.55rem;
  background:#fff;
  color:var(--cca-green-dark);
  font:inherit;
}
.cca-archive__years{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:.34rem .38rem;
}
.cca-archive__years button{
  min-width:3.15rem;
  padding:.26rem .5rem;
  border:1px solid var(--cca-green);
  border-radius:999px;
  background:#fff;
  color:var(--cca-green-dark);
  font:inherit;
  font-size:.78rem;
  line-height:1.05;
  cursor:pointer;
  transition:background .18s,color .18s,transform .18s,box-shadow .18s;
}
.cca-archive__years button:hover{transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,107,79,.14)}
.cca-archive__years button.is-active{background:var(--cca-green);color:#fff;font-weight:700}

.cca-year-panel__head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:1rem;
  padding:.1rem .15rem 1rem;
}
.cca-year-panel__eyebrow{
  display:block;
  color:var(--cca-green);
  font-size:.73rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:700;
  margin-bottom:.2rem;
}
.cca-year-panel__title{margin:0;color:var(--cca-ink);font-size:clamp(1.35rem,2vw,2rem);font-weight:700}
.cca-year-panel__count{color:#52635d;font-size:.88rem;white-space:nowrap}

/* Galleria armonica: righe centrate secondo il numero di locandine */
.cca-year-panel__gallery{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:clamp(.7rem,1.2vw,1rem);
  width:100%;
  margin:0 auto;
}
.cca-poster-row{
  display:flex;
  justify-content:center;
  align-items:flex-start;
  gap:clamp(.7rem,1.2vw,1rem);
  width:100%;
}
.cca-poster{
  appearance:none;
  border:0;
  padding:.32rem;
  margin:0;
  width:clamp(145px,14vw,190px);
  flex:0 0 auto;
  background:rgba(255,255,255,.72);
  border-radius:.65rem;
  cursor:pointer;
  box-shadow:0 5px 15px rgba(36,70,59,.11);
  transition:transform .18s,box-shadow .18s,background .18s;
}
.cca-poster:hover,.cca-poster:focus-visible{
  transform:translateY(-3px);
  box-shadow:0 10px 22px rgba(29,73,58,.18);
  background:rgba(255,255,255,.94);
  outline:2px solid rgba(0,107,79,.2);
  outline-offset:2px;
}
.cca-poster__frame{
  width:100%;
  aspect-ratio:3/4.35;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:.42rem;
  background:rgba(255,255,255,.56);
}
.cca-poster img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.cca-poster__label{
  display:block;
  margin-top:.34rem;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#43534e;
  font-size:.7rem;
  text-align:center;
}
.cca-year-panel__empty{padding:3rem 1rem;text-align:center;color:#64756f}

/* Viewer immagine singola */
.cca-imageviewer{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:1rem}
.cca-imageviewer[hidden]{display:none}
.cca-imageviewer__backdrop{position:absolute;inset:0;background:rgba(15,28,24,.88)}
.cca-imageviewer__figure{position:relative;z-index:2;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:94vw;height:94vh;max-width:1400px}
.cca-imageviewer__img{display:block;width:auto;height:min(86vh,980px);max-width:92vw;max-height:86vh;object-fit:contain;background:#fff;border-radius:.25rem;box-shadow:0 12px 40px #0009;image-rendering:auto}
.cca-imageviewer__caption{margin-top:.55rem;color:#fff;font-size:.9rem;text-align:center}
.cca-imageviewer__close{position:absolute;right:1rem;top:1rem;z-index:4;border:0;background:#fff;border-radius:50%;width:42px;height:42px;font-size:1.85rem;line-height:1;cursor:pointer}
.cca-imageviewer__nav{position:absolute;z-index:3;top:50%;transform:translateY(-50%);border:0;background:#fffddd;border-radius:50%;width:52px;height:52px;font-size:2.3rem;cursor:pointer}
.cca-imageviewer__prev{left:2vw}.cca-imageviewer__next{right:2vw}

@media(max-width:1000px){
  .cca-archive{padding:.75rem .65rem 1.2rem}
  .cca-archive__toolbar{grid-template-columns:190px minmax(0,1fr);gap:.65rem}
  .cca-archive__years{gap:.28rem}
  .cca-archive__years button{font-size:.72rem;min-width:3rem;padding:.22rem .4rem}
  .cca-year-panel{padding:1rem}
}
@media(max-width:720px){
  .cca-archive{padding:.55rem .35rem 1rem}
  .cca-archive__toolbar{display:flex;flex-direction:column;align-items:stretch;gap:.55rem}
  .cca-archive__select{width:min(100%,260px);align-self:center}
  .cca-archive__years{justify-content:center}
  .cca-year-panel{border-radius:.8rem;padding:.8rem .65rem 1rem}
  .cca-year-panel__head{align-items:flex-start}
  .cca-year-panel__count{font-size:.78rem}
  .cca-year-panel__gallery{gap:.6rem}
  .cca-poster{padding:.32rem;border-radius:.55rem}
  .cca-poster__label{display:none}
  .cca-imageviewer{padding:.5rem}
  .cca-imageviewer__nav{width:44px;height:44px;font-size:2rem}
}