.page-hero.hero-bright {
  color: var(--ink);
}

.page-hero.hero-bright::after {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.62) 38%, rgba(255, 255, 255, 0.08) 68%, transparent 100%),
    linear-gradient(0deg, rgba(255, 255, 255, 0.16), transparent 45%);
}

.page-hero.hero-bright p {
  color: rgba(16, 24, 32, 0.78);
}

.page-hero.hero-bright .kicker {
  color: var(--blue);
}

.page-hero.hero-bright .btn {
  background: var(--blue);
  color: #fff;
}

.home-hero > div {
  max-width: 470px;
}

.home-hero h1 {
  font-size: clamp(44px, 4.8vw, 68px);
}

.home-hero p {
  max-width: 460px;
}

.page-hero.hero-panel::after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.78) 0%, rgba(255, 255, 255, 0.32) 46%, transparent 72%);
}

.page-hero.hero-panel > div {
  max-width: 650px;
  padding: 32px 36px;
  background: rgba(255, 255, 255, 0.84);
  border-left: 4px solid var(--cyan);
  box-shadow: 0 18px 50px rgba(16, 24, 32, 0.12);
  backdrop-filter: blur(5px);
}

.page-hero.hero-panel h1 {
  font-size: clamp(44px, 5vw, 70px);
}

.image-card.light-card {
  color: var(--ink);
}

.image-card.light-card::after {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.76) 28%, transparent 68%);
}

.image-card.light-card p {
  color: rgba(16, 24, 32, 0.72);
}

@media (max-width: 900px) {
  .home-hero > div {
    max-width: 430px;
  }

  .page-hero.hero-panel > div {
    max-width: 560px;
  }
}

@media (max-width: 620px) {
  .home-hero > div {
    max-width: 100%;
  }

  .home-hero h1 {
    font-size: 43px;
  }

  .page-hero.hero-panel > div {
    padding: 24px;
  }
}