/* Facilitate GH Custom CSS */
html { scroll-behavior: smooth; }
.fallback-header { position: fixed; top: 0; left: 0; width:100%; background:#ffffff; z-index: 1000; border-bottom:1px solid #eee; }
.fallback-header .wrap { max-width: 1200px; margin: 0 auto; padding: .75rem 1rem; }
.fallback-menu, .fallback-menu ul { list-style:none; margin:0; padding:0; display:flex; gap:2rem; justify-content:flex-end; }
.fallback-menu a { text-decoration:none; color:#2b2b2b; font-weight:500; }

footer, .fallback-footer { text-align:center; padding:2rem; background:#f9f9f9; color:#2b2b2b; }

section[id] { padding: clamp(48px, 7vw, 96px) 0; }
.section--alt { background: var(--wp--preset--color--offpaper); }

.cards { display: grid; gap: 28px; grid-template-columns: repeat(4, 1fr); }
@media (max-width: 1024px){ .cards { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 640px){ .cards { grid-template-columns: 1fr; } }

.card { background: #fff; border: 1px solid #eee; border-radius: 10px; padding: 24px; transition: transform .2s ease, box-shadow .2s ease; }
.card:hover { transform: translateY(-4px); box-shadow: 0 10px 24px rgba(0,0,0,.06); }

.ea-btn, .button, .elementor-button { border-radius: 6px; font-weight: 600; letter-spacing:.2px; }

:root { --header-h: 72px; }
#main { display:block; padding-top: var(--header-h); }

a.is-active { color: var(--wp--preset--color--brand-gold); }

/
/* Pain Points – right image stack */
.galleryPhotosWrapper {
  position: relative; /* parent of all .desktopPhoto */
}

.desktopPhoto {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}

.desktopPhoto.pp-active {
  opacity: 1;
  pointer-events: auto;
}