/* Doug's supplied Webpage_Header.png, adopted sitewide September 2026.
   The desktop artwork is unchanged; mobile reflows its existing words. */
.ct-site-masthead {
  display: block; box-sizing: border-box; width: 100%; margin: 0; padding: 0;
  background: #07224C; border: 0; position: static; color-scheme: dark;
}
.ct-site-masthead .ct-masthead-link {
  display: block; box-sizing: border-box; max-width: 1200px; margin: 0 auto;
  padding: 0; color: #FBF4E4; text-decoration: none; border: 0;
}
.ct-site-masthead .ct-masthead-link:focus-visible {
  outline: 3px solid #EFC77A; outline-offset: -5px;
}
.ct-site-masthead .ct-masthead-art {
  display: block; width: 100%; max-width: none; height: auto; margin: 0;
  aspect-ratio: 1798 / 459; border: 0; border-radius: 0;
}
.ct-site-masthead .ct-masthead-mobile { display: none; }
.ct-branded nav.top { justify-content: flex-end; padding-top: 12px; padding-bottom: 12px; }
.ct-branded .header-inner { justify-content: center; }
.ct-branded .site-header { position: static; }
.ct-branded .whisper-head { display: flex; justify-content: center; }
/* Standalone figure previews previously centred one flex child horizontally. */
body.ct-branded:has(> .page) { display: block; padding: 0 0 80px; }
body.ct-branded > .page { width: calc(100% - 32px); margin: 40px auto 0; }
@media (max-width: 700px) {
  .ct-site-masthead .ct-masthead-art { display: none; }
  .ct-site-masthead .ct-masthead-mobile {
    display: flex; flex-direction: column; align-items: center;
    padding: 10px 20px 22px; text-align: center; gap: 6px;
  }
  .ct-site-masthead .ct-masthead-emblem {
    display: block; width: 174px; height: 135px;
    background: url('/assets/images/webpage-header.png') left center / 530px auto no-repeat;
    mask-image: linear-gradient(to right, transparent, #000 10px, #000 calc(100% - 10px), transparent), linear-gradient(to bottom, transparent, #000 10px, #000 calc(100% - 10px), transparent);
    mask-composite: intersect;
  }
  .ct-site-masthead .ct-masthead-name {
    font: 700 clamp(25px, 6.6vw, 36px)/1.15 Lato, Arial, sans-serif;
    color: #FBF4E4; letter-spacing: .01em;
  }
  .ct-site-masthead .ct-masthead-motto {
    max-width: 32ch; font: italic 18px/1.4 Georgia, serif;
    color: #EFC77A; text-wrap: balance;
  }
  .ct-branded nav.top { justify-content: center; }
  .ct-branded nav.top .menu { justify-content: center; gap: 14px; font-size: 14px; }
}
@media print {
  .ct-site-masthead { display: none !important; }
}