/* Homepage Brera: 4 video verticali affiancati, CTA centrale in rilievo. */
.home .home-products-cta.brera-four-videos {
  background: #f7f5ef;
  border-top: 1px solid #e2ded5;
  border-bottom: 1px solid #e2ded5;
  padding: clamp(26px, 3.4vw, 55px) clamp(10px, 3.4vw, 55px);
  overflow: hidden;
}
.home .brera-four-videos-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(5px, .85vw, 14px);
  max-width: 1530px;
  margin: 0 auto;
  isolation: isolate;
}
.home .brera-four-videos-tile {
  overflow: hidden;
  min-width: 0;
  height: clamp(370px, 41vw, 650px);
  background: #d5d4cf;
  line-height: 0;
}
.home .brera-four-videos-tile video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.home .brera-four-videos-button {
  position: absolute;
  z-index: 3;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  min-height: 76px;
  padding: 20px 29px;
  border: 6px solid #f7f5ef;
  border-radius: 999px;
  color: #fff;
  background: #263d34;
  box-shadow: 0 17px 38px rgba(10, 28, 23, .36), 0 5px 12px rgba(10, 28, 23, .24);
  font: 700 12px/1.2 Arial, Helvetica, sans-serif;
  letter-spacing: .11em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  transition: background .2s ease, box-shadow .2s ease, transform .2s ease;
}
.home .brera-four-videos-button span {
  font-size: 23px;
  font-weight: 400;
  line-height: 1;
}
.home .brera-four-videos-button:hover,
.home .brera-four-videos-button:focus-visible {
  color: #fff;
  background: #a87761;
  box-shadow: 0 19px 40px rgba(10, 28, 23, .39);
  transform: translate(-50%, calc(-50% - 3px));
}
.home .brera-four-videos-button:focus-visible { outline: 3px solid #263d34; outline-offset: 3px; }
@media (max-width: 800px) {
  .home .home-products-cta.brera-four-videos { padding: 26px 13px; }
  .home .brera-four-videos-tile { height: clamp(340px, 68vw, 520px); }
  .home .brera-four-videos-button { padding: 17px 22px; min-height: 64px; font-size: 11px; border-width: 5px; }
}
@media (max-width: 540px) {
  .home .home-products-cta.brera-four-videos { padding: 20px 8px; }
  .home .brera-four-videos-grid { gap: 5px; }
  .home .brera-four-videos-tile { height: 300px; }
  .home .brera-four-videos-button {
    min-height: 57px;
    padding: 14px 14px 14px 18px;
    gap: 11px;
    border-width: 4px;
    font-size: 10px;
    letter-spacing: .07em;
    box-shadow: 0 9px 28px rgba(10, 28, 23, .41);
  }
  .home .brera-four-videos-button span { font-size: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .home .brera-four-videos-button { transition: none; }
}

/* MOBILE ONLY: due video verticali (primo a sinistra, quarto a destra).
   Il desktop mantiene esattamente quattro video. */
@media screen and (max-width: 767px) {
  .home .brera-four-videos-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }
  .home .brera-four-videos-tile-2,
  .home .brera-four-videos-tile-3 {
    display: none !important;
  }
  .home .brera-four-videos-tile-1,
  .home .brera-four-videos-tile-4 {
    display: block;
    aspect-ratio: 512 / 910;
    height: auto;
  }
  .home .brera-four-videos-button {
    z-index: 4;
  }
}