/*
 * DISPLAY TYPOGRAPHY HARD RULE
 * Large condensed titles must always retain visible air between lines and letters.
 * Do not reduce these values on individual pages.
 */
h1.font-display,
h2.font-display,
h3.font-display,
.hero-title,
.hero-layer.font-display,
.inquiry-title,
.inquiry-success h3,
.tg-headline {
  line-height: 1.02 !important;
  letter-spacing: .015em !important;
}

/* Case-study display system */
.title,
.section h2,
.proof h2,
.system-node h3,
.journey-step h3,
.award-copy h3,
.takeaway h2,
.activation-value,
.award-mark {
  line-height: 1.02 !important;
  letter-spacing: .015em !important;
}

/*
 * APPROVED CELSIUS LOCKUP
 * This is the single source of truth for every existing Celsius placement.
 * The query string intentionally breaks caches left behind by the retired art.
 */
img[src*="sponsor-celsius-logo.webp"],
img[src*="/celsius.png"] {
  content: url('../logos/sponsors/us/celsius-white.svg?v=20260810-1') !important;
  object-fit: contain !important;
}

/* Arnold at the Arch: hero lockup and founding-partner card. */
body:has(#partners) img[src*="sponsor-celsius-logo.webp"] {
  background: #000 !important;
  box-sizing: border-box !important;
}
body:has(#partners) header img[src*="sponsor-celsius-logo.webp"] {
  width: auto !important;
  height: 44px !important;
  padding: 8px 12px !important;
}
body:has(#partners) #partners .bg-white:has(img[src*="sponsor-celsius-logo.webp"]) {
  background: #000 !important;
}
body:has(#partners) #partners img[src*="sponsor-celsius-logo.webp"] {
  max-height: 64px !important;
  width: auto !important;
  padding: 8px 12px !important;
}

/* US sponsor grids and objective-story cards. */
.sponsor-tile:has(img[src*="/celsius.png"]),
.case-study-brand-logo[data-brand="CELSIUS"] {
  background: #000 !important;
}

/* Celsius case study: approved white lockup on black in both logo positions. */
body:has(.partner-logo[src*="/celsius.png"]) .partner-logo-wrap {
  width: min(430px,78%) !important;
  min-height: 104px !important;
  background: #000 url('../logos/sponsors/us/celsius-white.svg?v=20260810-1') left center / auto 72px no-repeat !important;
  padding: 14px 18px !important;
}
body:has(.partner-logo[src*="/celsius.png"]) .partner-logo {
  opacity: 0 !important;
}
body:has(.partner-logo[src*="/celsius.png"]) .brand-lockup {
  background: #000 url('../logos/sponsors/us/celsius-white.svg?v=20260810-1') center / auto 46px no-repeat !important;
}
body:has(.partner-logo[src*="/celsius.png"]) .brand-lockup img {
  opacity: 0 !important;
}