@media (max-width: 767px) { html, body { max-width: 100%; overflow-x: clip!important; } h1, h2, h3, h4, h5, h6 { max-width: 100%; overflow-wrap: anywhere; word-break: normal; hyphens: auto; } } .scroll-fade { opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease, transform 0.5s ease; will-change: opacity, transform; } .scroll-fade.is-visible { opacity: 1; transform: translateY(0); } @media (prefers-reduced-motion: reduce) { .scroll-fade { opacity: 1; transform: none; transition: none; } }