/* Mobile ≤767px */
:root {
  --pad-x: 20px;
  --header-h: 72px;
  --space-xl: 72px;
}

.hero-title { font-size: clamp(36px, 9vw, 48px); line-height: 1.08; }
.display-xl { font-size: clamp(36px, 9vw, 48px); line-height: 1.08; }
.display-lg { font-size: clamp(30px, 7vw, 40px); line-height: 1.1; }

.page-hero { min-height: 60vh; }
.page-hero-split { min-height: auto; }
.page-hero-split .page-hero-content {
  padding: calc(var(--header-h) + 36px) var(--pad-x) 40px;
}
.page-hero-split .page-hero-media {
  min-height: 48vh;
  position: relative;
}
.page-hero-split .page-hero-media img {
  width: 100%; height: 48vh; object-fit: cover; display: block;
}

.svc-visual { display: none; }
.svc-row { min-height: 88px; }
.svc-row .title { font-size: 22px; }

.project-masonry { grid-template-columns: 1fr; }
.project-tile.span-8,
.project-tile.span-4,
.project-tile.span-6,
.project-tile.span-5,
.project-tile.span-7 { grid-column: auto; }

.timeline-h { flex-direction: column; }

.machine-block .spec-mega { grid-template-columns: 1fr 1fr; }

.refs-grid-premium { grid-template-columns: 1fr 1fr; }
.ref-cell { min-height: 120px; }

.detail-hero-media img {
  width: 100%;
  aspect-ratio: 16/10;
  object-fit: cover;
}

.spec-band > div {
  padding: 1.5rem var(--pad-x);
  border-bottom: 1px solid var(--border-dark);
}

.eng-cols { display: grid; gap: 1.5rem; }

.hero-cta .btn { width: 100%; justify-content: center; }

.machine-slider {
  margin-left: calc(var(--pad-x) * -1);
  margin-right: calc(var(--pad-x) * -1);
  padding-left: var(--pad-x);
  padding-right: var(--pad-x);
}
.machine-slide { flex: 0 0 82%; }

.filter-bar { gap: 0.4rem; }
.filter-bar a { padding: 0.5rem 0.7rem; font-size: 10px; }