/* IFD — Il progetto prende forma / allineamento v4, 31 ottobre 2026.
   Loaded through the existing schizzo-originale-v3.css link.
   Equal media frames, original image proportions and existing compare control. */
#sviluppo-produzione .reference-grid {
  align-items:start;
  grid-template-rows:auto auto auto auto auto;
  row-gap:0;
}
#sviluppo-produzione .reference-card {
  display:flex;
  flex-direction:column;
  min-width:0;
}
#sviluppo-produzione .reference-card .reference-image,
#sviluppo-produzione .reference-card .reference-image.ifd-sketch-original,
#sviluppo-produzione .reference-card .reference-image.ifd-compare {
  display:block!important;
  position:relative!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:16 / 9!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  background:#eee9e0!important;
  order:0;
}
#sviluppo-produzione .reference-card .reference-image>img,
#sviluppo-produzione .reference-card .reference-image.ifd-sketch-original>img,
#sviluppo-produzione .reference-card .reference-image.ifd-compare>img {
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  scale:none!important;
}
#sviluppo-produzione .reference-card>.eyebrow {order:1;grid-row:2;}
#sviluppo-produzione .reference-card>h3 {order:2;grid-row:3;}
#sviluppo-produzione .reference-card>p:not(.eyebrow):not(.ifd-compare-hint) {order:3;grid-row:4;}
#sviluppo-produzione .reference-card>.ifd-compare-hint {
  order:4;
  grid-row:5;
  margin:10px 0 0;
  font-size:12px;
  line-height:1.5;
}
@supports (grid-template-rows:subgrid) {
  @media (min-width:761px) {
    #sviluppo-produzione .reference-card {
      display:grid;
      grid-row:span 5;
      grid-template-rows:subgrid;
      row-gap:0;
    }
    #sviluppo-produzione .reference-card>.reference-image {grid-row:1;}
  }
}
@media (max-width:760px) {
  #sviluppo-produzione .reference-grid {
    grid-template-rows:none;
    row-gap:35px;
  }
}