/* ============================================================
   Design refinement overrides — loaded AFTER the Webflow CSS so
   these win the cascade. Goals:
     - no uppercase text anywhere
     - no wide letter-spacing; tighter tracking everywhere
     - tighter line-height
     - cleaner (smaller) footer wordmark
   ============================================================ */

/* No uppercase. */
* {
  text-transform: none !important;
}

/* No wide tracking. Force a uniformly tight letter-spacing so nothing keeps
   the old 0.04–0.14em spacing. Headings already sit tight; this only removes
   widening. */
* {
  letter-spacing: -0.01em !important;
}

/* Tighter line-height. Scoped so it cannot clip the masked rotating hero
   (.rotating-text__heading) that still runs on /home-new. */
body,
.body {
  line-height: 1.4;
}
h1:not(.rotating-text__heading),
h2,
h3,
h4,
.display-1,
.page-title,
.insight-title,
.insights-card-title,
.about-heading {
  line-height: 1.08;
}

/* Footer wordmark — plain text instead of oversized SVG. */
.footer-main .footer-logo-wrap {
  width: auto;
  max-width: 100%;
}
.footer-logo-text {
  display: block;
  font-family: "Inter", sans-serif;
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  font-weight: 500;
  color: var(--text-primary);
  letter-spacing: -0.01em;
}

/* Home page inline nav links (About + Contact) */
.bold-nav-full__home-links {
  display: flex;
  align-items: center;
  gap: 6px;
  pointer-events: auto;
}
.bold-nav-full__home-link {
  font-family: "Inter", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.65);
  text-decoration: none;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid transparent;
  transition: color 0.2s ease, border-color 0.2s ease;
  white-space: nowrap;
}
.bold-nav-full__home-link:hover {
  color: var(--text-primary);
  border-color: rgba(255, 255, 255, 0.2);
}
/* Current page (e.g. About link while on /about). */
.bold-nav-full__home-link--active {
  color: var(--text-primary);
  border-color: rgba(255, 255, 255, 0.2);
}
.bold-nav-full__home-link--cta {
  color: var(--text-primary);
  border-color: rgba(255, 255, 255, 0.25);
}
.bold-nav-full__home-link--cta:hover {
  border-color: rgba(255, 255, 255, 0.5);
  color: var(--text-primary);
}

/* ============================================================
   Footer — one clean typographic row (two stacked rows on mobile).
   One font, one weight, one size, one colour for everything; hover /
   active just brighten. Overrides the legacy grid footer in custom.css
   (this file loads last). Layout: wordmark left, links + © pushed right.
   ============================================================ */
.footer-main .footer-row {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  column-gap: clamp(16px, 1.8vw, 30px);
  row-gap: 14px;
}
/* Single font + colour for every footer element. */
.footer-main .footer-mark,
.footer-main .footer-copy,
.footer-main .footer-link,
.footer-main .lang-toggle,
.footer-main .lang-toggle__item,
.footer-main .lang-toggle__sep {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: clamp(0.82rem, 0.92vw, 0.9rem);
  letter-spacing: -0.01em;
  line-height: 1;
  color: var(--text-muted);
  white-space: nowrap;
}
/* Wordmark sits left; everything else is pushed to the right edge. */
.footer-main .footer-mark {
  margin-right: auto;
}
.footer-main .footer-links-grid {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  justify-content: flex-start;
  column-gap: clamp(16px, 1.8vw, 30px);
  row-gap: 10px;
  width: auto;
  min-width: 0;
  margin: 0;
  padding: 0;
}
.footer-main .footer-link {
  text-decoration: none;
  transition: color 0.2s ease;
}
.footer-main .footer-link:hover,
.footer-main .footer-link:focus-visible,
.footer-main .footer-link.is-current {
  color: var(--text-primary);
}
/* Language toggle: inherit the row exactly; active = brighter, same weight. */
.footer-main .footer-links-grid > .lang-toggle {
  display: inline-flex;
  align-items: baseline;
  gap: 0.4em;
  flex: 0 0 auto;
}
.footer-main .lang-toggle__item {
  text-decoration: none;
  transition: color 0.2s ease;
}
.footer-main .lang-toggle__item:hover,
.footer-main .lang-toggle__item:focus-visible,
.footer-main .lang-toggle__item.is-active {
  color: var(--text-primary);
  font-weight: 400;
}
.footer-main .lang-toggle__sep {
  opacity: 0.5;
  user-select: none;
}

/* Mobile: two rows.
   Row 1 — wordmark (left) + email (right).
   Row 2 — social/About/lang (left) + © (right).
   The email sits with the wordmark so the long address never forces the link
   row to wrap; the link row then fits comfortably on one line. */
@media (max-width: 767px) {
  .footer-main .footer-mark {
    order: 1;
    margin-right: auto;
  }
  .footer-main .footer-email {
    order: 2;
  }
  .footer-main .footer-links-grid {
    order: 3;
    column-gap: 16px;
  }
  .footer-main .footer-copy {
    order: 4;
    margin-left: auto;
  }
}