/* ===========================
   Adjunct Cards (Grid: image + name)
   =========================== */

.adjunctMembers{
  --gap: 10px;
  --pad-x: 10px;

  --name-size: clamp(0.90rem, 0.75vw, 1.05rem);

  --font: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
          Roboto, "Helvetica Neue", Arial, sans-serif;
  --ocean: #007FA3;
  --sky:   #00AEC7;
  --ink:   #101820;
  --card-border: rgba(214,210,196,.35);
  --card-border-hover: rgba(214,210,196,.65);

  display:flex;
  flex-wrap:wrap;
  gap: var(--gap);
  justify-content: flex-start;
  align-items:stretch;
}

/* Default ≥992px: 6 across (adjust as you like) */
.adjunctMembers .adjunctCard{
  box-sizing:border-box;
  background:#fff;
  border-radius:0;
  overflow:hidden;
  box-shadow: inset 0 0 0 1px var(--card-border), 0 6px 18px rgba(0,0,0,.06);

  flex: 0 1 calc((100% - 5 * var(--gap)) / 6);
  max-width: calc((100% - 5 * var(--gap)) / 6);
  width: calc((100% - 5 * var(--gap)) / 6);

  display:grid;                 /* [image][content] */
  grid-template-rows: auto 1fr;
  text-align:center;
  padding: 10px;
}

/* 3 across (tablet) */
@media (max-width: 991px) and (min-width: 576px){
  .adjunctMembers .adjunctCard{
    flex: 0 1 calc((100% - 2 * var(--gap)) / 3);
    max-width: calc((100% - 2 * var(--gap)) / 3);
  }
}
/* 1 across (mobile) */
@media (max-width: 575.98px){
  .adjunctMembers .adjunctCard{
    flex: 0 1 100%;
    max-width: 100%;
  }
}

/* Image: square, top-center focal */
.adjunctMembers .adjunctImage{
  grid-row: 1;
  width:100%;
  aspect-ratio: 1/1;
  display:block;
  height:auto;
  object-fit:cover;
  object-position: 50% 0;
  margin: 0 0 6px 0 !important;
  border:0; border-radius:0;
}

.adjunctMembers .adjunctImage.is-fallback {
  filter: grayscale(10%);
}


/* Body (name only) */
.adjunctMembers .adjunctData{
  grid-row: 2;
  display:flex;
  flex-direction:column;
  align-items:center;
  /* gap: 4px; */
  min-width:0;
  /* padding:0 var(--pad-x); */
}

/* Name */
.adjunctMembers .adjunctName{
  margin:0 !important; padding:0 !important;
  line-height:1.1 !important;
  font-family: var(--font);
  font-weight: 700px !important;
  letter-spacing: 0.03em !important;
}

.adjunctMembers .adjunctName a{
  color: var(--ink);
  text-decoration:none;
  font-weight: 700 !important;
  letter-spacing:.03em;
  text-transform:uppercase;
  font-size: var(--name-size);
  transition: color .2s ease;
}

/* Name line-height + zero margins */
.adjunctMembers .adjunctName{
  margin:0 !important;
  line-height:1.1 !important;
}

/* Anchor should inherit the tight line height too */
.adjunctMembers .adjunctName a{
  line-height:1.1 !important;
}

/* Nuke any leftover paragraph margins inside the data stack */
.adjunctMembers .adjunctData p{
  margin:0 !important;
}

/* If an empty <p> sneaks in, hide it */
.adjunctMembers p:empty{
  display:none !important;
  height:0 !important;
}


/* Hover: image OR name turns the name sky */
.adjunctMembers .adjunctName a:hover,
.adjunctMembers .adjunctName a:focus{
  color: var(--sky);
  outline: none;
}
.adjunctMembers .adjunctImageLink{ display:block; text-decoration:none; }
.adjunctMembers .adjunctImageLink:hover + .adjunctData .adjunctName a,
.adjunctMembers .adjunctImageLink:focus + .adjunctData .adjunctName a{
  color: var(--sky);
}
.adjunctMembers .adjunctImageLink:focus-visible{
  outline: 2px solid var(--sky);
  outline-offset: 2px;
}

/* Subtle hover accent for the whole card */
.adjunctMembers .adjunctCard:hover{
  box-shadow: inset 0 0 0 1px var(--card-border-hover), 0 2px 8px rgba(16,24,32,.06);
}