/* Hero presentation only. Catalogue layout, data and interactions stay in catalogue.css/js. */
.bmc-hero { padding: 46px 0 56px; }
.bmc-hero .hero-grid {
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  gap: 28px;
}
.bmc-hero-copy { min-width: 0; }
.bmc-logo-stage {
  display: grid;
  place-items: center;
  width: 156px;
  padding: 8px 13px;
  margin-bottom: 22px;
  border-radius: 10px;
  background: #fff;
}
.bmc-official-logo { display: block; width: 130px; height: auto; }
.bmc-hero .eyebrow { display: block; }
.bmc-hero h1 {
  margin: 12px 0 20px;
  line-height: 1.04;
}
.bmc-hero .lede { max-width: 610px; font-size: 17px; line-height: 1.6; }
.bmc-hero .chips { gap: 7px; margin-top: 23px; }
.bmc-hero .chips span { padding: 8px 9px; font-size: 10px; }
.bmc-product-lineup { min-width: 0; margin: 0; align-self: center; }
.bmc-lineup-stage { position: relative; isolation: isolate; aspect-ratio: 1.4; }
.bmc-lineup-stage::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 10% 0 2%;
  background: radial-gradient(ellipse, rgba(215, 25, 32, .2), transparent 68%);
}
.bmc-filter {
  position: absolute;
  display: block;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 18px 16px rgba(0, 0, 0, .4));
}
.bmc-filter-square { z-index: 1; width: 70%; top: -25px; left: -12%; }
.bmc-filter-panel { z-index: 2; width: 78%; top: 2px; right: -9%; }
.bmc-filter-front { z-index: 3; width: 108%; top: 23%; left: -4%; }
.bmc-product-lineup figcaption { position: relative; text-align: center; }
.bmc-product-lineup figcaption strong { display: block; font-size: 13px; letter-spacing: .12em; }
.bmc-product-lineup figcaption span { display: block; margin-top: 7px; color: #c0c2c7; font-size: 13px; }

@media (max-width: 1000px) {
  .bmc-hero .hero-grid { gap: 20px; }
  .bmc-hero .lede { font-size: 16px; }
}
@media (max-width: 850px) {
  .bmc-hero .hero-grid { grid-template-columns: 1fr; gap: 22px; }
  .bmc-hero .lede { max-width: 650px; }
  .bmc-product-lineup { width: min(100%, 590px); justify-self: center; }
}
@media (max-width: 620px) {
  .bmc-hero { padding: 30px 0 46px; }
  .bmc-hero .hero-grid { gap: 14px; }
  .bmc-logo-stage { width: 137px; padding: 7px 11px; margin-bottom: 20px; }
  .bmc-official-logo { width: 115px; }
  .bmc-hero h1 { line-height: 1.08; }
  .bmc-hero .lede { font-size: 16px; line-height: 1.6; }
  .bmc-hero .chips { gap: 6px; margin-top: 20px; }
  .bmc-hero .chips span { padding: 7px 8px; font-size: 9px; }
  .bmc-lineup-stage { aspect-ratio: 1.25; }
  .bmc-filter-square { display: none; }
  .bmc-filter-panel { width: 87%; top: -12px; right: -1%; }
  .bmc-filter-front { width: 108%; top: 30%; left: -8%; }
  .bmc-product-lineup figcaption strong { font-size: 11px; }
  .bmc-product-lineup figcaption span { font-size: 12px; }
}
