/* Hero — video background with a designed fallback. Tokens only. */
.ivy-hero {
  position: relative;
  display: grid;
  place-items: var(--ivy-hero-align);
  min-height: var(--ivy-hero-min-height);
  overflow: hidden;
  background: var(--ivy-hero-fallback-bg);
  color: var(--ivy-hero-fg);
  isolation: isolate;
}
.ivy-hero__media {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  z-index: -2;
}
.ivy-hero::after {
  content: ""; position: absolute; inset: 0;
  background: var(--ivy-hero-overlay);
  z-index: -1;
}
.ivy-hero__inner {
  padding-block: var(--ivy-space-2xl);
  text-align: var(--ivy-hero-align);
  max-width: var(--ivy-width-content);
}
.ivy-hero h1, .ivy-hero p { color: var(--ivy-hero-fg); }
.ivy-hero h1 { margin-bottom: var(--ivy-space-sm); }
.ivy-hero__lede { font-size: var(--ivy-text-lg); line-height: var(--ivy-leading-snug); margin-inline: auto; }
.ivy-hero .ivy-eyebrow { color: var(--ivy-hero-fg); opacity: 0.9; }

/* Respect reduced motion: hold the poster frame instead of playing. */
@media (prefers-reduced-motion: reduce) {
  .ivy-hero__media { display: none; }
  .ivy-hero { background-size: cover; background-position: center; }
}