/* =====================================================================
   RHYTHM (2 Nov 2026): hiruni said the lower half looks "all the same,
   just a plain website" (cream + heading + white cards, again and again).
   Each part now gets its own look, like the car site. Words unchanged, Nunito.
     A. Compare  = a dark band, the 4 Washtron points as numbered columns
     B. Reviews  = one big quote at a time, like a magazine
     C. FAQ      = flat, thin lines, no floating white box
     D. Franchise = a wide real photo band on top that slowly zooms in
     E. headlines slide up out of a mask when they come into view (js/rhythm.js)
   ===================================================================== */

/* A. COMPARE: hiruni wants the previous two comparison cards kept (no change) */

/* B. REVIEWS: hiruni wants the card row kept as it was (no change) */

/* D. FRANCHISE: wide real photo band (daytime station) above the form */
#franchise.fr5{display:block;padding-top:0}
#franchise .frband{position:relative;height:clamp(260px,52vh,520px);overflow:hidden;margin-bottom:clamp(10px,2vh,24px)}
#franchise .frband img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform-origin:50% 60%;will-change:transform}

/* E. headline reveal */
.rh-mask{display:block;overflow:hidden;padding-bottom:.06em}
.rh-mask > .rh-in{display:block;transform:translateY(105%);transition:transform 1s cubic-bezier(.2,.75,.15,1)}
.rh-on .rh-mask > .rh-in{transform:none}

@media (prefers-reduced-motion:reduce){.rh-mask > .rh-in{transform:none;transition:none}}