/* 17 Sep 2026 layout pass — homepage below the fold only (Tate + Carter walkthrough, Fireflies 01M2RD5V2F9Y9V7XF66B6VKYX0).
   styles.css, editorial.css, sequence.js, typography.js, scene.js, film-manifest.js and editorial.js are hero-protected and
   are not modified; this file is loaded after wording.css and overrides the proof tiles, the role statement, the economics
   heading and the closing call-to-action so they match the inner pages. */

/* Proof tiles (00:40–01:34): four equal columns, every figure the same size, labels centred under the numbers on one row. */
.proof-figures { grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px 24px; text-align:center; }
.proof-figures>div { align-items:center; }
.proof-figures dd,.proof-figures [data-proof=sourced] dd { font-size:clamp(56px,5.3vw,90px); margin-bottom:16px; }
.proof-figures dt { text-wrap:balance; }

/* Role statement (01:38–02:12; Carter 17 Sep evening): heading on exactly two lines — "Strategic sourcing & procurement" /
   "for mission-critical infrastructure." — in a wider column, middle-aligned with the paragraph. */
.role-statement { grid-template-columns:1.05fr 1fr; gap:6%; align-items:center; }
.role-statement h2 { max-width:none; font-size:clamp(24px,2.05vw,34px); white-space:nowrap; }

/* Economics heading (02:13–02:27): one centred line. */
.economic-argument>h2 { text-align:center; white-space:nowrap; font-size:clamp(30px,3.5vw,54px); margin-bottom:56px; }

/* Closing call-to-action (02:29–02:47): the same block as Services, then a footer band like the inner pages. */
.contact-section { padding:84px var(--page-gutter) 0; background:#073d29; text-align:center; border-top:1px solid #afcfbb26; }
.contact-section h2 { font-size:clamp(34px,3.35vw,50px); line-height:1.18; letter-spacing:-.02em; max-width:850px; margin:auto; }
.contact-section h2 em { color:#b5d8c3; }
.contact-closing { display:block; margin:32px 0 0; }
.contact-link { display:inline-flex; align-items:center; justify-content:space-between; gap:35px; min-height:58px; padding:15px 23px; border:1px solid #aad1ba; background:#aad1ba; color:#123d29; font-size:20px; line-height:1.3; text-decoration:none; }
.contact-link:hover { background:#c7e2d1; border-color:#c7e2d1; }
.contact-link span { color:inherit; }
.page-colophon { display:flex; justify-content:space-between; align-items:center; gap:26px; margin:90px calc(-1 * var(--page-gutter)) 0; padding:35px var(--page-gutter); background:#061711; border-top:0; text-align:left; } /* #061711 = inner.css --night; styles.css does not define that token */
.page-colophon p { font-size:18px; line-height:1.45; color:#f6faf6; }
.footer-navigation { gap:10px 28px; font-size:17px; }

/* editorial.css hides the heading's line break between 681 and 1100px; keep the two lines, and stack the block on tablets
   where two nowrap lines and the paragraph no longer share a row. */
@media(min-width:681px) and (max-width:1100px) { .role-statement h2 br { display:inline; } }
@media(min-width:681px) and (max-width:900px) { .role-statement { display:block; } .role-statement p { margin-top:16px; max-width:none; } }
@media(max-width:680px) {
  .role-statement h2 { white-space:normal; }
  .proof-figures { grid-template-columns:repeat(2,minmax(0,1fr)); gap:34px 16px; }
  .proof-figures dd,.proof-figures [data-proof=sourced] dd { font-size:clamp(44px,12.5vw,66px); margin-bottom:12px; }
  .economic-argument>h2 { white-space:normal; max-width:none; text-align:center; font-size:clamp(32px,8.6vw,48px); margin-bottom:30px; text-wrap:balance; }
  .contact-section { padding:46px var(--page-gutter) 0; }
  .contact-section h2 { font-size:32px; line-height:1.2; letter-spacing:-.02em; }
  .contact-section h2 br { display:none; }
  .contact-section h2 span,.contact-section h2 em { white-space:normal; }
  .contact-closing { margin:27px 0 0; }
  .contact-link { font-size:19px; gap:20px; padding:14px 19px; margin-top:0; }
  .page-colophon { display:flex; flex-direction:column; align-items:flex-start; gap:15px; margin-top:51px; padding:27px var(--page-gutter); }
  .page-colophon p { margin:0; font-size:18px; }
  .footer-navigation { margin:0; gap:9px 23px; }
  .footer-navigation a { min-height:42px; display:flex; align-items:center; }
}
@media(max-width:360px) {
  .proof-figures dd,.proof-figures [data-proof=sourced] dd { font-size:clamp(40px,12vw,60px); }
}