/*
Theme Name: Sin Energy Splash Page
Author: Sin Energy Drinks
Description: Full-screen coming soon splash page for Sin Energy Drinks using the final teaser artwork. No navigation, no links, no extra content.
Version: 1.0
License: Proprietary
Text Domain: sin-energy-splash
*/

html, body {
  margin: 0;
  min-height: 100%;
  background: #050505;
}

body {
  min-height: 100vh;
  overflow: hidden;
}

.sin-splash {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  background-color: #050505;
  background-image: var(--splash-image);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Keeps the full design visible on narrower screens while still feeling full-screen. */
@media (max-aspect-ratio: 16/10) {
  .sin-splash {
    background-size: contain;
  }
}

@media (max-width: 768px) {
  body {
    overflow: hidden;
  }
  .sin-splash {
    background-size: contain;
    background-position: center center;
  }
}