/* Hero Spacing Fixes */

/* Override body padding for cinematic hero */
body {
  padding-top: 0 !important;
}

/* Ensure cinematic hero extends to top and left edge */
.cinematic-hero {
  margin: 0 !important;
  padding: 0 !important;
  width: 100vw !important;
  left: 0 !important;
  right: 0 !important;
  position: relative !important;
}

/* Ensure hero parallax stack extends fully */
.hero-parallax-stack {
  width: 100vw !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Ensure background images extend fully */
.hero-px-bg,
.hero-px-mg,
.hero-px-fg,
.hero-px-ctr {
  width: 100vw !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Override any potential margin/padding on the section */
section.cinematic-hero {
  margin: 0 !important;
  padding: 0 !important;
  width: 100vw !important;
  left: 0 !important;
  right: 0 !important;
}

/* Ensure the hero content is properly positioned */
.hero-parallax-content {
  margin: 0 auto !important;
  padding: 0 !important;
}

/* Only override container styles for hero section */
.cinematic-hero .container {
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  width: 100% !important;
}