/* PRINCIPAL, BLUE TONE. Overlay on theme-principal.css: the same design with the
   black "ink" grounds and buttons replaced by a mid blue (not navy, not pale).
   White text on #2A5FA8 is 6.6:1. The gold hero headline is unchanged. */
:root{
  --ink:#2A5FA8;
  --ink-2:#245394;
  --ink-3:#1F4985;
  --paper:#FAFBFD;
  --paper-2:#EEF3F9;
  --paper-3:#E0E8F2;
  --line:#D3DDEA;
  --brass:#2A5FA8;
  --brass-ink:#2A5FA8;
  --brass-lite:#C9D9EE;
  --text-invert-mute:#C3D3E8;
  --text-mute:#51606F;
  --shadow:0 20px 50px -30px rgba(31,73,133,.4);
}
.head-cta:hover,.btn--brass:hover{background:#1F4985}
.link-arrow,.person__more,.tile__more,.case__tag,.person__role,.rating-big,.stars{color:var(--ink)}
.nav a:hover,.nav a[aria-current="page"]{color:var(--ink)}
.pr-hero__bg::after{background:linear-gradient(100deg,rgba(14,38,76,.7) 0%,rgba(14,38,76,.42) 38%,
  rgba(14,38,76,.12) 64%,rgba(14,38,76,0) 100%),
  linear-gradient(0deg,rgba(14,38,76,.45) 0%,rgba(14,38,76,0) 40%)}
@media (max-width:760px){
  .pr-hero__bg::after{background:linear-gradient(180deg,rgba(14,38,76,.3) 0%,
    rgba(14,38,76,.25) 30%,rgba(14,38,76,.8) 100%)}
}

/* blue night tint on the hero photo: a colour-blend layer re-hues the picture,
   then a multiply layer deepens it to dusk. Sits between the image and the
   text-protecting gradient (::after). */
.pr-hero__bg{isolation:isolate}
.pr-hero__bg img{position:relative;z-index:0;filter:saturate(.85) contrast(1.05) brightness(.95)}
.pr-hero__bg::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:#2B63B5;mix-blend-mode:color;opacity:.85}
.pr-hero__bg::after{z-index:2}

/* the header and intro logos are a blue copy of the mark, so drop the invert */
.brand img,.pr-intro__mark{filter:none}