/* EPSIRA homepage-specific styling.
   Global design tokens and component styling live in style.css.
   Keep this file for page-level overrides and future inner pages. */

.homepage-note {
  display: none;
}

/* Subtle Ethiopian-inspired geometry without using literal flag graphics. */
.hero:after {
  content: "";
  position: absolute;
  right: 7%;
  bottom: 9%;
  width: 95px;
  height: 95px;
  border: 1px solid rgba(201, 162, 39, 0.18);
  transform: rotate(45deg);
  box-shadow:
    0 0 0 14px rgba(201, 162, 39, 0.025),
    0 0 0 28px rgba(255, 255, 255, 0.018);
  pointer-events: none;
}

/* Give card surfaces a tactile, premium feel. */
.publication-card,
.partner-placeholder,
.event-item,
.benefit-grid > div {
  backdrop-filter: blur(5px);
}

/* Reduced-motion accessibility. */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  .reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .btn,
  .publication-card {
    transition: none;
  }
  .hero-card,
  .journal-cover {
    transform: none;
  }
}