/* =========================================================
   BUFFALO TREE PRO — UTILITIES
   ========================================================= */

.u-text-accent{ color: var(--color-accent-text); }
.u-text-muted{ color: var(--color-muted); }
.u-text-center{ text-align: center; }
.u-relative{ position: relative; }
.u-visually-hidden{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

.u-flex{ display: flex; }
.u-flex-wrap{ flex-wrap: wrap; }
.u-items-center{ align-items: center; }
.u-justify-between{ justify-content: space-between; }
.u-gap-1{ gap: var(--space-1); }
.u-gap-2{ gap: var(--space-2); }
.u-gap-3{ gap: var(--space-3); }
.u-gap-4{ gap: var(--space-4); }

.u-mt-0{ margin-top: 0; }
.u-mb-0{ margin-bottom: 0; }

@media (max-width: 768px){
  .u-hide-mobile{ display: none !important; }
}
@media (min-width: 769px){
  .u-hide-desktop{ display: none !important; }
}

.aspect-square{ aspect-ratio: 1 / 1; }
.aspect-video{ aspect-ratio: 16 / 9; }

.img-cover{ width: 100%; height: 100%; object-fit: cover; }

.rounded-lg{ border-radius: var(--radius-lg); overflow: hidden; }
.rounded-xl{ border-radius: var(--radius-xl); overflow: hidden; }