/*
 * Xinda homepage visual review V4 — full-bleed image hero.
 * Keeps the V3 light visual system while removing the hero split and all hero overlays.
 */

html.xinda-image-hero-theme .homepage-official .b-hero {
  min-height: calc(100vh - 82px);
  padding: 100px 6vw 86px;
  align-items: flex-end;
  color: #fff;
  background: #12334a;
}

html.xinda-image-hero-theme .homepage-official .b-hero__image {
  inset: 0;
  filter: none;
  background-position: center;
}

html.xinda-image-hero-theme .homepage-official .b-hero__shade,
html.xinda-image-hero-theme .homepage-official .b-hero__grid {
  display: none;
}

html.xinda-image-hero-theme .homepage-official .b-hero__copy {
  width: auto;
  max-width: 920px;
  padding: 0;
}

html.xinda-image-hero-theme .homepage-official .b-hero__copy .concept-label,
html.xinda-image-hero-theme .homepage-official .b-hero h1,
html.xinda-image-hero-theme .homepage-official .b-hero__lead {
  text-shadow: 0 3px 4px rgba(1, 17, 32, .68), 0 12px 34px rgba(1, 17, 32, .72);
}

html.xinda-image-hero-theme .homepage-official .b-hero__copy .concept-label,
html.xinda-image-hero-theme .homepage-official .b-hero h1 span {
  color: #b9ecff;
}

html.xinda-image-hero-theme .homepage-official .b-hero h1 {
  max-width: 900px;
  font-size: clamp(60px, 6vw, 90px);
  white-space: normal;
}

html.xinda-image-hero-theme .homepage-official .b-hero__lead {
  max-width: 850px;
  color: #fff;
  font-weight: 500;
}

html.xinda-image-hero-theme .homepage-official .b-hero .concept-btn--blue {
  color: #0869b4;
  background: #fff;
  box-shadow: 0 14px 34px rgba(2, 19, 36, .18);
}

html.xinda-image-hero-theme .homepage-official .b-hero .concept-btn--line {
  color: #fff;
  border-color: rgba(255, 255, 255, .82);
  text-shadow: 0 2px 10px rgba(1, 17, 32, .72);
}

/* Restore the approved formal green-and-carbon module unchanged. */
html.xinda-image-hero-theme .homepage-official .fusion-green {
  color: #fff;
  background: #06443a;
}

html.xinda-image-hero-theme .homepage-official .fusion-green__visual {
  filter: none;
}

html.xinda-image-hero-theme .homepage-official .fusion-green__visual:after {
  background: linear-gradient(to top, rgba(2, 54, 46, .86), rgba(2, 64, 51, .08) 72%);
}

html.xinda-image-hero-theme .homepage-official .fusion-green__visual-copy {
  left: 0;
  right: 0;
  bottom: 0;
  padding: 48px;
  color: #fff;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

html.xinda-image-hero-theme .homepage-official .fusion-green__visual-copy small,
html.xinda-image-hero-theme .homepage-official .fusion-green__list > a > span,
html.xinda-image-hero-theme .homepage-official .fusion-green__list i {
  color: #76e0b6;
}

html.xinda-image-hero-theme .homepage-official .fusion-green__visual-copy h2,
html.xinda-image-hero-theme .homepage-official .fusion-green__content .concept-link {
  color: #fff;
}

html.xinda-image-hero-theme .homepage-official .fusion-green__content > p,
html.xinda-image-hero-theme .homepage-official .fusion-green__list small {
  color: #bbd7ce;
}

html.xinda-image-hero-theme .homepage-official .fusion-green__list,
html.xinda-image-hero-theme .homepage-official .fusion-green__list a {
  border-color: rgba(255, 255, 255, .2);
}

@media (max-width: 680px) {
  html.xinda-image-hero-theme .homepage-official .b-hero {
    min-height: 780px;
    padding: 92px 22px 76px;
    display: flex;
    align-items: flex-end;
  }

  html.xinda-image-hero-theme .homepage-official .b-hero__image {
    inset: 0;
    height: auto;
    background-position: 38% center;
  }

  html.xinda-image-hero-theme .homepage-official .b-hero__copy {
    width: 100%;
    padding: 0;
  }

  html.xinda-image-hero-theme .homepage-official .b-hero h1 {
    font-size: 40px;
  }

  html.xinda-image-hero-theme .homepage-official .fusion-green__visual-copy {
    left: 0;
    right: 0;
    bottom: 0;
    padding: 28px 22px;
  }

  html.xinda-image-hero-theme .homepage-official .fusion-green__visual-copy h2 {
    font-size: 38px;
  }
}