/**
 * FAEL — editorial inner-page heroes
 */

body.theme-fael .fael-page-hero {
  position: relative;
  display: grid;
  align-items: end;
  min-height: clamp(16rem, 42vh, 28rem);
  margin-bottom: 0;
  overflow: hidden;
  background: #ffffff;
  border-bottom: 1px solid var(--line);
}

body.theme-fael .fael-page-hero--compact {
  min-height: auto;
  padding: clamp(2.5rem, 6vw, 4rem) 0 clamp(2rem, 4vw, 3rem);
  background:
    linear-gradient(135deg, var(--fael-red-soft) 0%, transparent 55%),
    #ffffff;
}

body.theme-fael .fael-page-hero__media {
  position: absolute;
  inset: 0;
  z-index: 0;
}

body.theme-fael .fael-page-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 40%;
  transform: scale(1.02);
  animation: faelPageHeroZoom 16s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
}

@keyframes faelPageHeroZoom {
  to {
    transform: scale(1.08);
  }
}

body.theme-fael .fael-page-hero__shade {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    100deg,
    rgba(255, 255, 255, 0.98) 0%,
    rgba(255, 255, 255, 0.94) 44%,
    rgba(255, 255, 255, 0.5) 58%,
    rgba(10, 10, 10, 0.1) 100%
  );
}

body.theme-fael .fael-page-hero__accent {
  position: absolute;
  top: clamp(1.25rem, 3vw, 2rem);
  left: clamp(1rem, 3vw, 2rem);
  z-index: 2;
  pointer-events: none;
}

body.theme-fael .fael-page-hero__stripe {
  display: block;
}

body.theme-fael .fael-page-hero__stripe--black {
  width: 2px;
  height: 2.5rem;
  background: var(--fael-black);
}

body.theme-fael .fael-page-hero__stripe--red {
  width: 2.5rem;
  height: 2px;
  margin-top: 0.5rem;
  background: var(--fael-red);
}

body.theme-fael .fael-page-hero__content {
  position: relative;
  z-index: 3;
  padding: clamp(2.5rem, 6vw, 4rem) clamp(1rem, 3vw, 2rem);
  max-width: 44rem;
}

body.theme-fael .fael-page-hero__eyebrow {
  margin: 0 0 0.85rem;
  padding-left: 0.75rem;
  font-family: var(--font-display);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--fael-red);
}

body.theme-fael .fael-page-hero__title {
  margin: 0 0 0.85rem;
  font-family: var(--font-display);
  font-size: clamp(2rem, 5vw, 3.25rem);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.03em;
  color: var(--fael-black);
  max-width: 18ch;
}

body.theme-fael .fael-page-hero__lead {
  margin: 0;
  max-width: 36rem;
  font-size: clamp(1rem, 1.35vw, 1.12rem);
  line-height: 1.6;
  color: var(--muted);
}

body.theme-fael .fael-page-hero [data-fael-reveal] {
  opacity: 0;
  transform: translate3d(0, 1.1rem, 0);
  filter: blur(4px);
  animation: faelPageReveal 0.85s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

body.theme-fael .fael-page-hero [data-fael-reveal]:nth-child(1) {
  animation-delay: 0.05s;
}

body.theme-fael .fael-page-hero [data-fael-reveal]:nth-child(2) {
  animation-delay: 0.14s;
}

body.theme-fael .fael-page-hero [data-fael-reveal]:nth-child(3) {
  animation-delay: 0.24s;
}

@keyframes faelPageReveal {
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    filter: blur(0);
  }
}

/* Cookie banner accents */
body.theme-fael .cookie-banner {
  border-top: 2px solid var(--fael-red);
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

body.theme-fael .cookie-banner__title {
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 0.82rem;
}

body.theme-fael .cookie-banner .btn {
  border-radius: 0;
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 0.78rem;
}

@media (prefers-reduced-motion: reduce) {
  body.theme-fael .fael-page-hero__media img,
  body.theme-fael .fael-page-hero [data-fael-reveal] {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    filter: none !important;
    opacity: 1 !important;
  }
}