/* Compact, illustrated introduction. The directory remains the main event. */
@media(min-width:1200px){html body.page-id-1347 .arx-main{padding-left:44px!important;padding-right:44px!important}}
body.page-id-1347 .arx-dev-intro{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr);align-items:center;gap:24px;padding:28px 0 24px;margin:0 0 18px;border-bottom:1px solid #b3985d40;position:relative}
body.page-id-1347 .arx-dev-intro-copy{min-width:0}
body.page-id-1347 .arx-dev-intro .arx-eyebrow{margin:0 0 16px;color:#c9ae70;font-size:10px;letter-spacing:.18em;line-height:1.6;text-transform:uppercase}
body.page-id-1347 .arx-dev-intro h1{font-size:clamp(34px,3.6vw,48px);font-weight:400;line-height:1.15;letter-spacing:-.02em;margin:0 0 19px;text-align:left;text-wrap:balance;color:#eee8dc}
body.page-id-1347 .arx-dev-intro h1 em{display:block;font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#dbc38e}
body.page-id-1347 .arx-dev-intro .arx-lead{font-size:16px;line-height:1.75;max-width:510px;margin:0;text-align:left;color:#c3c0b7}
body.page-id-1347 .arx-dev-illustration{display:block;width:100%;max-width:360px;height:auto;aspect-ratio:360/220;justify-self:end;pointer-events:none;overflow:visible}
body.page-id-1347 .arx-dev-art-line{stroke-dasharray:100;stroke-dashoffset:0}
body.page-id-1347 .arx-dev-art-part{opacity:1;transform:none}
body.page-id-1347 .arx-dev-intro+.arx-context-guide{margin:0 0 20px;padding:10px 16px;background:#11110e;border-color:#b3985d35;font-size:13px}
body.page-id-1347 .arx-dev-intro+.arx-context-guide button{min-height:36px}
@media(prefers-reduced-motion:no-preference){
 body.page-id-1347 .arx-dev-intro.arx-dev-motion-enter .arx-dev-art-line{animation:arx-dev-art-draw 1.65s .12s ease-out backwards}
 body.page-id-1347 .arx-dev-intro.arx-dev-motion-enter .arx-dev-art-part{animation:arx-dev-art-assemble 1.05s .12s ease-out backwards}
 body.page-id-1347 .arx-dev-intro.arx-dev-motion-enter .arx-dev-art-part-2{animation-delay:.25s}
 body.page-id-1347 .arx-dev-intro.arx-dev-motion-enter .arx-dev-art-part-3{animation-delay:.4s}
 body.page-id-1347 .arx-dev-intro.arx-dev-motion-enter .arx-dev-art-part-2 .arx-dev-art-line{animation-delay:.25s}
 body.page-id-1347 .arx-dev-intro.arx-dev-motion-enter .arx-dev-art-part-3 .arx-dev-art-line{animation-delay:.4s}
 body.page-id-1347 .arx-dev-intro.arx-dev-motion-enter .arx-dev-intro-copy>*{animation:arx-dev-copy-in .8s .08s ease-out backwards}
 body.page-id-1347 .arx-dev-intro.arx-dev-motion-enter .arx-dev-intro-copy>h1{animation-delay:.16s}
 body.page-id-1347 .arx-dev-intro.arx-dev-motion-enter .arx-dev-intro-copy>.arx-lead{animation-delay:.26s}
}
@keyframes arx-dev-art-draw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes arx-dev-art-assemble{from{opacity:.25;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes arx-dev-copy-in{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:850px){
 body.page-id-1347 .arx-dev-intro{grid-template-columns:minmax(0,1.5fr) minmax(180px,1fr);gap:15px;padding-top:18px}
 body.page-id-1347 .arx-dev-intro h1{font-size:36px}
}
@media(max-width:600px){
 body.page-id-1347 .arx-dev-intro{display:block;text-align:center;padding:18px 0 24px}
 body.page-id-1347 .arx-dev-intro h1,body.page-id-1347 .arx-dev-intro .arx-lead{text-align:center}
 body.page-id-1347 .arx-dev-intro h1{font-size:34px}
 body.page-id-1347 .arx-dev-intro .arx-lead{font-size:15px;margin-inline:auto}
 body.page-id-1347 .arx-dev-illustration{display:none}
 body.page-id-1347 .arx-dev-intro .arx-eyebrow{font-size:9px;margin-bottom:12px}
}
@media(prefers-reduced-motion:reduce){body.page-id-1347 .arx-dev-intro *,body.page-id-1347 .arx-dev-illustration *{animation:none!important;transition:none!important;opacity:1;transform:none;stroke-dashoffset:0}}
@media print{body.page-id-1347 .arx-dev-intro *{animation:none!important;opacity:1;transform:none;stroke-dashoffset:0}}

/* Developers V2: directory controls and cards only. Loaded after existing motion.
   Native filtering, pagination, media and Ultimate Member grid geometry stay intact. */

/* A clear two-way choice; both links remain ordinary navigable URLs. */
body.page-id-1347 .arx-main .arx-discovery-modes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: min(100%, 430px);
  box-sizing: border-box;
  gap: 6px;
  margin: 24px auto 28px;
  padding: 6px;
  border: 1px solid #8b73433f;
  border-radius: 10px;
  background: #0e0e0e;
}
body.arx-ui-refresh.page-id-1347 .arx-main .arx-discovery-modes > a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  min-height: 50px;
  padding: 11px 20px !important;
  border-color: transparent !important;
  background: transparent !important;
  border-radius: 6px !important;
  color: #bcb6a6 !important;
  text-align: center;
  box-shadow: none !important;
}
body.arx-ui-refresh.page-id-1347 .arx-main .arx-discovery-modes > a[aria-current='page'] {
  background: #242116 !important;
  border-color: #9d845047 !important;
  color: #f0ddac !important;
  box-shadow: inset 0 -2px 0 #cfb274 !important;
}
body.arx-ui-refresh.page-id-1347 .arx-main .arx-discovery-modes > a:hover {
  background: #1b1a13 !important;
  color: #ecdbb5 !important;
}
body.page-id-1347 .arx-main .arx-discovery-modes > a small {
  font: 400 11px/1.5 Arial, sans-serif;
  color: #b8b09c;
}

/* Search and quick discipline choices form a compact, readable control group. */
body.page-id-1347 .arx-main .um-directory .um-member-directory-search-line {
  border-color: #8d754d !important;
  background: #101010 !important;
  border-radius: 12px !important;
  padding: 5px 6px 5px 14px !important;
  max-width: 730px;
}
body.page-id-1347 .arx-main .um-directory .um-member-directory-search-line label {
  min-width: 0;
}
body.arx-ui-refresh.page-id-1347 .arx-main .um-directory .um-search-line {
  min-width: 0;
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
}
body.arx-ui-refresh.page-id-1347 .arx-main .um-directory .um-do-search {
  border-radius: 7px !important;
  border-color: #baa06b !important;
  background: #d2bb82 !important;
  color: #19170f !important;
}
body.arx-ui-refresh.page-id-1347 .arx-main .um-directory .um-do-search:hover {
  background: #e5d09c !important;
  color: #19170f !important;
}
body.page-id-1347 .arx-main .arx-discipline-chips {
  gap: 8px;
  margin: 14px 0 22px;
}
body.arx-ui-refresh.page-id-1347 .arx-main .arx-discipline-chips a {
  gap: 7px;
  min-height: 42px;
  padding: 8px 12px !important;
  border-color: #7868447a !important;
  background: #111111 !important;
  color: #c8c0ad !important;
  font-size: 12px !important;
}
body.arx-ui-refresh.page-id-1347 .arx-main .arx-discipline-chips a[aria-current='true'] {
  border-color: #c6a96c !important;
  background: #282317 !important;
  color: #f0daaa !important;
}
body.page-id-1347 .arx-main .arx-discipline-chips svg {
  flex: 0 0 17px;
}

/* Filter options remain in normal flow, with the existing mobile toggle intact. */
body.page-id-1347 .arx-main .arx-directory-sidebar {
  position: relative;
  border-color: #a38a5145;
  border-radius: 10px;
  background: #101010;
  padding: 20px 18px;
}
body.page-id-1347 .arx-main .arx-directory-sidebar > h2 {
  margin: 0 0 22px;
  padding: 0 0 16px;
  border-bottom: 1px solid #a58a5140;
  color: #e5d4a8;
  font: 400 20px/1.25 Georgia, 'Times New Roman', serif;
}
body.page-id-1347 .arx-main .arx-directory-sidebar .arx-filter-label {
  color: #c6bda6;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: .015em;
}
body.page-id-1347 .arx-main .arx-directory-sidebar .arx-check-filter > summary {
  background: #141414;
  border-color: #726343;
  color: #d8ccaf;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
body.page-id-1347 .arx-main .arx-directory-sidebar .arx-check-filter[open] > summary {
  border-color: #c2a365;
  background: #232014;
  color: #f0ddb1;
}
body.page-id-1347 .arx-main .arx-directory-sidebar .arx-check-options {
  background: #111111;
  border-color: #8e764947;
  box-shadow: none;
  scrollbar-color: #6f5f3c #111111;
}
body.page-id-1347 .arx-main .arx-directory-sidebar .arx-check-options label:has(input:checked) {
  background: #292518;
}
body.page-id-1347 .arx-main .arx-directory-sidebar .arx-check-options label:focus-within {
  outline: 1px solid #d8bd7f;
  outline-offset: -1px;
}
body.page-id-1347 .arx-main .arx-directory-sidebar .arx-reset-filters {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin-top: 16px;
  color: #cdb57d;
  font-size: 12px;
  text-underline-offset: 4px;
}
body.page-id-1347 .arx-main .um-directory .um-members-intro {
  border-color: #8c784443 !important;
  background: #131313 !important;
  border-radius: 8px !important;
}
body.page-id-1347 .arx-main .um-directory .um-members-total {
  color: #e6d4a5;
  font-size: 18px;
}
body.page-id-1347 .arx-main .um-directory .arx-directory-page-summary {
  color: #b6b09f;
  line-height: 1.65;
}
body.page-id-1347 .arx-main .um-member-directory-sorting-a {
  border-color: #8b774c;
  border-radius: 7px;
  background: #111111;
}
body.page-id-1347 .arx-main .um-members-none {
  padding: 36px 24px;
  border: 1px solid #8d754345;
  border-radius: 10px;
  background: #111111;
  color: #c9c1ac;
  text-align: center;
}

/* Each card owns its decoration. No overlay or line reaches a neighbouring card. */
body.page-id-1347 .arx-main .um-directory .um-members-grid > .um-member,
body.page-id-1347 .arx-main .arx-work-grid > .arx-work-card {
  position: relative;
  background: #111111;
  border-color: #9a81494d !important;
  border-radius: 10px !important;
  scale: 1;
  transform-origin: center;
}
body.page-id-1347 .arx-main .um-directory .um-members-grid > .um-member::before,
body.page-id-1347 .arx-main .um-directory .um-members-grid > .um-member::after,
body.page-id-1347 .arx-main .arx-work-grid > .arx-work-card::before,
body.page-id-1347 .arx-main .arx-work-grid > .arx-work-card::after {
  content: '';
  position: absolute;
  width: 28px;
  height: 28px;
  z-index: 2;
  pointer-events: none;
  border: 0 solid #d3b77b;
  border-radius: 0;
  background: none;
  opacity: .58;
  box-sizing: border-box;
}
body.page-id-1347 .arx-main .um-directory .um-members-grid > .um-member::before,
body.page-id-1347 .arx-main .arx-work-grid > .arx-work-card::before {
  top: 0;
  left: 0;
  border-top-width: 1px;
  border-left-width: 1px;
  transform-origin: top left;
}
body.page-id-1347 .arx-main .um-directory .um-members-grid > .um-member::after,
body.page-id-1347 .arx-main .arx-work-grid > .arx-work-card::after {
  bottom: 0;
  right: 0;
  border-bottom-width: 1px;
  border-right-width: 1px;
  transform-origin: bottom right;
}
body.page-id-1347 .arx-main .um-directory .um-member .um-member-name a {
  font-size: 20px !important;
  line-height: 1.35 !important;
  color: #efe0bd;
  overflow-wrap: anywhere;
}
body.page-id-1347 .arx-main .um-member .arx-member-role {
  color: #d2ba81;
  font-size: 13px;
  line-height: 1.65;
}
body.page-id-1347 .arx-main .um-member .arx-member-bio {
  color: #c0bcaf;
  font-size: 13px;
  line-height: 1.75;
}
body.page-id-1347 .arx-main .um-member .arx-member-facts {
  padding-top: 17px;
  border-top: 1px solid #a38a492b;
  row-gap: 15px;
}
body.arx-ui-refresh.page-id-1347 .arx-main .um-member .arx-member-facts dt {
  color: #a39c88;
  font-size: 11px;
}
body.arx-ui-refresh.page-id-1347 .arx-main .um-member .arx-member-facts dd {
  margin: 4px 0 0;
  color: #d7cfbb;
  font-size: 13px;
}
body.page-id-1347 .arx-main .um-member .arx-member-availability {
  border-top-color: #a38a492b;
  padding-top: 14px;
  color: #d2b985;
  line-height: 1.65;
}
body.page-id-1347 .arx-main .um-member .arx-member-actions {
  padding-top: 16px;
  gap: 9px;
}
body.arx-ui-refresh.page-id-1347 .arx-main .um-member .arx-member-actions .arx-button {
  min-height: 44px;
  font-size: 13px !important;
  line-height: 1.45 !important;
}
body.page-id-1347 .arx-main .arx-work-card-body h3 {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 23px;
  font-weight: 400;
  line-height: 1.3;
  color: #e8d9b3;
  overflow-wrap: anywhere;
}
body.page-id-1347 .arx-main .arx-work-card-body p {
  line-height: 1.75;
}
body.page-id-1347 .arx-main .arx-work-actions {
  border-top: 1px solid #a38a492b;
  padding-top: 16px;
  gap: 10px;
}
body.page-id-1347 .arx-main .arx-work-search {
  border-color: #9d835044;
  background: #111111;
}

/* Practical guidance has its own quiet finish below the results. */
body.page-id-1347 .arx-main .arx-discovery {
  margin-top: 54px;
  padding-top: 34px;
  border-top: 1px solid #a68a493b;
}
body.page-id-1347 .arx-main .arx-discovery > h2 {
  margin-bottom: 25px;
  font: 400 clamp(27px, 2.8vw, 35px)/1.2 Georgia, 'Times New Roman', serif;
  color: #e5d4aa;
  text-wrap: balance;
}
body.page-id-1347 .arx-main .arx-discovery-grid > div {
  min-width: 0;
  padding: 24px;
  border: 1px solid #967d4438;
  border-radius: 8px;
  background: #101010;
}
body.page-id-1347 .arx-main .arx-discovery-grid h3 {
  color: #dcca9e;
  font: 400 21px/1.35 Georgia, 'Times New Roman', serif;
}
body.page-id-1347 .arx-main .arx-discovery-grid p {
  color: #bcb7a9;
  font-size: 14px;
  line-height: 1.85;
}
body.page-id-1347 .arx-main .arx-discovery-note {
  padding: 17px 0 17px 18px;
  border-left: 2px solid #ab8c4e;
  color: #b1aa97;
  line-height: 1.8;
}
body.page-id-1347 .arx-main .arx-profile-index {
  border-color: #8d75473d;
  background: #101010;
  border-radius: 8px;
}
body.page-id-1347 .arx-main .arx-profile-index > summary {
  min-height: 44px;
  box-sizing: border-box;
  padding-block: 12px;
  color: #d6be86;
  line-height: 1.6;
  cursor: pointer;
}
body.page-id-1347 .arx-main .arx-profile-index[open] > summary {
  color: #f0ddb3;
}
body.page-id-1347 .arx-main .arx-profile-index li a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  text-underline-offset: 4px;
}

@media (prefers-reduced-motion: no-preference) {
  /* The individual scale property leaves UM's protected transform untouched. */
  body.page-id-1347 .arx-main .um-directory .um-members-grid > .um-member,
  body.page-id-1347 .arx-main .arx-work-grid > .arx-work-card {
    transition: scale .38s cubic-bezier(.2,.65,.3,1), border-color .3s ease !important;
  }
  body.page-id-1347 .arx-main .um-directory .um-members-grid > .um-member.arx-dev-motion-enter::before,
  body.page-id-1347 .arx-main .um-directory .um-members-grid > .um-member.arx-dev-motion-enter::after,
  body.page-id-1347 .arx-main .arx-work-grid > .arx-work-card.arx-dev-motion-enter::before,
  body.page-id-1347 .arx-main .arx-work-grid > .arx-work-card.arx-dev-motion-enter::after {
    animation: arx-dev-v2-corner 1.05s cubic-bezier(.2,.65,.3,1) backwards;
    animation-delay: calc(var(--arx-dev-motion-delay, 0ms) + 80ms);
  }
  body.page-id-1347 .arx-main .um-directory .um-members-grid > .um-member.arx-dev-motion-enter::after,
  body.page-id-1347 .arx-main .arx-work-grid > .arx-work-card.arx-dev-motion-enter::after {
    animation-delay: calc(var(--arx-dev-motion-delay, 0ms) + 230ms);
  }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  body.arx-ui-refresh.page-id-1347 .arx-main .um-directory .um-members-grid > .um-member:hover,
  body.page-id-1347 .arx-main .arx-work-grid > .arx-work-card:hover {
    scale: 1.015;
    z-index: 3;
    border-color: #c1a66b !important;
  }
}
/* Focus settles the card and its details immediately, including native media controls. */
body.arx-ui-refresh.page-id-1347 .arx-main .um-directory .um-members-grid > .um-member:focus-within,
body.page-id-1347 .arx-main .arx-work-grid > .arx-work-card:focus-within {
  scale: 1;
  transition: none !important;
  z-index: 4;
  border-color: #d1b77d !important;
}
body.page-id-1347 .arx-main :is(.um-member, .arx-work-card):is(:focus-within, .arx-dev-motion-settled)::before,
body.page-id-1347 .arx-main :is(.um-member, .arx-work-card):is(:focus-within, .arx-dev-motion-settled)::after {
  animation: none !important;
  transform: none;
  opacity: .8;
}
@media (max-width: 850px) {
  body.page-id-1347 .arx-main .arx-directory-sidebar { padding: 18px; }
  body.page-id-1347 .arx-main .arx-discovery { margin-top: 38px; }
}
@media (max-width: 600px) {
  body.page-id-1347 .arx-main .arx-discovery-modes { width: 100%; margin-block: 20px 24px; }
  body.page-id-1347 .arx-main .arx-directory-sidebar { padding: 14px; }
  body.page-id-1347 .arx-main .arx-directory-sidebar .arx-filter-toggle { border-color: #987e49; }
  body.page-id-1347 .arx-main .arx-discovery-grid > div { padding: 22px; }
  body.page-id-1347 .arx-main .arx-discovery-note { padding-left: 14px; }
  body.page-id-1347 .arx-main .arx-discipline-chips { gap: 7px; }
}
@media (prefers-reduced-motion: reduce) {
  body.page-id-1347 .arx-main .um-directory .um-members-grid > .um-member,
  body.page-id-1347 .arx-main .arx-work-grid > .arx-work-card {
    scale: 1 !important;
    transition: none !important;
  }
  body.page-id-1347 .arx-main :is(.um-member, .arx-work-card)::before,
  body.page-id-1347 .arx-main :is(.um-member, .arx-work-card)::after {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}
@keyframes arx-dev-v2-corner {
  from { transform: scale(.35); opacity: .15; }
  to { transform: scale(1); opacity: .58; }
}