/* keeps UI the same; adds sr-only for semantic H1 */
      .sr-only {
        position:absolute!important;width:1px!important;height:1px!important;
        padding:0!important;margin:-1px!important;overflow:hidden!important;
        clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
      }

      #pagnav{display:none;}
      .home-model{display:none;}
      .single-family{display:none!important;position:absolute;width:0;height:0;}
      .adu{opacity:1;height:auto;display:block;}
      .bed-1,.bed-2,.bed-3{opacity:1;height:auto;display:block;}
      #customization{display:none;}

      /* Card cover height by breakpoint (kept same visuals) */
      @media (min-width: 76px){ .main-cover{height:200px;} }
      @media (min-width: 768px){ .main-cover{height:200px;} }
      @media (min-width: 992px){ .main-cover{height:300px;} }
      @media (min-width: 1200px){ .main-cover{height:400px;} }

      /* Lazyload smooth reveal */
      img.lazy, .lazy[data-lazy-bg]{
        opacity:0 !important; visibility:hidden; transform:translateY(6px);
        transition:opacity .35s ease, transform .35s ease; will-change:opacity, transform;
      }
      .lazy[data-lazy-bg]{background-color:#f2f2f2; background-position:center; background-size:cover;}
      img.lazy.is-loaded, .lazy[data-lazy-bg].is-loaded{opacity:1 !important; visibility:visible; transform:none;}