/* VANE motion layer. Progressive enhancement only: every page is fully
   readable with CSS/JS disabled. JS sets the hidden states, never CSS,
   so a blocked CDN never leaves content invisible. */

/* Hero headline line-rise clip (used by GSAP SplitText mask fallback). */
.vane-line{ overflow:hidden; }

/* Swiper gallery (mobile/touch only; desktop keeps the editorial grid). */
.gallery.vane-swiper{ display:block; overflow:hidden; }
.gallery.vane-swiper .swiper-slide{ height:auto; }
.gallery.vane-swiper .swiper-slide img{ width:100%; height:auto; display:block; border-radius:2px; }
.gallery.vane-swiper .swiper-pagination{ position:static; margin-top:12px; }
.gallery.vane-swiper .swiper-pagination-bullet{ background:#8C8881; opacity:.5; }
.gallery.vane-swiper .swiper-pagination-bullet-active{ background:#D8362B; opacity:1; }

/* Hero breathing room on small screens (a touch more than the global .wrap).
   Targets only hero text, never the full-bleed image sections. */
@media (max-width:560px){
  .hero.wrap{ padding-left:30px; padding-right:30px; }
  .phero .cap .wrap,
  .hero .cap .wrap{ padding-left:30px; padding-right:30px; }
}