/* Shared by the two new service pages (major-home-remodels.html, design-build.html). Loaded after styles.css and shared.css. */

.br-m { display: none; }
@media (max-width: 768px) { .br-m { display: inline; } }

/* Image wipe: a photo that opens from top to bottom the first time it scrolls into view (combine with .reveal) */
.wipe { clip-path: inset(0 0 100% 0); transition: opacity .9s var(--ease), transform .9s var(--ease), clip-path 1.3s var(--ease); }
.wipe.is-in { clip-path: inset(0); }

/* FAQ: photo zooms softly on hover; stacked layouts put the photo first */
.faq__img img { transition: transform 1.2s var(--ease); }
.faq__img:hover img { transform: scale(1.06); }
@media (max-width: 900px) { .faq .split .faq__img { order: -1; } }

@media (prefers-reduced-motion: reduce) {
  .wipe { clip-path: none; transition: none; }
  .faq__img img { transition: none; }
}