/* Page header — light or deep-blue premium */
.phead { position: relative; overflow: hidden; background: var(--section-bg, linear-gradient(160deg, var(--color-bg) 0%, color-mix(in srgb, var(--color-accent) 16%, var(--color-bg)) 100%)); }
.phead--dark {
  --color-heading: #fff;
  --color-text: color-mix(in srgb, #fff 84%, var(--palette-heading));
  --color-highlight: var(--palette-accent);
  --color-marker: color-mix(in srgb, var(--palette-accent) 35%, transparent);
  background: var(--section-bg, radial-gradient(90% 120% at 90% 10%, color-mix(in srgb, var(--palette-accent) 28%, var(--palette-heading)) 0%, var(--palette-heading) 50%, color-mix(in srgb, var(--palette-heading) 78%, #000) 100%));
  color: var(--color-text);
}
.phead--dark::before {
  content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .35;
  background-image: radial-gradient(rgba(255, 255, 255, .22) 1px, transparent 1.4px);
  background-size: 22px 22px;
  mask-image: linear-gradient(90deg, transparent 0%, #000 60%);
}
.phead--dark .eyebrow { color: var(--palette-accent); }
.phead__inner { position: relative; z-index: 1; display: grid; gap: clamp(1.5rem, 4vw, 3rem); align-items: center; }
.phead--has-img .phead__inner { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); }
.phead--center .phead__text { text-align: center; margin-inline: auto; max-width: 50rem; }
.phead--center.phead--has-img .phead__text { text-align: left; margin: 0; }
.phead__crumbs { margin-bottom: 1rem; font-size: .85rem; font-weight: 600; opacity: .8; }
.phead__crumbs a { text-decoration: none; }
.phead__crumbs a:hover { text-decoration: underline; }
.phead__title { margin-bottom: .4em; }
.phead__sub { max-width: 40rem; font-size: clamp(1rem, 1.4vw, 1.15rem); }
.phead--center:not(.phead--has-img) .phead__sub { margin-inline: auto; }
.phead__chips { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1.4rem 0 0; padding: 0; list-style: none; }
.phead--center:not(.phead--has-img) .phead__chips { justify-content: center; }
.phead__chips li {
  display: inline-flex; align-items: center; gap: .4rem;
  padding: .45rem .9rem; border-radius: 999px; font-size: .85rem; font-weight: 700;
  background: color-mix(in srgb, var(--color-heading) 8%, transparent); border: 1px solid color-mix(in srgb, var(--color-heading) 18%, transparent);
  color: var(--color-heading);
}
.phead__chips .icon { width: .95rem; height: .95rem; color: var(--palette-accent); stroke-width: 2.4; }
.phead--light .phead__chips .icon { color: var(--color-heading); }
.phead__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.75rem; }
.phead--center:not(.phead--has-img) .phead__actions { justify-content: center; }
.phead--dark .phead__btn2 { color: #fff; border-color: rgba(255, 255, 255, .6); }
.phead--dark .phead__btn2:hover { background: #fff; color: var(--palette-heading); border-color: #fff; }
.phead__media { position: relative; display: grid; place-items: center; }
.phead__glow { position: absolute; width: 78%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--palette-accent) 55%, transparent) 0%, transparent 68%); filter: blur(6px); }
.phead__media img { position: relative; width: 100%; height: auto; max-height: 440px; object-fit: contain; filter: drop-shadow(0 30px 34px rgba(0, 0, 0, .3)); }
@media (max-width: 749px) {
  .phead--has-img .phead__inner { grid-template-columns: minmax(0, 1fr); }
  .phead__media { order: -1; max-width: 72%; margin: 0 auto; }
  .phead--center.phead--has-img .phead__text { text-align: center; }
  .phead--center.phead--has-img .phead__chips, .phead--center.phead--has-img .phead__actions { justify-content: center; }
}
