html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-family: "Orbitron", sans-serif;
  cursor: none !important;
  overflow-x: hidden;
  background: #000;
  color: #fff;
}

/* Neue Machina Fonts */
@font-face {
  font-family: "Neue Machina";
  src: url("/RIGNITC/assets/fonts/neue-machina/NeueMachina-Light.otf")
    format("opentype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Neue Machina";
  src: url("/RIGNITC/assets/fonts/neue-machina/NeueMachina-Regular.otf")
    format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Neue Machina";
  src: url("/RIGNITC/assets/fonts/neue-machina/NeueMachina-Ultrabold.otf")
    format("opentype");
  font-weight: 800;
  font-style: normal;
}

/* HERO (first section) */
.hero {
  margin-top: 120px;
  /* leave room for navbar */
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-align: left;
  padding: 2rem;
  gap: 3rem;
  /* border-bottom: 2px solid #ccc; divider for first section */
}

#slideshow {
  filter: grayscale(1) invert(1);
  background-color: #fff;
  transition: opacity 0.6s ease-in-out;
  width: 500px;
  height: 500px;
  object-fit: contain;
  border-radius: 1rem;
  flex-shrink: 0;
  opacity: 1;
}

.text-block {
  max-width: 600px;
}

/* Section styling + dividers */
section:not(#footer-new) {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3rem;
  font-weight: bold;
  background: #000;
  color: #ffffff;
  border-bottom: 2px solid #ccc;
  /* divider for all sections */
}

/* Explicit divider for #about too (redundant but ensures consistency) */
#about {
  border-bottom: 2px solid #ccc;
}

@media (max-width: 768px) {
  /* Hero layout stack */
  .hero {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    gap: 2rem;
    margin-top: 80px;
    /* reduced for navbar */
    padding: 1.5rem 1rem;
  }

  /* Slideshow fixed box */
  #slideshow {
    width: 100%;
    max-width: 320px;
    aspect-ratio: 1 / 1;
    /* ✅ stable height */
    border-radius: 0.75rem;
    object-fit: contain;
    background: transparent !important;
    /* ✅ no white box */
  }

  /* Sections smaller */
  section {
    font-size: 1.8rem;
    padding: 2rem 1rem;
  }
}

/* Apply Neue Machina to all headings and title classes */
h1,
.projects-header,
.people-header,
.startup-header,
.about-link,
.project-link {
  font-family: "Neue Machina", sans-serif !important;
  font-weight: 800; /* Ultrabold */
}

/* Mobile only styles (max-width 768px) */
@media (max-width: 768px) {
  .lab-bg {
    display: none !important;
  }
}