/* CHAPTER 06 — ASSOCIATIONS */
.assoc { overflow: hidden; }
.assoc__head {
  display: flex; align-items: flex-end; justify-content: space-between; gap: 32px;
  margin-bottom: clamp(44px, 5vw, 72px);
}
.assoc__pause {
  flex: none; min-height: 36px; padding: 8px 18px;
  font-size: .72rem; font-weight: 500; letter-spacing: .2em; text-transform: uppercase;
  color: var(--bone); border: 1px solid color-mix(in srgb, var(--bone) 55%, transparent);
  transition: background-color .3s var(--ease);
}
.assoc__pause:hover { background: rgba(244, 241, 234, .08); }
body.is-static .assoc__pause { display: none; }
.assoc__rows { display: grid; row-gap: 10px; }
.assoc__row { overflow: hidden; }
.assoc__track { display: flex; width: max-content; will-change: transform; }
.assoc__set { display: flex; align-items: center; flex: none; padding-right: 0; }
.assoc__chip {
  display: inline-flex; align-items: center; gap: 36px;
  padding: 14px 18px 14px 0;
  margin-right: 18px;
  font-family: var(--font-display);
  font-weight: 500;
  font-size: clamp(1.5rem, 2.4vw, 2.3rem);
  line-height: 1;
  white-space: nowrap;
  color: color-mix(in srgb, var(--bone) 90%, transparent);
}
.assoc__chip::after { content: ""; width: 6px; height: 6px; transform: rotate(45deg); background: var(--gold); opacity: .8; flex: none; }
.assoc__chip img { height: 30px; width: auto; filter: brightness(0) invert(1); opacity: .92; }
.assoc__chip--logo .assoc__chip__name { display: none; }
/* static: both rows wrap as a quiet grid, no clones, no motion */
body.is-static .assoc__track { width: auto; }
body.is-static .assoc__set { flex: 1 1 auto; width: 100%; flex-wrap: wrap; row-gap: 6px; }
body.is-static .assoc__chip { white-space: normal; }
@media (max-width: 760px) {
  .assoc__head { flex-direction: column; align-items: flex-start; }
}