/* index-responsive.css */

html {
  scrollbar-gutter: stable;
}

body {
  background: url('/static/index.png') no-repeat center top fixed;
  background-size: cover;
}

/* tablet+ show full image, letterboxed */
@media (min-width: 768px) {
  body {
    background-size: contain;
  }
  .button {
    bottom: 15vh;
  }
}

/* small desktop tweak */
@media (min-width: 1024px) {
  .button {
    bottom: 18vh;
  }
}

/* medium desktop tweak */
@media (min-width: 1280px) {
  .button {
    bottom: 20vh;
  }
}

/* ultra‑wide tweaks */
@media (min-width: 1600px) {
  .button {
    bottom: 22vh;
  }
}

@media (min-width: 768px) {
  body::before {
    display: none !important;
    content: none !important;
  }
}