/* Homepage: sezione catalogo editoriale, senza secondo video */
.home .home-products-cta.brera-collection-feature {
  display: block;
  position: relative;
  isolation: auto;
  background: #f3f0e9;
  border-top: 1px solid #ddd8cd;
  border-bottom: 1px solid #d9d3c8;
  min-height: 0;
  padding: 0;
  overflow: hidden;
}
.home .home-products-cta.brera-collection-feature::before,
.home .home-products-cta.brera-collection-feature::after { display: none; }
.home .brera-collection-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .94fr);
  gap: clamp(30px, 5.2vw, 90px);
  align-items: center;
  min-height: 488px;
  padding-top: 54px;
  padding-bottom: 54px;
}
.home .brera-collection-copy { position: relative; z-index: 1; max-width: 620px; }
.home .brera-collection-eyebrow {
  display: flex; align-items: center; gap: 13px;
  margin: 0 0 21px;
  color: #ae7759;
  font: 700 11px/1.5 Arial, Helvetica, sans-serif;
  letter-spacing: .20em;
}
.home .brera-collection-eyebrow span { display: block; width: 28px; height: 1px; background: currentColor; }
.home .brera-collection-copy h2 {
  margin: 0 0 24px;
  font: 400 clamp(51px, 5.5vw, 82px)/1.06 Georgia, 'Times New Roman', serif;
  letter-spacing: -.061em;
  color: #263d34;
}
.home .brera-collection-copy h2 em { color: #b2795f; font-weight: 400; }
.home .brera-collection-lead {
  max-width: 465px;
  margin: 0 0 30px;
  color: #5e6b63;
  font-size: 15px;
  line-height: 1.8;
}
.home .brera-collection-button {
  display: inline-flex; align-items: center; justify-content: space-between;
  gap: 30px; min-height: 59px; padding: 17px 25px;
  background: #253d34; color: #fff; border: 1px solid #253d34;
  border-radius: 100px;
  box-shadow: none;
  font-size: 11px; letter-spacing: .12em;
}
.home .brera-collection-button span { font-size: 21px; line-height: 1; font-weight: 400; }
.home .brera-collection-button:hover,
.home .brera-collection-button:focus-visible { background: #ab775d; border-color: #ab775d; color: #fff; }
.home .brera-collection-art {
  position: relative; display: flex; align-items: center; justify-content: center;
  height: 373px; min-width: 0;
  background: #e8e4da; border: 1px solid #ded8cc;
  overflow: hidden;
}
.home .brera-collection-art img {
  display: block; width: 110%; max-width: none; height: 107%;
  object-fit: contain; object-position: center;
  filter: drop-shadow(4px 12px 16px rgba(39, 49, 40, .09));
}
.home .brera-collection-art-caption {
  position: absolute; right: 22px; bottom: 16px;
  font: 700 9px/1.5 Arial, Helvetica, sans-serif;
  letter-spacing: .16em; color: #64736a;
}
@media (max-width: 960px) {
  .home .brera-collection-inner { gap: 29px; min-height: 435px; }
  .home .brera-collection-art { height: 315px; }
  .home .brera-collection-copy h2 { font-size: clamp(45px, 6vw, 65px); }
}
@media (max-width: 700px) {
  .home .brera-collection-inner {
    display: flex; flex-direction: column; align-items: stretch;
    gap: 35px; padding-top: 63px; padding-bottom: 64px; min-height: 0;
  }
  .home .brera-collection-eyebrow { margin-bottom: 17px; font-size: 10px; }
  .home .brera-collection-copy h2 { font-size: clamp(48px, 10vw, 65px); margin-bottom: 19px; }
  .home .brera-collection-lead { font-size: 14px; margin-bottom: 25px; }
  .home .brera-collection-button { min-height: 58px; font-size: 10px; }
  .home .brera-collection-art { width: 100%; height: auto; aspect-ratio: 1.3; }
  .home .brera-collection-art img { width: 112%; height: 110%; }
  .home .brera-collection-art-caption { right: 13px; bottom: 12px; font-size: 8px; }
}
