/* Local Saratoga review: lighter, tighter wordmark matching the storyboard's sleek lettering. */
.site-header .logo-ratio,.footer-logo .logo-ratio {
  font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 560;
  letter-spacing: -.065em;
  font-stretch: condensed;
}
.site-header .logo-it,.footer-logo .logo-it {
  font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 550;
  letter-spacing: -.055em;
  padding-inline: 6px 3px;
}
.site-header .logo-solutions,.footer-logo .logo-solutions {
  font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 560;
  letter-spacing: -.03em;
}
.site-header .logo-capsule,.footer-logo .logo-capsule {border-width:1.5px;}
.site-header .logo-ratio {font-size:1.73rem;}
.footer-logo .logo-ratio {font-size:1.80rem;}
@media(max-width:1400px){.footer-logo .logo-ratio{font-size:1.50rem;}}
@media(max-width:1020px){.footer-logo .logo-ratio{font-size:1.20rem;}}

/* V3 owner review: tighter logo lockups and storyboard-inspired dark footer capsule. */
.site-header .logo,
.footer-logo {
  gap: 1px; /* Three-node glyph should sit close to the Ratio wordmark. */
}
.footer-brand {
  --footer-icon-width: 27px;
  --footer-icon-gap: 1px;
}
.footer-logo .logo-mark { width: var(--footer-icon-width); }
.footer-logo .logo-solutions {
  background: var(--color-navy-dark); /* Match the footer rather than the white header capsule. */
  color: #fff;
}
.site-footer .footer-brand > p {
  padding-inline-start: calc(var(--footer-icon-width) + var(--footer-icon-gap));
}
@media (max-width: 1020px) {
  .footer-brand { --footer-icon-width: 24px; }
}
@media (max-width: 520px) {
  .footer-brand { --footer-icon-width: 19px; }
}