/* Speaking hero approved structure + soft background integration */
.speaking-hero {
  background:
    linear-gradient(90deg,
      rgba(6,23,35,.98) 0%,
      rgba(6,23,35,.94) 28%,
      rgba(6,23,35,.68) 43%,
      rgba(6,23,35,.22) 60%,
      rgba(6,23,35,.04) 78%),
    url("assets/speaking-hero-approved-scene.webp") center center / cover no-repeat !important;
  box-shadow: inset 0 -72px 90px rgba(6,23,35,.24);
}

/* Keep the approved hero architecture: no overlay bands, no duplicate portrait. */
.speaking-hero::before,
.speaking-hero::after {
  display: none !important;
}

.speaking-portrait {
  display: none !important;
}

.speaking-hero-copy {
  position: relative;
  z-index: 4;
}

/* Restore the quote to the approved lower-right position. */
.speaking-hero-quote {
  right: 3% !important;
  bottom: 16px !important;
  width: 250px !important;
  padding: 10px 14px 12px !important;
  background: rgba(5,19,31,.90) !important;
  border-color: rgba(216,156,88,.62) !important;
  backdrop-filter: blur(8px);
}

.speaking-hero-quote .quote-mark {
  height: 20px !important;
  font-size: 2.7rem !important;
}

.speaking-hero-quote p {
  margin-top: 2px !important;
  font-size: 1.02rem !important;
  line-height: 1.08 !important;
}

@media (max-width: 980px) {
  .speaking-hero {
    background-position: 62% center !important;
  }
  .speaking-hero-copy {
    padding-bottom: 360px !important;
  }
  .speaking-hero-quote {
    display: none !important;
  }
}

@media (max-width: 680px) {
  .speaking-hero {
    background-position: 68% center !important;
    background-size: auto 100% !important;
  }
  .speaking-hero-copy {
    padding-bottom: 300px !important;
  }
}