/* 17 Sep 2026 wording pass — copy-fit rules only.
   The closing lockup now carries a sentence ("Turn your next project online, on
   time with Empirix Partners.") in place of the single word ONLINE, so it takes the
   opening slogan's scale and column. styles.css, editorial.css, sequence.js and
   typography.js are hero-protected and are not modified; this file is loaded after
   them and overrides only the lockup and its supporting link position. */
.final-lockup--statement { top:22vh; width:66%; max-width:1200px; }
.final-lockup--statement h2 { font-size:clamp(64px,5.45vw,108px); line-height:1.015; letter-spacing:-.055em; text-wrap:balance; }
.final-lockup--statement h2 em { font-weight:400; color:var(--teal); white-space:nowrap; }
.final-support { top:64vh; }
@media(max-width:1100px) and (min-width:681px) {
  .final-lockup--statement { width:70%; }
  .final-lockup--statement h2 { font-size:6.05vw; }
}
@media(min-width:681px) and (max-height:760px) {
  .final-lockup--statement { top:22vh; }
  .final-lockup--statement h2 { font-size:min(5.1vw,78px); }
  .final-support { top:64vh; }
}
@media(max-width:680px) {
  .final-lockup--statement { top:118px; left:var(--page-gutter); right:var(--page-gutter); width:auto; max-width:none; }
  .final-lockup--statement h2 { font-size:clamp(36px,10.8vw,62px); line-height:1.03; }
  .final-support { top:350px; }
  /* editorial.css keeps the contact heading's first line on one row; the new
     "Your next mission-critical project." is too long for a phone, so let it wrap. */
  .contact-section h2 span { white-space:normal; }
}
@media(max-height:520px) {
  /* Landscape phones: the longer descriptions need tighter type to clear the rail. */
  .hero-intro { top:calc(var(--header-height) + 8px); }
  .hero-intro h1 { font-size:clamp(24px,5.5vh,30px); }
  .intro-description, .phase-description { margin-top:8px; font-size:14px; line-height:1.3; max-width:60ch; }
  .intro-action { margin-top:2px; min-height:30px; font-size:14px; }
  .phase-panel h2 { font-size:clamp(28px,7vh,36px); }
  .final-lockup--statement { top:calc(var(--header-height) + 12px); width:80%; max-width:none; }
  .final-lockup--statement > p { margin-bottom:8px; }
  .final-lockup--statement h2 { font-size:clamp(22px,5.5vh,30px); }
  .final-support { top:calc(var(--header-height) + 130px); }
  .final-support .primary-action { min-height:30px; font-size:15px; }
}
@media(max-width:360px) {
  /* "3.2+ GW" and "$7B+" are wider than the figures they replaced; keep the
     proof tiles inside the gutter on 320px phones. */
  .proof-figures dd, .proof-figures [data-proof=sourced] dd { font-size:clamp(42px,12.5vw,64px); }
}

/* Tate (Teams, 17 Sep 5:25 pm): hero slogan on two lines — "Turn your supply chain" / "into a profit center."
   styles.css sets a three-line box (46% wide, clamp(64px,5.45vw,108px)); widen the column and step the type down
   so each line stays whole and clears the film's buildings. Phones keep their natural wrap. */
@media(min-width:681px) {
  .hero-intro { width:58%; max-width:1000px; }
  .hero-intro h1 { font-size:clamp(52px,4.2vw,84px); }
  .hero-intro h1 span { white-space:nowrap; }
}
@media(max-width:680px) { .hero-intro h1 br { display:none; } }
@media(min-width:681px) and (max-height:520px) {
  /* Landscape phones: the two-line rule above must not undo the tight landscape type set earlier in this file. */
  .hero-intro { width:80%; max-width:none; }
  .hero-intro h1 { font-size:clamp(24px,5.5vh,30px); }
}