/* Developers directory only. Content is visible before and without JavaScript.
   Entrances animate opacity, never the geometry of Ultimate Member cards. */

body.page-id-1347 .arx-main > article > h1 {
  position: relative;
}
body.page-id-1347 .arx-main > article > h1::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -10px;
  width: 108px;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, #d7bd7d 25%, #d7bd7d 75%, transparent);
  opacity: .7;
  transform: translateX(-50%);
  transform-origin: center;
}

/* Underlines belong to their links; no light passes across the background. */
body.page-id-1347 .arx-header .arx-nav a,
body.page-id-1347 .arx-footer-actions li a,
body.page-id-1347 .arx-discovery-modes > a {
  background-image: linear-gradient(90deg, #aa8744, #e4cc91);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 0 1px;
  transition: color .25s ease, background-size .35s ease;
}
body.page-id-1347 .arx-header .arx-nav a:is(:hover, :focus-visible),
body.page-id-1347 .arx-footer-actions li a:is(:hover, :focus-visible),
body.page-id-1347 .arx-discovery-modes > a:is(:hover, :focus-visible, [aria-current='page']) {
  color: #ead295;
  background-size: 100% 1px;
  text-decoration: none;
}

body.page-id-1347 .arx-main .arx-check-filter > summary,
body.page-id-1347 .arx-main .arx-discipline-chips a,
body.page-id-1347 .arx-main .um-member-directory-search-line,
body.page-id-1347 .arx-main .arx-member-actions .arx-button,
body.page-id-1347 .arx-footer .arx-discord-invite {
  transition: border-color .25s ease, background-color .25s ease, color .25s ease;
}
body.page-id-1347 .arx-main .arx-check-filter > summary:is(:hover, :focus-visible),
body.page-id-1347 .arx-main .arx-discipline-chips a:is(:hover, :focus-visible),
body.page-id-1347 .arx-main .um-member-directory-search-line:focus-within,
body.page-id-1347 .arx-main .arx-member-actions .arx-button:is(:hover, :focus-visible),
body.page-id-1347 .arx-footer .arx-discord-invite:is(:hover, :focus-visible) {
  border-color: #d7bd7d !important;
}
/* Keep the existing no-transform/no-transition card rule intact. */
body.arx-ui-refresh.page-id-1347 .arx-main .um-directory .um-member:is(:hover, :focus-within) {
  border-color: #a88b50 !important;
}

@media (prefers-reduced-motion: no-preference) {
  body.page-id-1347.arx-dev-motion-ready .arx-dev-motion-item.arx-dev-motion-enter {
    animation: arx-dev-arrive .8s var(--arx-dev-motion-delay, 0ms) ease-out both;
  }
  body.page-id-1347.arx-dev-motion-ready .arx-main > article > h1.arx-dev-motion-enter::after {
    animation: arx-dev-rule .95s var(--arx-dev-motion-delay, 0ms) ease-out both;
  }
  body.page-id-1347.arx-dev-motion-ready .arx-dev-motion-item.arx-dev-motion-settled,
  body.page-id-1347.arx-dev-motion-ready .arx-dev-motion-item:focus-within {
    animation: none !important;
    opacity: 1 !important;
  }
}

@keyframes arx-dev-arrive {
  from { opacity: .38; }
  to { opacity: 1; }
}
@keyframes arx-dev-rule {
  from { opacity: .25; transform: translateX(-50%) scaleX(.35); }
  to { opacity: .7; transform: translateX(-50%) scaleX(1); }
}

@media (prefers-reduced-motion: reduce) {
  body.page-id-1347 .arx-dev-motion-item,
  body.page-id-1347 .arx-dev-motion-item::after {
    animation: none !important;
    opacity: 1 !important;
  }
  body.page-id-1347 .arx-header .arx-nav a,
  body.page-id-1347 .arx-footer-actions li a,
  body.page-id-1347 .arx-discovery-modes > a,
  body.page-id-1347 .arx-main .arx-check-filter > summary,
  body.page-id-1347 .arx-main .arx-discipline-chips a,
  body.page-id-1347 .arx-main .um-member-directory-search-line,
  body.page-id-1347 .arx-main .arx-member-actions .arx-button,
  body.page-id-1347 .arx-footer .arx-discord-invite {
    transition: none !important;
  }
}