/* Small site-wide utility helpers to replace inline styles.
   Keep minimal and prefixed to avoid conflicts with Bootstrap. */

.u-maxw-700 { max-width: 700px; }

.u-w-40 { width: 40px; }
.u-w-180 { width: 180px; }
.u-w-200 { width: 200px; }

.u-thumb-90 {
    width: 90px;
    height: 90px;
    object-fit: cover;
}

.u-maxh-70 { max-height: 70px; }

.bg-light-custom { background-color: var(--light-bg); }

/* Prefer this to Bootstrap's d-none when JS needs to toggle display via element.style */
.is-hidden { display: none; }

.text-gray-200 { color: var(--gray-200); }

.hero-video--compact {
    height: 50vh;
    min-height: 520px;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}