/* R68: breathing room and customer-focused copy, only for the industrial page. */
.hero.gmx-hero--industrial {
  --industrial-gutter: max(clamp(24px, 4.5vw, 72px), calc((100% - 1440px) / 2));
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  align-items: center;
  gap: clamp(32px, 4vw, 64px);
  padding: 46px var(--industrial-gutter) 48px;
  min-height: 0;
}
.hero.gmx-hero--industrial .hero-copy { padding: 0; width: auto; max-width: 590px; }
.hero.gmx-hero--industrial .hero-copy::after { display: none; }
.hero.gmx-hero--industrial .eyebrow { margin-bottom: 18px !important; font-size: 11px !important; letter-spacing: .11em !important; }
.hero.gmx-hero--industrial h1 { max-width: 580px; font-size: clamp(40px, 3.8vw, 60px); line-height: 1.06; letter-spacing: -.045em; text-wrap: balance; }
.hero.gmx-hero--industrial h1 em { font-style: normal; }
.hero.gmx-hero--industrial .hero-lead { max-width: 520px; margin: 20px 0 24px; color: #d1cec5; font-size: 16px; line-height: 1.6; text-wrap: pretty; }
.hero.gmx-hero--industrial .hero-actions { gap: 12px; }
.hero.gmx-hero--industrial .hero-actions .button { width: auto; min-height: 46px; padding: 12px 17px; line-height: 1.3; }
.hero.gmx-hero--industrial .trust-row { margin-top: 28px; padding-top: 18px; gap: 16px; }
.hero.gmx-hero--industrial .trust-row strong { font-size: 12px; }
.hero.gmx-hero--industrial .trust-row span { color: #aaa79e; font-size: 11px; }

/* Keep photos together inside the content margins; controls get their own row. */
.hero.gmx-hero--industrial .hero-gallery {
  display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) 48px;
  height: clamp(370px, 29vw, 440px); min-height: 0;
  width: 100%; background: transparent; overflow: visible; gap: 0;
}
.hero.gmx-hero--industrial .hero-collage-grid {
  position: relative; inset: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 10px; background: transparent; min-height: 0;
}
.hero.gmx-hero--industrial .hero-collage-item { border: 1px solid #ffffff20; }
.hero.gmx-hero--industrial .hero-collage-label { bottom: 14px; left: 14px; right: 14px; padding: 0; gap: 5px; }
.hero.gmx-hero--industrial .hero-collage-label small { font-size: 9px; }
.hero.gmx-hero--industrial .hero-collage-label strong { font-size: clamp(13px, 1.15vw, 17px); line-height: 1.2; }
.hero.gmx-hero--industrial .hero-collage-label i { display: none; }
.hero.gmx-hero--industrial .hero-gallery-footer { margin: 0; align-self: center; padding-right: 104px; color: #b6b3a9; font-size: 11px; line-height: 1.35; }
.hero.gmx-hero--industrial .hero-collage-arrow { top: auto; bottom: 0; transform: none; width: 42px; height: 42px; background: transparent; border-color: #ffffff38; }
.hero.gmx-hero--industrial .hero-collage-arrow-prev { left: auto; right: 52px; }
.hero.gmx-hero--industrial .hero-collage-arrow-next { right: 0; }
.hero.gmx-hero--industrial .hero-collage-arrow:hover { background: #ff5a19; border-color: #ff5a19; }
.hero.gmx-hero--industrial :is(button,a):focus-visible { outline: 2px solid #ff7a44; outline-offset: 4px; }

/* Bring the solutions into view without the previous oversized empty gap. */
.hero.gmx-hero--industrial ~ #catalogo {
  padding: 60px max(clamp(24px, 4.5vw, 72px), calc((100% - 1440px) / 2)) 72px;
}
.hero.gmx-hero--industrial ~ #catalogo .section-heading { grid-template-columns: 1fr .8fr; gap: 40px; margin-bottom: 30px; }
.hero.gmx-hero--industrial ~ #catalogo .section-heading .eyebrow { margin-bottom: 16px; font-size: 11px; }
.hero.gmx-hero--industrial ~ #catalogo .section-heading h2 { font-size: clamp(32px, 3.5vw, 48px); line-height: 1.08; max-width: 600px; }
.hero.gmx-hero--industrial ~ #catalogo .section-heading > p { max-width: 430px; margin: 0; font-size: 15px; line-height: 1.6; }

@media (max-width: 980px) {
  .hero.gmx-hero--industrial { grid-template-columns: minmax(0, 1fr); gap: 30px; padding-block: 36px; }
  .hero.gmx-hero--industrial .hero-copy { max-width: 680px; }
  .hero.gmx-hero--industrial h1 { max-width: 640px; font-size: clamp(38px, 6vw, 54px); }
  .hero.gmx-hero--industrial .hero-lead { max-width: 580px; }
  .hero.gmx-hero--industrial .hero-gallery { height: 410px; max-width: 720px; justify-self: center; }
  .hero.gmx-hero--industrial ~ #catalogo .section-heading { grid-template-columns: minmax(0, 1fr); gap: 14px; }
}
@media (max-width: 600px) {
  .hero.gmx-hero--industrial { padding: 30px 24px 26px; gap: 24px; }
  .hero.gmx-hero--industrial h1 { font-size: clamp(33px, 8.8vw, 43px); line-height: 1.08; }
  .hero.gmx-hero--industrial .eyebrow { font-size: 10px !important; margin-bottom: 16px !important; }
  .hero.gmx-hero--industrial .hero-lead { margin: 16px 0 20px; font-size: 14px; line-height: 1.6; }
  .hero.gmx-hero--industrial .hero-actions { gap: 10px; }
  .hero.gmx-hero--industrial .hero-actions .button { padding: 12px; font-size: 12px; gap: 12px; }
  .hero.gmx-hero--industrial .trust-row { margin-top: 20px; padding-top: 14px; gap: 10px; }
  .hero.gmx-hero--industrial .trust-row strong { font-size: 11px; margin: 0; }
  .hero.gmx-hero--industrial .trust-row span { display: none; }
  .hero.gmx-hero--industrial .hero-gallery { height: 320px; min-height: 0; }
  .hero.gmx-hero--industrial .hero-collage-grid { gap: 8px; }
  .hero.gmx-hero--industrial .hero-collage-label { bottom: 10px; left: 10px; right: 10px; }
  .hero.gmx-hero--industrial .hero-collage-label small { display: none; }
  .hero.gmx-hero--industrial .hero-collage-label strong { font-size: 12px; line-height: 1.2; }
  .hero.gmx-hero--industrial ~ #catalogo { padding: 38px 24px 48px; }
  .hero.gmx-hero--industrial ~ #catalogo .section-heading { margin-bottom: 24px; }
  .hero.gmx-hero--industrial ~ #catalogo .section-heading h2 { font-size: 34px; }
  .hero.gmx-hero--industrial ~ #catalogo .section-heading > p { font-size: 14px; }
}
@media (max-width: 360px) {
  .hero.gmx-hero--industrial { padding-inline: 20px; }
  .hero.gmx-hero--industrial .hero-actions .button { padding-inline: 10px; gap: 8px; }
  .hero.gmx-hero--industrial ~ #catalogo { padding-inline: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .hero.gmx-hero--industrial .hero-collage-grid { animation: none; }
  .hero.gmx-hero--industrial .hero-collage-item img { transition: none; }
}