/* Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V4 */
.line-hero {
  --equipment-canvas: #fefefe;
  --equipment-width: min(1180px, calc(100vw - 44px));
  padding-top: 0;
}
.line-hero-stage {
  background: var(--equipment-canvas) url('assets/four-machines-hero-1920.webp') center bottom 19px / var(--equipment-width) auto no-repeat;
  color: var(--navy);
  padding: clamp(25px, 3.3vw, 48px) 0 calc(var(--equipment-width) * .1875 + 39px);
}
.line-hero-head {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  justify-content: space-between;
  gap: 14px 26px;
}
.line-hero .intro-copy { min-width: 0; }
.line-hero .intro-copy h1 { font-size: clamp(2.05rem, 4.55vw, 4rem); margin: 0 0 .22em; }
.line-hero .intro-copy .kicker { color: var(--accent); opacity: 1; }
.line-hero .intro-copy .lead { margin: 0; color: var(--muted); opacity: 1; }
.line-hero-actions { margin: 0; gap: 8px; }
.line-hero-actions a { white-space: nowrap; }
.line-hero-actions .button:first-child { background: var(--accent); border-color: var(--accent); }
.line-hero-actions .button:first-child:hover { background: var(--navy); border-color: var(--navy); }
.line-hero-actions .button.secondary { background: transparent; color: var(--navy); border-color: var(--navy); }
.line-hero-actions .button.secondary:hover { background: var(--navy); color: var(--white); }
.line-hero .ad-specs { margin-top: 0; border-top: 0; }
.machine-steps h3 {
  margin: 0 0 .58rem;
  padding-left: 2.1rem;
  font-size: 1.12rem;
  line-height: 1.3;
}
.machine-steps li > p { min-height: 2lh; margin-bottom: .7rem; }
@media (max-width: 760px) {
  .line-hero .intro-copy h1 { font-size: clamp(2.05rem, 7vw, 3.2rem); }
}
@media (max-width: 620px) {
  .line-hero-stage {
    background-image: url('assets/four-machines-hero-mobile.webp');
    padding-bottom: calc(var(--equipment-width) * .75 + 32px);
  }
}
@media (max-width: 480px) {
  .line-hero { --equipment-width: calc(100vw - 28px); }
  .machine-steps h3 { font-size: .97rem; }
  .machine-steps li > p { min-height: 3lh; }
}

.line-hero .ad-specs .metric-context {
  display: block;
  margin-top: .15em;
  font: 700 .85rem/1.3 var(--font-body);
}

/* Keep page anchors visible below the shared sticky navigation. */
html { scroll-padding-top: calc(var(--nav-height-mobile) + 1rem); }
@media (min-width: 80rem) {
  html { scroll-padding-top: calc(var(--nav-height) + var(--space-xl) + 1rem); }
}

.site-footer > .footer-note {
  width: min(var(--layout-max), calc(100% - var(--space-lg)));
  margin: 0 auto;
  padding-top: var(--space-md);
  font-size: var(--text-xs);
}
.site-footer > .footer-note a { color: var(--color-light-muted); }
.site-footer > .footer-note a:hover { color: var(--color-paper); }

.site-footer { --color-white: var(--white); }