/* CHP site-wide responsive & motion-preference fixes.
   Desktop (>1024px) visual design is approved — nothing here may change it
   except the overflow-x guard, which only removes accidental horizontal scroll. */

/* Kill horizontal scrolling caused by decorative overhanging elements
   (cloud cutouts, cover-scaled scrolly-video canvases, off-screen ship).
   `clip` (not `hidden`) so position: sticky keeps working. */
html, body {
  overflow-x: clip;
}

/* Respect prefers-reduced-motion for CSS-driven animation
   (the GSAP/Lenis/scrolly-video layer already checks this in JS). */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  .elementor-invisible {
    visibility: visible !important;
    animation: none !important;
  }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Tablet: decorative absolute cloud images overhang the viewport on inner
   pages — scale them down so they stay ornamental without dominating. */
@media (max-width: 1024px) {
  .elementor-absolute img.wp-image-28,
  .elementor-absolute img.wp-image-29,
  .elementor-absolute img.wp-image-30 {
    max-width: 34vw;
    height: auto;
  }
}

/* Mobile: breathing room for text-heavy sections on inner pages */
@media (max-width: 480px) {
  body { -webkit-text-size-adjust: 100%; }
  .elementor-widget-text-editor { word-wrap: break-word; }
}