*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* ── GLOBAL SCROLLBAR REMOVAL — every element on every browser ── */
* {
  scrollbar-width: none !important;       /* Firefox */
  -ms-overflow-style: none !important;    /* IE / Edge legacy */
}
*::-webkit-scrollbar {
  display: none !important;               /* Chrome / Safari / Edge */
  width: 0 !important;
  height: 0 !important;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background: #131313;
  max-width: 100vw;
}
body {
  background: var(--background, #131313);
  color: var(--on-background, #e5e2e1);
  font-family: var(--font-body, 'Hanken Grotesk', sans-serif);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  min-height: 100vh;
  position: relative;
}
img, video { max-width: 100%; display: block; }
input, button, select, textarea { font: inherit; }
a { text-decoration: none; color: inherit; }
ul, ol { list-style: none; }
button { cursor: pointer; border: none; background: none; }
h1,h2,h3,h4,h5,h6 { line-height: 1.2; font-family: var(--font-display, 'Bodoni Moda', serif); }
::selection { background: var(--primary); color: var(--on-primary); }