/* User Provided Stylesheet */

/* Remove white background from logo in dark mode */
.myst-home-link-logo {
  background: transparent !important;
  background-color: transparent !important;
}

/* Make split-image hero full-width with banner as background */
.myst-landing-split-img {
  position: relative !important;
  overflow: hidden !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  width: 100vw !important;
  max-width: 100vw !important;
}

.myst-landing-split-img-image {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 0 !important;
}

.myst-landing-split-img-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.myst-landing-split-img-content-wrapper {
  position: relative !important;
  z-index: 1 !important;
  min-height: 60vw !important;
  max-height: 80vh !important;
  display: flex !important;
  align-items: flex-start !important;
  padding-top: 4rem !important;
}

.myst-landing-split-img-content {
  width: 50% !important;
  margin-left: 2rem !important;
}

/* Title: white, bigger, bolder */
.myst-landing-split-img-heading {
  color: #fff !important;
  font-size: 4rem !important;
  font-weight: 800 !important;
  text-shadow: 0 3px 12px rgba(0,0,0,0.7) !important;
}

/* Subtitle: white, bold */
.myst-landing-split-img-subtitle {
  color: #fff !important;
  font-size: 1.3rem !important;
  font-weight: 700 !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.6) !important;
}

/* Body text: white, readable */
.myst-landing-split-img-body,
.myst-landing-split-img-body p {
  color: #fff !important;
  font-size: 1.1rem !important;
  font-weight: 500 !important;
  text-shadow: 0 2px 6px rgba(0,0,0,0.6) !important;
}

/* Darken left side for text readability */
.myst-landing-split-img::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 65%;
  height: 100%;
  background: linear-gradient(to right, rgba(0,0,0,0.7), rgba(0,0,0,0.3) 70%, transparent);
  z-index: 0;
  pointer-events: none;
}