/* eu-page-heroes — Ken Burns hero for Articles, About, Contact, FAQ
   Injected via the_content filter. Full-bleed via eu-landing body class. */

.eu-ph-hero {
  position: relative;
  padding: 192px 0 216px;
  min-height: 380px;
  overflow: hidden;
  background: #0a1830;
  width: 100%;
  margin-bottom: 0;
}
@media (max-width: 560px) {
  .eu-ph-hero { padding: 96px 0 108px; min-height: 280px; }
}

.eu-ph-bgs { position: absolute; inset: 0; z-index: 0; }
.eu-ph-bgs .slide {
  position: absolute; inset: 0;
  background-size: cover; background-position: center 25%;
  opacity: 0; transition: opacity 1s ease;
  transform: scale(1.05);
}
.eu-ph-bgs .slide.on {
  opacity: 1;
  animation: eu-ph-ken 7s ease-out forwards;
}
@keyframes eu-ph-ken {
  from { transform: scale(1.05); }
  to   { transform: scale(1.15); }
}

.eu-ph-scrim {
  position: absolute; inset: 0; z-index: 1;
  opacity: .82;
  background: linear-gradient(183deg, #000, #1363df);
}

.eu-ph-inner {
  position: relative; z-index: 2;
  max-width: var(--eu-max, 1200px);
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
}

.eu-ph-eyebrow {
  display: inline-flex; align-items: center; gap: 7px;
  font-size: 13px; font-weight: 700;
  text-transform: uppercase; letter-spacing: .08em;
  color: #1363df; background: #e7effc;
  border-radius: 4px; padding: 4px 13px;
  margin-bottom: 18px;
  font-family: var(--eu-font-body, "Lexend Deca", sans-serif);
}

.eu-ph-h1,
.eu-landing .eu-ph-h1,
.site-design-v3 .eu-ph-h1 {
  font-size: clamp(30px, 5vw, 56px);
  line-height: 1.08; font-weight: 600;
  letter-spacing: -.01em; color: #fff !important;
  margin: 0 0 14px;
  font-family: var(--eu-font-body, "Lexend Deca", sans-serif);
}

.eu-ph-sub {
  font-size: clamp(15px, 2vw, 18px);
  color: #d8e5f8; max-width: 580px;
  line-height: 1.5; margin: 0;
  font-family: var(--eu-font-body, "Lexend Deca", sans-serif);
}

/* Remove gap between hero and content — hero now renders via generate_before_content
   so it's a sibling of .inside-article, not of inner content divs */
.eu-ph-hero + * { margin-top: 0 !important; }
.eu-ph-hero + .wp-block-group:first-child,
.eu-ph-hero + div:first-child { margin-top: 0 !important; }

/* Kill GP's default padding-top on the content area on eu-landing pages */
.eu-landing .inside-article,
.eu-landing .entry-content,
.eu-landing .site-main,
.eu-landing .content-area,
.eu-landing #primary,
.eu-landing .site-content { padding-top: 0 !important; margin-top: 0 !important; }

/* Zero out any first-child margins GP injects inside entry-content */
.eu-landing .entry-content > *:first-child,
.eu-landing .entry-content > p:first-child { margin-top: 0 !important; padding-top: 0 !important; }

/* The articles shortcode root sits directly after the hero — no gap */
.eu-landing #eu-articles-root { margin-top: 0 !important; }

/* Also zero the GP .grid-container which wraps #primary on some GP layouts */
.eu-landing .grid-container { padding-top: 0 !important; }