html, body {
  margin: 0;
  overflow-x: hidden;
}

html {
  scroll-behavior: smooth;
}

video::-webkit-media-controls {
  display: none !important;
}

/* "Always" accent treatment inside the headline.
   Targets both the <em> itself (no-JS fallback) and its nested
   .word-inner span (after js/script.js splits it into words), since
   background-clip:text only paints the text actually inside the
   element it's declared on. */
.italic-accent,
.italic-accent .word-inner {
  font-style: italic !important;
  font-weight: 600 !important;
  background: linear-gradient(135deg, #9ee8e0, #81d8d0) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

/* Word-reveal mask spans (built by js/script.js) */
.word-mask {
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
}
.word-inner {
  display: inline-block;
  will-change: transform, opacity;
}

/* Mobile menu link stagger starting state */
.mobile-link {
  opacity: 0;
  transform: translateY(12px);
}

#mobile-menu.flex {
  display: flex;
}