/* Full-image consulting hero: dark, editorial, and text-first. */
.hero {
  min-height: 790px;
  color: #fff;
  background: #10171d;
}

.hero-bg {
  background:
    linear-gradient(90deg, rgba(18, 42, 58, .56) 0%, rgba(18, 42, 58, .36) 42%, rgba(18, 42, 58, .08) 74%),
    linear-gradient(0deg, rgba(8, 26, 38, .22), transparent 58%),
    url('../assets/praam-hero-woman-glass-light.png') center / cover no-repeat;
}

.hero-copy {
  max-width: 690px;
  margin-left: clamp(48px, 7vw, 120px);
  margin-right: auto;
  padding: clamp(112px, 13vh, 145px) 0 24px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.hero .eyebrow { color: #a8dff8; }
.hero h1 { color: #fff; font-size: clamp(2.9rem, 4.25vw, 4.65rem); }
.hero h1 em { color: #fff; }
.hero-copy > p:not(.eyebrow) { color: rgba(255, 255, 255, .88); font-size: 17px; }
.actions { color: #fff; }
.hero .white { color: #06202e; background: #fff; box-shadow: none; }
.proof { border-color: rgba(255, 255, 255, .37); }
.proof div { border-color: rgba(255, 255, 255, .24); }
.proof b { color: #fff; }
.proof span { color: rgba(255, 255, 255, .72); }

@media (min-width: 801px) and (min-height: 700px) {
  .hero { height: 100svh; min-height: 700px; max-height: 900px; }
  .hero-copy > p:not(.eyebrow) { margin: 20px 0; }
  .hero-copy .actions { gap: 20px; }
  .hero-copy .proof { margin-top: 42px; }
  .hero-copy .proof div { padding-top: 13px; padding-bottom: 13px; }
}

@media (max-width: 800px) {
  .hero { min-height: 730px; }
  .hero-bg { background-position: 62% center; }
  .hero-copy { max-width: 100%; margin-left: auto; padding: 145px 0 28px; }
}