/**
 * PROGETTI — due alternative editoriali di confronto.
 * B: composizione da portfolio, aperture e ritmi diversi.
 * C: atlante illustrato a righe alternate con grandi dettagli.
 * Limitato a ?mc_index=b/c della pagina Progetti nel solo tema WPVibe draft.
 */

/* B — COMPOSIZIONE EDITORIALE */
.mci-site.mci-variant-b .mci-heading{padding-top:24px;padding-bottom:42px}
.mci-site.mci-variant-b .mci-heading-line{border-bottom:0;padding-bottom:19px}
.mci-site.mci-variant-b .mci-heading h1{font-size:clamp(45px,5.3vw,76px)!important}
.mci-site.mci-variant-b .mci-filters{border-top:1px solid #dadfd8;border-bottom:1px solid #dadfd8;padding-top:18px;padding-bottom:15px}
.mci-site.mci-variant-b .mci-grid{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  column-gap:clamp(18px,2.8vw,43px)!important;
  row-gap:clamp(33px,4.4vw,64px)!important;
  grid-auto-flow:dense;
}
.mci-site.mci-variant-b .mci-card{grid-column:span 6}
.mci-site.mci-variant-b .mci-card:nth-child(6n + 2),
.mci-site.mci-variant-b .mci-card:nth-child(6n + 7){grid-column:span 5}
.mci-site.mci-variant-b .mci-card:nth-child(6n + 3),
.mci-site.mci-variant-b .mci-card:nth-child(6n + 6){grid-column:span 7}
.mci-site.mci-variant-b .mci-card:nth-child(6n + 4),
.mci-site.mci-variant-b .mci-card:nth-child(6n + 5){grid-column:span 6}
.mci-site.mci-variant-b .mci-card:nth-child(6n + 2) .mci-card-media,
.mci-site.mci-variant-b .mci-card:nth-child(6n + 7) .mci-card-media{aspect-ratio:1.1}
.mci-site.mci-variant-b .mci-card:nth-child(6n + 3) .mci-card-media,
.mci-site.mci-variant-b .mci-card:nth-child(6n + 6) .mci-card-media{aspect-ratio:1.65}
.mci-site.mci-variant-b .mci-card:nth-child(6n + 4) .mci-card-media,
.mci-site.mci-variant-b .mci-card:nth-child(6n + 5) .mci-card-media{aspect-ratio:1.43}
.mci-site.mci-variant-b .mci-card-meta{padding-top:15px}
.mci-site.mci-variant-b .mci-card-meta h2{font-size:clamp(22px,2.2vw,29px)!important}
.mci-site.mci-variant-b .mci-card:first-child{
  grid-column:1/-1; margin-bottom:7px;
}
.mci-site.mci-variant-b .mci-card:first-child .mci-card-link{
  display:grid!important;
  grid-template-columns:minmax(0,36fr) minmax(0,64fr);
  min-height:clamp(420px,43vw,600px);
  background:#e9ebe5;
}
.mci-site.mci-variant-b .mci-card:first-child .mci-card-media{
  grid-column:2;grid-row:1;aspect-ratio:auto!important;min-height:100%;
}
.mci-site.mci-variant-b .mci-card:first-child .mci-card-meta{
  grid-column:1;grid-row:1;display:flex;
  flex-direction:column-reverse;
  align-items:flex-start;justify-content:space-between;
  gap:22px;padding:clamp(28px,4vw,55px);
}
.mci-site.mci-variant-b .mci-card:first-child .mci-place{font-size:11px!important;margin-bottom:15px!important}
.mci-site.mci-variant-b .mci-card:first-child .mci-card-meta h2{
  font-size:clamp(30px,3.8vw,52px)!important;
  line-height:1.1!important;max-width:450px;
}
.mci-site.mci-variant-b .mci-card:first-child .mci-number{
  font-size:clamp(44px,6vw,88px)!important;line-height:1!important;
  letter-spacing:-.075em;color:#b0b9ae;
}
.mci-site.mci-variant-b .mci-card:first-child .mci-card-open{
  bottom:23px;right:27px;
}
.mci-site.mci-variant-b .mci-end{padding-bottom:60px}

/* C — ATLANTE ILLUSTRATO / SEQUENZA */
.mci-site.mci-variant-c .mci-heading{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;
  padding-top:38px;padding-bottom:32px;column-gap:30px;
}
.mci-site.mci-variant-c .mci-heading-line{border:0;padding-bottom:0}
.mci-site.mci-variant-c .mci-filters{padding-top:0;justify-content:flex-end;gap:15px 28px}
.mci-site.mci-variant-c .mci-grid{
  display:block!important;
  border-top:1px solid #d8ded5;
  padding-bottom:45px;
}
.mci-site.mci-variant-c .mci-card{
  display:block;border-bottom:1px solid #d8ded5;
}
.mci-site.mci-variant-c .mci-card-link{
  display:grid!important;grid-template-columns:minmax(0,39fr) minmax(0,61fr);
  min-height:clamp(278px,30vw,395px);
  gap:0;
  align-items:stretch;
  padding:clamp(18px,2vw,28px) 0;
}
.mci-site.mci-variant-c .mci-card-media{
  grid-column:2;grid-row:1;aspect-ratio:auto!important;
  min-height:clamp(250px,27vw,366px);
}
.mci-site.mci-variant-c .mci-card-meta{
  grid-column:1;grid-row:1;
  padding:clamp(6px,2vw,32px) clamp(22px,5vw,76px) clamp(6px,2vw,30px) 0;
  display:flex;flex-direction:column-reverse;justify-content:space-between;
  align-items:flex-start;gap:20px;
}
.mci-site.mci-variant-c .mci-number{
  font-size:clamp(37px,5.4vw,72px);letter-spacing:-.07em;line-height:1;
  color:#c2c9c0;font-family:Georgia,"Times New Roman",serif;
}
.mci-site.mci-variant-c .mci-place{margin-bottom:14px!important}
.mci-site.mci-variant-c .mci-card-meta h2{
  font-size:clamp(29px,3.3vw,45px)!important;
  line-height:1.13!important;max-width:485px;
}
.mci-site.mci-variant-c .mci-card:nth-child(even) .mci-card-media{
  grid-column:1;
}
.mci-site.mci-variant-c .mci-card:nth-child(even) .mci-card-meta{
  grid-column:2;
  padding-left:clamp(26px,5vw,85px);padding-right:0;
}
.mci-site.mci-variant-c .mci-card-open{bottom:23px;right:25px;}
.mci-site.mci-variant-c .mci-end{border-top:0}

/* Responsive: anche le composizioni elaborate restano leggibili. */
@media(max-width:1020px) and (min-width:768px){
 .mci-site.mci-variant-c .mci-heading{grid-template-columns:1fr;gap:15px}
 .mci-site.mci-variant-c .mci-filters{justify-content:flex-start}
 .mci-site.mci-variant-c .mci-card-meta h2{font-size:29px!important}
}
@media(max-width:767px){
 .mci-site.mci-variant-b .mci-grid,
 .mci-site.mci-variant-c .mci-grid{display:block!important;}
 .mci-site.mci-variant-b .mci-card,
 .mci-site.mci-variant-c .mci-card{display:block;grid-column:auto!important;margin:0 0 34px!important}
 .mci-site.mci-variant-b .mci-card:first-child .mci-card-link,
 .mci-site.mci-variant-c .mci-card-link{
    display:flex!important;flex-direction:column;
    min-height:0!important;background:transparent;
 }
 .mci-site.mci-variant-b .mci-card:first-child .mci-card-media,
 .mci-site.mci-variant-c .mci-card-media,
 .mci-site.mci-variant-b .mci-card .mci-card-media{
    aspect-ratio:1.36!important;min-height:0;grid-column:auto;grid-row:auto;
 }
 .mci-site.mci-variant-b .mci-card:first-child .mci-card-meta,
 .mci-site.mci-variant-c .mci-card-meta,
 .mci-site.mci-variant-c .mci-card:nth-child(even) .mci-card-meta{
   display:flex;flex-direction:row;align-items:start;justify-content:space-between;
   padding:13px 0 0!important;grid-column:auto;grid-row:auto;gap:15px;
 }
 .mci-site.mci-variant-b .mci-card:first-child .mci-card-meta{
   flex-direction:row;
 }
 .mci-site.mci-variant-c .mci-card:nth-child(even) .mci-card-media{grid-column:auto}
 .mci-site.mci-variant-b .mci-card:first-child .mci-card-meta h2,
 .mci-site.mci-variant-c .mci-card-meta h2,
 .mci-site.mci-variant-b .mci-card-meta h2{
   font-size:24px!important;line-height:1.18!important;
 }
 .mci-site.mci-variant-b .mci-card:first-child .mci-number,
 .mci-site.mci-variant-c .mci-number{
   font-size:13px!important;letter-spacing:0;line-height:1.5;color:#a2aca1;
 }
 .mci-site.mci-variant-c .mci-heading{display:block;padding-top:21px;padding-bottom:19px}
 .mci-site.mci-variant-c .mci-filters{justify-content:flex-start;margin-top:15px;padding-top:13px;border-top:1px solid #dce0d8}
 .mci-site.mci-variant-c .mci-card-link{padding:0!important;}
 .mci-site.mci-variant-c .mci-card{border:0;padding:0!important}
}
@media(prefers-reduced-motion:reduce){
 .mci-site.mci-variant-b .mci-card-media img,
 .mci-site.mci-variant-c .mci-card-media img{transition:none!important}
}