/* Shared opening sections for the main homepage and the SGAEIA research page. */
.site-header {
  color: #000;
  background: #fff;
}
.site-header :is(.identity, .identity strong, .identity span, .site-nav a) {
  color: #000;
}
.site-header .identity {
  min-width: 0;
  max-width: 100%;
  white-space: normal;
}
.site-header .identity span { overflow-wrap: anywhere; }
.hero-grid > *,
.section-grid > * { min-width: 0; }
.hero,
.section-grid { overflow-wrap: anywhere; }
.hero,
.brand-banner {
  color: #fff;
  background: #315f7f;
}
.hero :is(h1, .eyebrow, .hero-lead, .hero-meta, .hero-meta span, .hero-aside, .hero-aside strong, .hero-aside p, .motto, a),
.brand-banner :is(.brand-banner-name, .brand-banner-sub, .brand-banner-motto, .brand-banner-art) {
  color: #fff;
}
.hero .hero-aside {
  background: #244b68;
  border-color: rgb(255 255 255 / .48);
  border-left-color: #fff;
  box-shadow: 0 3px 12px rgb(0 0 0 / .12);
}
.hero .button-link {
  color: #fff;
  background: transparent;
  border-color: #fff;
  transition: background-color .18s ease, box-shadow .18s ease;
}
.hero .button-link.primary { background: #244b68; }
.hero .button-link:is(:hover, :focus-visible) {
  color: #fff;
  background: #173b54;
  box-shadow: inset 0 -2px 0 #fff;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.hero a:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}
.brand-banner {
  border-bottom-color: rgb(255 255 255 / .34);
}
.brand-banner .sgaeia-mark-large {
  background: #fff;
  border-radius: 8px;
}
@media (prefers-reduced-motion: reduce) {
  .hero .button-link { transition: none; }
}