/* BUTTONS,CHIPS (A5 hover) === */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;font:700 .84rem/1.1 var(--sans);letter-spacing:.1em;text-transform:uppercase;padding:1em 1.4em;border:1px solid var(--graphite);background:var(--graphite);color:var(--chalk);text-decoration:none;cursor:pointer;border-radius:var(--r);transition:background .22s var(--ease),color .22s,border-color .22s}
.btn:hover{background:var(--sang-d);border-color:var(--sang-d);color:var(--white)}
.btn.ghost{background:transparent;color:var(--graphite)}
.btn.ghost:hover{background:var(--graphite);color:var(--chalk);border-color:var(--graphite)}
.btn.sm{padding:.7em 1em;font-size:.74rem}
.btn .arr{transition:transform .22s var(--ease)}
.btn:hover .arr,.btn:focus-visible .arr{transform:translateX(4px)}
.row{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.4rem;align-items:center}
.tl{font-weight:700;font-size:.84rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--sang);padding-bottom:2px;background:none;border-top:0;border-left:0;border-right:0;cursor:pointer;color:var(--graphite);font-family:var(--sans)}
.chips{display:flex;gap:.5rem;flex-wrap:wrap;margin:1.4rem 0 0}
.chips button{font:700 .74rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:.75em 1em;border:1px solid var(--rule-2);background:transparent;color:var(--graphite);cursor:pointer;border-radius:999px;transition:background .22s,color .22s}
.chips button:hover{border-color:var(--graphite)}
.chips button[aria-pressed="true"]{background:var(--graphite);color:var(--chalk);border-color:var(--graphite)}