/* Portable HTML interaction states. Visual design remains v148. */
[hidden] { display: none !important; }
template { display: none !important; }
.language-menu a { color: inherit; text-decoration: none; }
html:not(.js) .reveal { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
/* Keep decorative glows and large display text inside the mobile canvas.
   clip does not create a scroll container, so sticky sections still work. */
@media (max-width: 680px) {
  html, body { max-width: 100%; overflow-x: clip; }
  .first-slice-end { grid-template-columns: minmax(0, 1fr); }
  .first-slice-end h2,
  html[lang="en"] .first-slice-end h2 {
    font-size: clamp(42px, 14.5vw, 76px);
  }
}