/* ────────────────────────────────────────────────────────────────
   Rate Money co-brand layer
   Loaded ONLY by /work/rate-money/index.html

   Same approach as rm-theme.css (which co-brands the private pitch page
   at /ratemoney/): override the channel tokens declared in site.css so
   the whole page re-themes without touching component CSS. Nothing here
   leaks to any other page.

   Brand reference, sampled from ratemoney.com.au/logan-branch and the
   RM_LAM social guidelines:
     accent  #e32e6e   deep #c72961   charcoal #2c2a29
     font    Lato
   ──────────────────────────────────────────────────────────────── */

:root {
  --gold-rgb:   227,46,110;   /* #e32e6e brand pink  */
  --gold-h-rgb: 238,90,140;   /* hover, lifted       */
  --gold-d-rgb: 199,41,97;    /* #c72961 pressed     */
  --navy-rgb:   44,42,41;     /* #2c2a29 brand charcoal */
  --soft-rgb:   238,110,145;  /* small-text accent — see contrast note below */
}

/* ── Contrast ──
   Brand pink sits at 4.60:1 on the #0a0a0a page background against the
   8.66:1 the Laurent Horizon gold enjoys — fine for headings and borders,
   too low for small uppercase accents. --soft-rgb (#ee6e91) lifts those to
   6.86:1, in line with the ~7:1 target rm-theme.css already uses. */
.sec-label span,
.port-tag,
.info-label,
.ct-lbl,
.ft-col h4,
.ps-num,
.breadcrumbs [aria-current],
.stat-label,
.work-client,
.work-link,
.case-stat .stat-label {
  color: rgb(var(--soft-rgb));
}
.port-tag { border-color: rgba(var(--soft-rgb), 0.32); }

/* ── Typography ──
   Rate Money runs Lato across their whole site. It carries a 900 weight, so
   the display hierarchy survives — but Lato is a normal-width face where
   Barlow Condensed is condensed, so the large sizes still need easing back. */
body,
.prose p,
.page-lead,
.check-list li,
.work-desc {
  font-family: 'Lato', 'Inter', sans-serif;
}

/* Site chrome — nav, buttons, footer — deliberately stays in the Laurent
   Horizon face. This is our header, not the client's. */
.heading,
.page-h1,
.prose h2,
.prose h3,
.proof-h,
.side-card h3,
.work-title,
.cta-h,
.case-stat .stat-num {
  font-family: 'Lato', 'Barlow Condensed', sans-serif;
  font-weight: 900;
  letter-spacing: -0.01em;
}

.page-h1   { font-size: clamp(2rem, 5vw, 4.4rem); line-height: 1.02; }
.prose h2  { font-size: clamp(1.5rem, 2.7vw, 2.1rem); line-height: 1.15; }
.prose h3  { font-size: 1.05rem; letter-spacing: 0.01em; }
.proof-h   { font-size: clamp(1.6rem, 3.6vw, 2.8rem) !important; line-height: 1.1; }
.cta-h     { font-size: clamp(2rem, 5vw, 4rem); line-height: 1.02; }

/* Buttons: black on brand pink is 4.60:1 — passing but tight. Their own site
   uses white on pink, which reads better and clears AA at 4.56:1. */
.btn-g { color: #fff; }

/* The CTA banner paints the accent full-bleed and assumes dark text on a
   light gold. On pink that inverts — everything in there goes white. */
#cta .sec-label span { color: rgba(255,255,255,0.72) !important; }
.cta-h   { color: #fff; }
.cta-sub { color: rgba(255,255,255,0.85); }
.btn-odk { color: #fff; border-color: rgba(255,255,255,0.5); }
.btn-odk:hover { background: rgba(255,255,255,0.12); }

@media (max-width: 600px) {
  .page-h1 { font-size: 1.75rem; }
  .cta-h   { font-size: 1.7rem; }
}