/* =========================
   NAVIGATION
========================= */

.navigation-wrapper,
.navigation-container1,
.navigation-container3,
.navigation-container5,
.navigation-container7 {
  display: contents;
}

.navigation-container2,
.navigation-container4,
.navigation-container6 {
  display: none;
}

.navigation-image {
  width: 54px;
  height: 41px;
  object-fit: cover;
}

.navigation-thq-section-title-elm1 {
  display: flex;
  font-size: 36px;
  align-items: center;
}

.navigation-text10 {
  text-transform: capitalize;
}

.navigation-text12,
.navigation-text13,
.navigation-text14,
.navigation-text15,
.navigation-text16 {
  font-size: 16px;
}


/* =========================
   FOOTER
========================= */

.footer-wrapper,
.footer-container10,
.footer-container19 {
  display: contents;
}

.footer-container18 {
  display: none;
}

.footer-thq-footer-social-links-elm {
  height: 71px;
}

.footer-container11,
.footer-container12,
.footer-container13,
.footer-container14,
.footer-container15,
.footer-container16,
.footer-container17,
.footer-thq-footer-item-elm1,
.footer-thq-footer-item-elm2,
.footer-thq-footer-item-elm3,
.footer-thq-footer-item-elm4,
.footer-thq-footer-item-elm5 {
  text-decoration: none;
}


/* =========================
   BASE LAYOUT
========================= */

.home-container1 {
  width: 100%;
  min-height: 100vh;
}

.home-container3,
.home-container5 {
  display: contents;
}

.home-container4 {
  display: none;
}


/* =========================
   HERO
========================= */

.home-thq-hero-parallax-elm {
  height: 722px;
}

.home-thq-hero-parallaxbg-elm {
  height: 758px;
}

.home-thq-hero-parallaximg-elm {
  height: 780px;
  opacity: 0.5;
  margin: -60px 0;
}

.home-thq-hero-parallaxoverlay-elm {
  height: 741px;
}


/* =========================
   VIDEO / AUDIO
========================= */

.home-iframe10,
.home-iframe11,
.home-iframe12,
.home-iframe13,
.home-iframe14,
.home-iframe15 {
  width: 100%;
  height: 100%;
}

.home-thq-audio-elm {
  width: 100%;
}

.home-thq-vibe-galleryheader-elm {
  width: 100%;
  display: flex;
  max-width: var(--content-max-width);
  margin: 0 auto var(--spacing-4xl);
  flex-direction: column;
  align-items: center;
}

.home-thq-vibe-galleryscroller-elm {
  display: grid;
  gap: var(--spacing-2xl);
  max-width: var(--content-max-width);
  margin: 0 auto;
  grid-template-columns: repeat(3, 1fr);
}


/* =========================
   ABOUT SECTION (FIXED)
========================= */

.home-thq-bio-elm {
  background-color: var(--color-surface);
  color: var(--color-on-surface);
  padding: 50px var(--spacing-4xl);
}

.home-thq-portfolio-showcasecontainer-elm {
  max-width: var(--content-max-width);
  margin: 0 auto;
  padding: 0 var(--spacing-xl);
}

.home-thq-about-sectiongrid-elm {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: var(--spacing-4xl);
  align-items: center;
  height: auto; /* critical */
}

.home-thq-about-sectionimage-wrapper-elm {
  width: 100%;
  aspect-ratio: 4 / 5;
  position: relative;
  border-radius: var(--border-radius-lg);
}

.home-thq-about-sectionimage-wrapper-elm {
  display: flex;
  justify-content: center; /* horizontal centering */
  align-items: center;     /* vertical centering */
}

.home-image {
  width: 75%;   /* image scales to 75% of container */
  height: auto; /* maintain aspect ratio */
  display: block;
}

.home-thq-about-sectioncontent-elm {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.home-thq-section-title-elm3,
.home-thq-section-content-elm8 {
  text-align: center;
}


/* =========================
   CONTACT SECTION (FIXED)
========================= */

.home-thq-contact-elm {
  width: 100%;
}

.home-thq-cta-bandcontent-elm {
  display: flex;
  gap: var(--spacing-4xl);
  width: 100%;
}

.home-thq-cta-bandtext-elm {
  width: auto;
  max-width: 100%;
}

.home-thq-cta-bandform-container-elm {
  flex: 1;
  max-width: 100%;
  padding: var(--spacing-3xl);
  background: var(--color-surface-elevated);
  border-radius: var(--border-radius-lg);
}

.home-thq-cta-bandform-elm {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.home-thq-cta-bandinput-elm3 {
  min-height: 120px;
  resize: vertical;
}

.home-thq-btn-elm3 {
  width: 100%;
}


/* =========================
   POPUP
========================= */

.home-thq-popup1-elm {
  position: fixed;
  inset: 50%;
  transform: translate(-50%, -50%);
  width: 853px;
  height: 480px;
  display: none;
  background: #000;
}


/* =========================
   RESPONSIVE FIXES
========================= */

@media (max-width: 991px) {
  .home-thq-vibe-galleryscroller-elm {
    grid-template-columns: repeat(2, 1fr);
  }

  .home-thq-about-sectiongrid-elm {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {

  /* kill display:contents bugs */
  .navigation-wrapper,
  .footer-wrapper,
  .home-container3 {
    display: block;
  }

  .home-thq-vibe-galleryscroller-elm {
    grid-template-columns: 1fr;
  }

  .home-thq-cta-bandcontent-elm {
    flex-direction: column;
  }

  .home-thq-cta-bandtext-elm,
  .home-thq-cta-bandform-container-elm {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 479px) {
  .home-thq-bio-elm {
    padding: var(--spacing-2xl);
  }
}