/* Marketing header geometry and colour treatment, shared by Directory's public pages. */
.public-site {
  --ac-page-gutter: clamp(1.25rem, 5.7vw, 5rem);
  --public-page-gutter: var(--ac-page-gutter);
  --public-page-max-width: calc(var(--public-content-max-width) + 2 * var(--public-page-gutter));
  --landing-canvas: oklch(from var(--ac-color-brand-navy) calc(l * 0.66) calc(c * 0.55) calc(h - 25));
  --landing-accent: var(--ac-color-brand-teal);
  --landing-highlight: oklch(from var(--landing-accent) calc(l * 1.5) calc(c * 1.55) h);
  --landing-border: color-mix(in srgb, var(--landing-highlight) 20%, var(--landing-canvas));
  --landing-border-strong: color-mix(in srgb, var(--landing-highlight) 42%, var(--landing-canvas));
  --landing-muted: color-mix(in srgb, var(--ac-color-text-inverse) 77%, var(--landing-canvas));
}
.landing-header.ac-site-header {
  position: relative;
  min-height: 6.25rem;
  gap: 1.5rem;
  border-bottom: 0;
  background: radial-gradient(ellipse at 70% 12%, color-mix(in srgb, var(--landing-accent) 7%, transparent), transparent 38%), var(--landing-canvas);
}
.landing-header.ac-site-header .ac-brand-lockup { display: block; width: 13.75rem; height: auto; }
.landing-header.ac-site-header .ac-brand-mark { display: none; }
.landing-header .ac-desktop-navigation { gap: clamp(1.1rem, 2.4vw, 2.25rem); margin-inline: auto; }
.landing-header .ac-desktop-navigation > a:not(.ac-button) { padding-block: 0.65rem; font-size: 0.8rem; text-decoration: none; border-bottom: 1px solid transparent; }
.landing-header .ac-desktop-navigation > a:hover { border-bottom-color: var(--landing-accent); }
.landing-header .ac-desktop-navigation > a[aria-current] { color: var(--ac-color-text-inverse); border-bottom-color: var(--landing-accent); }
.landing-header__submit.ac-button {
  min-height: 2.75rem;
  gap: 1.15rem;
  border: 1px solid var(--landing-highlight);
  border-radius: var(--ac-radius-control);
  padding: 0.8rem 1.45rem;
  background: transparent;
  color: var(--ac-color-text-inverse);
  font-size: 0.8rem;
  font-weight: var(--ac-font-weight-semibold);
  white-space: nowrap;
  box-shadow: none;
}
.landing-header__submit.ac-button:hover { background: var(--landing-highlight); border-color: var(--landing-highlight); color: var(--landing-canvas); }
.landing-header__submit span { font-size: 1.35rem; line-height: 1; }
.landing-header .ac-mobile-navigation nav { background: var(--landing-canvas); border-color: var(--landing-border-strong); color: var(--ac-color-text-inverse); }
.landing-header .ac-mobile-navigation summary span, .landing-header .ac-mobile-navigation summary::before, .landing-header .ac-mobile-navigation summary::after { background: var(--ac-color-text-inverse); }
.landing-header .ac-mobile-navigation nav a:not(.ac-button) { border-bottom-color: var(--landing-border); }
@media (max-width: 62rem) {
  .landing-header.ac-site-header { min-height: 5.4rem; }
  .landing-header .ac-desktop-navigation { gap: 1rem; }
  .landing-header .ac-desktop-navigation > a:not(.ac-button) { font-size: 0.7rem; }
  .landing-header__submit.ac-button { padding-inline: 0.85rem; font-size: 0.7rem; gap: 0.6rem; }
}
@media (max-width: 48rem) {
  .landing-header.ac-site-header { min-height: 5rem; }
  .landing-header .ac-desktop-navigation { display: none; }
  .landing-header .ac-mobile-navigation { display: block; }
  .landing-header__submit.ac-button { margin-left: auto; }
  .landing-header .ac-mobile-navigation nav { position: absolute; z-index: 5; left: auto; right: var(--ac-page-gutter); width: min(21rem, calc(100vw - 2 * var(--ac-page-gutter))); border: 1px solid var(--landing-border-strong); border-radius: var(--ac-radius-control); }
  .landing-header .ac-mobile-navigation a { min-height: 2.75rem; padding-block: 0.65rem; }
}
@media (max-width: 30rem) {
  .landing-header.ac-site-header { gap: 0.8rem; }
  .landing-header.ac-site-header .ac-brand-lockup { width: 11.25rem; }
  .landing-header__submit.ac-button { display: none; }
}
@media (forced-colors: active) {
  .landing-header.ac-site-header { background: Canvas; color: CanvasText; border-bottom: 1px solid CanvasText; }
  .landing-header__submit.ac-button, .landing-header .ac-mobile-navigation nav { border-color: ButtonText; background: Canvas; color: CanvasText; }
  .landing-header .ac-desktop-navigation > a[aria-current] { color: LinkText; border-color: LinkText; }
  .landing-header .ac-mobile-navigation summary span, .landing-header .ac-mobile-navigation summary::before, .landing-header .ac-mobile-navigation summary::after { background: CanvasText; }
}