/* ==========================================================================
   AXIMO — Work page (gallery.php)
   Filter bar + a few local refinements. The design system lives in aximo.css.
   ========================================================================== */

/* ---- Filter bar --------------------------------------------------------- */
.gal-bar{
  display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.25rem;
  margin-bottom:clamp(1.5rem,3vw,2.5rem);
}

/* The <li> is only a wrapper here — the button carries the pill. */
.chips--filter li{
  padding:0;border:0;background:none;border-radius:0;transition:none;
}
.chips--filter li:hover{border-color:transparent;transform:none}

.chips-btn{
  display:inline-flex;align-items:center;gap:.5rem;
  font-size:.76rem;line-height:1.4;padding:.35rem .7rem;border-radius:99px;
  border:1px solid var(--hair-soft);background:var(--surface);color:var(--text-dim);
  font-family:inherit;font-weight:400;letter-spacing:.01em;cursor:pointer;
  transition:border-color .4s var(--ease),color .4s var(--ease),
             background .4s var(--ease),transform .4s var(--ease);
}
.chips-btn:hover{border-color:var(--gold);color:var(--text);transform:translateY(-1px)}
.chips-btn:active{transform:translateY(0) scale(.98)}
.chips-btn.is-star,
.chips-btn[aria-pressed="true"]{
  border-color:rgba(227,187,94,.5);color:var(--gold);font-weight:600;
  background:var(--surface-2);
}
.chips-btn__n{
  font-style:normal;font-size:.66rem;letter-spacing:.06em;
  color:var(--text-faint);
}
.chips-btn.is-star .chips-btn__n,
.chips-btn[aria-pressed="true"] .chips-btn__n{color:var(--gold);opacity:.75}

/* ---- Grid trim ---------------------------------------------------------- */
.gal figure{scroll-margin-top:7rem}
.gal-note{
  margin-top:clamp(1.5rem,3vw,2.25rem);padding-top:1.25rem;
  border-top:1px solid var(--hair-soft);
  font-size:.78rem;line-height:1.7;max-width:74ch;
}

/* ---- Closing brief panel ------------------------------------------------ */
.gal-card__title{margin-top:.55rem}
.gal-card__lede{margin-top:.55rem;font-size:var(--step--1)}

.gal-brief{display:grid;gap:2rem;align-items:center}
@media(min-width:900px){
  .gal-brief{grid-template-columns:1.25fr .75fr}
}
.gal-brief__title{font-size:var(--step-2);margin-top:.4rem}
.gal-brief__lede{font-size:var(--step--1);max-width:48ch}
.gal-brief__acts{display:flex;flex-wrap:wrap;gap:.7rem;justify-self:start}
@media(min-width:900px){
  .gal-brief__acts{justify-self:end;flex-direction:column;align-items:stretch}
  .gal-brief__acts .btn{justify-content:space-between}
}