/* Keep Cindy's portrait unobstructed at desktop, tablet and phone widths. */
.hero-visual {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: auto;
  align-self: start;
}
.hero-visual::after { display: none; }
.hero-visual > img {
  display: block;
  position: static;
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  object-fit: contain;
  flex: none;
}
.hero-visual .hero-card {
  position: static;
  inset: auto;
  transform: none;
  width: 100%;
  max-width: none;
  margin: 0;
  box-sizing: border-box;
  flex: none;
}
.hero-visual .hero-monogram { display: none; }
.nav a { white-space: nowrap; }
@media (min-width: 821px) and (max-width: 1180px) {
  .nav { flex-wrap: wrap; justify-content: center; gap: 14px 18px; }
}