/* Focused hero refinement; no selectors outside the homepage introduction. */
.navigator-hero-inner {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(36px, 5vw, 72px);
  align-items: center;
  padding-block: 56px 82px;
}
.navigator-hero .section-kicker { margin-bottom: 18px; }
.navigator-hero h1 {
  font-size: clamp(3rem, 4.45vw, 4.5rem);
  line-height: 1.07;
  letter-spacing: -.04em;
  max-width: none;
  text-wrap: balance;
}
.navigator-hero h1 span { margin-top: .05em; }
.navigator-hero .navigator-lead {
  font-size: 1.08rem;
  line-height: 1.65;
  max-width: 475px;
  margin: 24px 0 28px;
}
.navigator-hero .navigator-actions { gap: 14px; }
.navigator-hero .navigator-actions .button,
.navigator-hero .navigator-explore {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  border-radius: 7px;
  font-size: .95rem;
  font-weight: 800;
  line-height: 1.3;
}
.navigator-hero .navigator-explore { border: 1px solid #b8d7f5; color: #fff; text-decoration: none; }
.navigator-hero .navigator-explore:hover { background: #fff; color: #074fa7; text-decoration: none; }
.navigator-hero .navigator-call-note { margin: 18px 0 0; font-size: .83rem; }
.navigator-hero-photo { padding: 12px 0 0 12px; width: 100%; margin: 0; }
.navigator-hero-photo::before { inset: 0 0 36px 0; clip-path: polygon(5% 0, 100% 0, 100% 97%, 0 100%); }
.navigator-photo-frame { padding: 10px 10px 12px; clip-path: none; background: #1764b1; }
.navigator-photo-frame img { display: block; width: 100%; height: auto; border-radius: 3px; }
.navigator-hero-photo figcaption { margin: 0; padding: 10px 4px 0; font-size: .76rem; line-height: 1.5; }
.navigator-hero-photo figcaption span { display: inline; margin-left: 6px; font-size: inherit; }
.navigator-wave { height: 44px; bottom: -1px; transform: none; }
@media (max-width: 899px) {
  .navigator-hero-inner { grid-template-columns: 1fr; gap: 28px; padding-block: 38px 62px; }
  .navigator-hero-copy { max-width: 640px; }
  .navigator-hero h1 { font-size: clamp(2.6rem, 6vw, 3.5rem); }
  .navigator-hero .navigator-lead { max-width: 560px; }
  .navigator-hero-photo { max-width: 560px; justify-self: center; margin: 0; }
}
@media (max-width: 767px) {
  .navigator-hero-inner { padding-block: 28px 38px; gap: 22px; }
  .navigator-hero h1 { font-size: clamp(2rem, 9.2vw, 2.65rem); line-height: 1.09; }
  .navigator-hero .section-kicker { font-size: .66rem; margin-bottom: 14px; }
  .navigator-hero .navigator-lead { font-size: 1rem; line-height: 1.55; margin: 18px 0 21px; }
  .navigator-hero .navigator-actions { gap: 12px; }
  .navigator-hero .navigator-actions .button,
  .navigator-hero .navigator-explore { min-height: 48px; padding: 11px 18px; font-size: .87rem; }
  .navigator-hero .navigator-call-note { display: none; }
  .navigator-hero-photo { padding: 8px 0 0 8px; max-width: 430px; }
  .navigator-hero-photo::before { inset: 0 0 31px 0; }
  .navigator-photo-frame { padding: 7px; }
  .navigator-photo-frame img { height: 165px; object-fit: cover; object-position: center 56%; }
  .navigator-hero-photo figcaption { padding-top: 8px; font-size: .68rem; }
  .navigator-hero-photo figcaption span { margin-left: 4px; }
  .navigator-wave { height: 35px; }
}