/* ITI identity: a fixed brand column, aligned project grid, and compact footer. */
:root {
  --brand-lockup-width: 64.8px;
  --brand-lockup-height: calc(var(--brand-lockup-width) * 504 / 306);
  --brand-lockup-top: 28px;
  --lockup-bottom-gap: 32px;
}
.site-header {
  height: 252px;
  align-items: flex-start;
  padding-top: var(--brand-lockup-top);
  padding-bottom: 28px;
}
.site-header:not(.home-header) { height: calc(var(--brand-lockup-top) + var(--brand-lockup-height) + var(--lockup-bottom-gap) + 1px); }
.site-header .brand { width: var(--brand-lockup-width); padding: 0; }
.site-header .desktop-nav { margin-top: 28px; }
.site-header .menu-toggle { margin-top: 16px; }
.site-header.home-header { height: 104px; border-bottom: 0; }
.home-header .brand { position: absolute; top: var(--brand-lockup-top); left: var(--pad); }
.home-header .desktop-nav { margin-left: auto; }
.page-intro h1 { font-size: clamp(38.4px, 5.04vw, 78.4px); }
.government-hero h1 { font-size: clamp(46.4px, 6vw, 92px); }
.home-feature {
  display: grid;
  grid-template-columns: minmax(250px, .95fr) minmax(0, 2.55fr);
  gap: clamp(28px, 3.5vw, 64px);
  padding: 0 var(--pad) 48px;
}
.feature-identity { padding-top: 170px; }
.feature-identity .brand-phrase { color: var(--text-accent); font-size: 10px; letter-spacing: .12em; }
.feature-identity h1 {
  font-size: clamp(32px, 3.1vw, 46px);
  line-height: 1.17;
  letter-spacing: -.045em;
  font-weight: 500;
  margin: 20px 0;
}
.feature-identity > p { font-size: 13px; color: var(--text-muted); max-width: 260px; line-height: 1.8; }
.feature-identity > .text-link { margin-top: 28px; font-size: 11px; gap: 30px; }
.feature-recognition {
  display: flex;
  flex-direction: column;
  gap: 7px;
  border-left: 2px solid var(--text-accent);
  padding-left: 15px;
  margin-top: 52px;
  width: fit-content;
}
.feature-recognition .eyebrow { font-size: 12px; color: var(--text-accent); }
.feature-recognition > span:last-child { font-size: 11px; color: var(--text-muted); }
.feature-project { min-width: 0; }
.feature-project .editorial-photo { aspect-ratio: 1.62; }
.feature-project .editorial-photo img { object-position: 48% center; }
.feature-project .project-open { display: none; }
.feature-project .editorial-caption { padding: 20px 0 24px; align-items: end; }
.feature-project .editorial-title { font-size: clamp(27px, 2.5vw, 38px); }
.feature-project-link { display: flex; align-items: center; gap: 18px; font-size: 11px; white-space: nowrap; padding-bottom: 5px; }
.feature-project-link > span { color: var(--text-accent); font-size: 23px; }

.editorial-work { border-top: 1px solid var(--rule); padding-top: 38px; }
.section-heading { justify-content: flex-start; align-items: baseline; gap: 42px; margin-bottom: 35px; }
.section-heading h2 { font-size: clamp(30px, 3vw, 44px); }
.section-heading > .eyebrow { min-width: 205px; }
.wide-project { width: 100%; }
.wide-project .editorial-photo { aspect-ratio: 2; }
.editorial-caption { padding-top: 22px; }
.editorial-photo .project-open { width: 42px; height: 42px; font-size: 23px; }
.brookings-composition { grid-template-columns: 2.1fr 1fr; align-items: start; gap: 30px; margin: 50px 0; }
.detail-project { margin-top: 0; }
.detail-project img { aspect-ratio: 1 / 1.4; }
.editorial-pair { gap: 30px; }
.editorial-pair .editorial-project:last-child { padding-top: 0; }
.editorial-pair .editorial-photo { aspect-ratio: 1.5; }
.credential-line { flex-wrap: wrap; }

footer { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 48px 7vw; padding-top: 55px; }
.footer-brand { grid-column: 1; grid-row: 1; width: var(--brand-lockup-width); display: block; align-self: start; }
.footer-brand img { display: block; width: 100%; height: auto; }
.footer-top { grid-column: 2; grid-row: 1; gap: 28px; }
.footer-bottom { grid-column: 1 / -1; margin-top: 0; }
.government-page .identity-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.contract-card .contract-name { margin: 0 0 14px; }
.contract-card .contract-number {
  font: 300 16px Supply;
  letter-spacing: .02em;
  color: var(--text-muted);
  margin-bottom: 22px;
}
.procurement-contracts .contract-name {
  font-size: clamp(24px, 2.2vw, 32px);
  line-height: 1.2;
}
.procurement-contracts .contract-number {
  font: 300 14px Supply;
  letter-spacing: .02em;
  color: var(--text-muted);
}
.government-hero .hero-contract-number { font-size: 18px; }

@media (max-width: 600px) {
  .government-page .identity-grid { grid-template-columns: 1fr 1fr; }
  .government-hero h1 { font-size: clamp(38.4px, 10.4vw, 57.6px); }
}

@media (max-width: 1100px) and (min-width: 1001px) {
  .desktop-nav { gap: 17px; font-size: 11px; }
  .desktop-nav .nav-support { padding-left: 15px; font-size: 9px; }
}
@media (max-width: 1000px) {
  :root { --brand-lockup-top: 24px; --lockup-bottom-gap: 24px; }
  .site-header { padding: 24px; height: 248px; }
  .site-header:not(.home-header) { height: calc(var(--brand-lockup-top) + var(--brand-lockup-height) + var(--lockup-bottom-gap) + 1px); }
  .site-header.home-header { height: 104px; }
  .home-header .brand { left: 24px; }
  .site-header .menu-toggle { margin-top: 10px; }
  .site-header.menu-open, .government-page .site-header.menu-open { position: relative; }
  #mobile-nav:not([hidden]) { top: 92px; left: 194px; right: 24px; padding: 22px; border: 1px solid var(--rule); max-height: calc(100svh - 116px); }
  #mobile-nav a { font-size: 21px; }
  .home-feature { grid-template-columns: minmax(230px, .9fr) minmax(0, 1.6fr); gap: 28px; }
  .feature-project .editorial-photo { aspect-ratio: .84; }
  .feature-project .editorial-caption { display: block; }
  .feature-project-link { margin-top: 16px; }
  .feature-identity h1 { font-size: 36px; }
  footer { gap: 35px 55px; }
}
@media (max-width: 700px) {
  .site-header, .site-header.home-header { height: 246px; padding: 24px; }
  .page-intro h1 { font-size: clamp(33.6px, 8.64vw, 51.2px); }
  .home-header .brand { position: static; }
  .home-feature { display: flex; flex-direction: column; gap: 30px; padding: 0 24px 35px; }
  .feature-identity { padding-top: 8px; }
  .feature-identity .brand-phrase { font-size: 9px; }
  .feature-identity h1 { font-size: clamp(30px, 8.8vw, 42px); line-height: 1.15; margin: 15px 0; max-width: 430px; }
  .feature-identity h1 br { display: none; }
  .feature-identity > p { max-width: 320px; font-size: 12px; }
  .feature-identity > .text-link { margin-top: 19px; font-size: 10px; }
  .feature-recognition { display: none; }
  .feature-recognition .eyebrow { font-size: 10px; }
  .feature-recognition > span:last-child { font-size: 10px; }
  .feature-project .editorial-photo { aspect-ratio: 1.13; }
  .feature-project .editorial-caption { padding: 18px 0 0; border-bottom: 0; }
  .feature-project .editorial-title { font-size: 29px; }
  .feature-project .editorial-subtitle { font-size: 11px; }
  .feature-project-link { font-size: 10px; }
  .feature-project .editorial-caption .eyebrow { font-size: 8px; }
  #mobile-nav:not([hidden]) { left: 174px; right: 16px; top: 84px; padding: 20px 16px; }
  #mobile-nav a { font-size: clamp(15px, 4.1vw, 21px); }
  .editorial-work { padding: 30px 24px 40px; }
  .section-heading { margin: 0 0 26px; }
  .section-heading h2 { font-size: 30px; margin-top: 12px; }
  .section-heading > .eyebrow { font-size: 9px; }
  .wide-project .editorial-photo { aspect-ratio: 1.2; }
  .brookings-composition { display: block; margin: 35px 0; }
  .editorial-pair .editorial-photo { aspect-ratio: 1.2; }
  .editorial-caption { padding-left: 0; padding-right: 0; }
  .work-more { margin-left: 0; }
  footer { grid-template-columns: 1fr; gap: 40px; padding: 40px 24px 24px; }
  .footer-brand { grid-column: 1; grid-row: 1; }
  .footer-top { grid-column: 1; grid-row: 2; gap: 30px 20px; }
  .footer-bottom { grid-column: 1; grid-row: 3; }
}