/* Nallikari Oy 15.11.2026: etusivun esittelykortit samalle tasolle (vain .sect-boxes). */
.sect-boxes .box-col > .box-normal img {
  width: 100%;
  height: auto;
  aspect-ratio: 192 / 110;
  object-fit: cover;
}
.sect-boxes .box-normal:has([data-contact-slot]) .box-mask {
  align-items: center;
}
@media (min-width: 768px) {
  .sect-boxes .row {
    align-items: stretch;
  }
  .sect-boxes .row > .box-col {
    display: grid;
    grid-template-rows: subgrid;
  }
  .sect-boxes .row > .box-col > .box-normal {
    grid-row: 1 / -1;
    display: grid;
    grid-template-rows: subgrid;
    margin-bottom: 0;
  }
  .sect-boxes .row > .box-col > .box-normal > .box-header {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .sect-boxes .row {
    grid-template-columns: 1fr 1fr;
  }
  .sect-boxes .row > .box-float-container {
    grid-column: 1 / -1;
    grid-row: 1;
  }
  .sect-boxes .row > .box-col {
    grid-row: 2 / span 3;
  }
}
@media (min-width: 992px) {
  .sect-boxes .row > .box-float-container {
    grid-row: 1 / span 3;
  }
  .sect-boxes .row > .box-col {
    grid-row: 1 / span 3;
  }
}