/* V21.3 Personal Collection: Archivo Expanded Regular 400 on the category section titles and the Curated / Category switch. Loads after collection-v21-2.css; size and colour unchanged. */
@font-face{font-family:"Archivo Expanded";src:url("../assets/fonts/Archivo_Expanded-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
.collection-group h2{font-family:var(--display);font-weight:400}
.collection-controls button{font-family:var(--display);font-weight:400}


/* V23.1F polish (Bob): collection controls, jump links and viewer use the site's single curve and the same hover / keyboard-focus / press states. */
@media (prefers-reduced-motion: no-preference) {
  .collection-controls button { transition: color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease); }
  .collection-jump a { transition: color var(--t-fast) var(--ease); }
  .collection-grid img { transition: transform var(--t-med) var(--ease); }
  .collection-grid .collection-overlay { transition: opacity var(--t-fast) var(--ease); }
  .lightbox-arrow, .lightbox-footer button { transition: color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease); }
}
.collection-controls button:is(:hover, :focus-visible), .collection-jump a:is(:hover, :focus-visible) { color: #ede8df; }
.lightbox-arrow:is(:hover, :focus-visible) { color: #2B6FD4; }
.lightbox-footer button:is(:hover, :focus-visible) { color: #2B6FD4; border-color: #2B6FD4; }
.collection-controls button:active, .lightbox-footer button:active { transform: translateY(1px); }