/* Interior page header — the /resources/ treatment, promoted to a standard.
   Jan, 2026-08-03: "Love the header background! This is a good standard buddy!"

   Why an EVEN veil here and not the anchored calc(50% +/- half-column) band the
   homepage hero uses: interior headers set their copy CENTRED, so there is no
   fixed column edge to anchor to and a directional band would leave one side
   bright. Pick the treatment by copy alignment, not by page.

   Previously this lived as a duplicated inline <style> in two pages. Inline
   blocks in the head load AFTER the linked stylesheets, so at equal specificity
   they win — which is how an earlier hero fix silently did nothing. Keeping it
   in one linked file removes that trap and the drift between copies. */

.ca-p3-hero{position:relative;overflow:hidden}
.ca-p3-hero > *:not(.ca-page-art){position:relative;z-index:1}

.ca-page-art{position:absolute;inset:0;z-index:0;pointer-events:none}
.ca-page-art img{
  width:100%;height:100%;
  object-fit:cover;
  /* 42% keeps the subject's weight below the headline rather than behind it */
  object-position:center 42%;
  display:block;
}
.ca-page-art::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,
    rgba(10,11,15,.94) 0%,
    rgba(10,11,15,.87) 55%,
    rgba(10,11,15,.96) 100%);
}

/* The section below must not butt against the header with a hard seam. */
.ca-p3-hero::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:96px;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(10,11,15,0) 0%, rgba(10,11,15,.55) 100%);
}

@media (prefers-reduced-motion: no-preference){
  .ca-page-art img{will-change:auto}
}