/* One header contract for the static homepage and the redesigned Next.js pages. */
.v12-root .v12-nav.ottho-header,
.v12-nav-mobile-overlay.ottho-header-menu {
  --ottho-header-font:var(--font-hanken,"Hanken Grotesk"),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --sans:var(--ottho-header-font);
  --ink:#323339;
  --ink-deep:#1f2024;
  --charcoal:#424247;
  --graphite:#5c5b57;
  --line:#e5e4e1;
  --purple:#8450ff;
  --lavender-3:#f0ebfb;
  font-family:var(--ottho-header-font);
  font-size:15px;
  line-height:1.55;
}
.v12-root .v12-nav.ottho-header {
  --ottho-header-gutter:48px;
  background:#f5f4f1;
}
.v12-root .v12-nav.ottho-header .v12-nav-inner {
  max-width:1440px;
  min-height:76px;
  padding:16px var(--ottho-header-gutter);
}
/* Explicit nav selectors keep content-button styles out of both headers. */
.v12-root .v12-nav.ottho-header .v12-nav-cta-desktop,
.ottho-header-menu .v12-nav-mobile-actions .v12-nav-mobile-cta {
  box-sizing:border-box;
  min-height:44px;
  padding:12px 22px;
  border:1px solid transparent;
  border-radius:6px;
  font:500 14px/1 var(--ottho-header-font);
  letter-spacing:.005em;
  text-transform:none;
  white-space:nowrap;
  gap:8px;
  background:#323339;
  color:#fff;
  box-shadow:none;
  transform:none;
  transition:background 150ms cubic-bezier(.4,0,.2,1),border-color 150ms,transform 150ms,box-shadow 150ms;
}
.v12-root .v12-nav.ottho-header .v12-nav-cta-desktop:hover,
.ottho-header-menu .v12-nav-mobile-actions .v12-nav-mobile-cta:hover {
  background:#424247;
  transform:translateY(-1px);
  box-shadow:0 4px 12px #32333914,0 2px 4px #3233390a;
}
.v12-root .v12-nav.ottho-header .v12-nav-cta-desktop:active,
.ottho-header-menu .v12-nav-mobile-actions .v12-nav-mobile-cta:active { transform:translateY(1px); }
.v12-root .v12-nav.ottho-header .v12-nav-cta-desktop .v12-arr { display:none; }
.ottho-header-menu .v12-nav-mobile-actions .v12-nav-mobile-cta { min-height:48px; }
.v12-root .v12-nav.ottho-header .v12-nav-cta-desktop:focus-visible,
.ottho-header-menu .v12-nav-mobile-actions .v12-nav-mobile-cta:focus-visible { outline:3px solid #8450ff; outline-offset:5px; }
.ottho-header-menu .ottho-menu-description {
  display:block;
  margin-top:3px;
  color:var(--graphite);
  font:400 12px/1.5 var(--ottho-header-font);
  letter-spacing:0;
}
.v12-root .v12-nav.ottho-header .v12-nav-links>a,
.v12-root .v12-nav.ottho-header .v12-nav-dropdown>a { white-space:nowrap; }
@media(max-width:1024px) {
  .v12-root .v12-nav.ottho-header .v12-nav-inner { grid-template-columns:1fr auto; }
  .v12-root .v12-nav.ottho-header .v12-nav-links,
  .v12-root .v12-nav.ottho-header .v12-nav-actions { display:none; }
  .v12-root .v12-nav.ottho-header .v12-nav-burger { display:flex; justify-self:end; }
}
@media(max-width:900px) {
  .v12-root .v12-nav.ottho-header { --ottho-header-gutter:28px; }
}
@media(max-width:720px) {
  .v12-root .v12-nav.ottho-header .v12-nav-inner { padding-block:14px; min-height:72px; }
}
@media(max-width:650px) {
  .v12-root .v12-nav.ottho-header { --ottho-header-gutter:22px; }
}
@media(prefers-reduced-motion:reduce) {
  .v12-root .v12-nav.ottho-header .v12-nav-cta-desktop,
  .ottho-header-menu .v12-nav-mobile-actions .v12-nav-mobile-cta { transition:none; transform:none; }
  .v12-root .v12-nav.ottho-header .v12-nav-cta-desktop:is(:hover,:active),
  .ottho-header-menu .v12-nav-mobile-actions .v12-nav-mobile-cta:is(:hover,:active) { transform:none; }
  .v12-nav-mobile-overlay.ottho-header-menu,
  .ottho-header-menu .v12-nav-mobile-panel { animation:none; }
}