.hb-standard-logo {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  transition: opacity 180ms ease;
}
.hb-standard-logo:hover { opacity: .78; }
.hb-standard-logo img { display: block; width: auto; object-fit: contain; }
.hb-standard-logo-header { height: 66px; }
.hb-standard-logo-full { height: 84px; }
.hb-standard-logo-on-dark,
.dark header .hb-standard-logo {
  background: #fafaf9;
  padding: 8px 12px;
}
.hb-footer {
  --footer-text: #292a28;
  --footer-muted: #62645f;
  --footer-line: #dedfd9;
  --footer-small: .875rem;
  --footer-label: .75rem;
  background: #fafaf9;
  color: var(--footer-text);
  border-top: 1px solid var(--footer-line);
}
.hb-footer-inner {
  max-width: 1400px;
  margin-inline: auto;
  padding: 56px 40px 24px;
}
.hb-footer-main {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  align-items: center;
  gap: 64px;
}
.hb-footer-brand { display: flex; align-items: flex-start; flex-direction: column; }
.hb-footer-email {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin-top: 12px;
  color: var(--footer-text);
  font-size: var(--footer-small);
  text-decoration: none;
  text-underline-offset: 5px;
}
.hb-footer-email:hover { text-decoration: underline; }
.hb-footer a:focus-visible { outline: 2px solid #707917; outline-offset: 5px; }
.hb-footer-offices { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.hb-footer-city {
  margin: 0 0 16px;
  color: var(--footer-text);
  font-family: inherit;
  font-size: var(--footer-label);
  font-weight: 600;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: .16em;
}
.hb-footer-office address {
  font-size: var(--footer-small);
  font-style: normal;
  color: var(--footer-muted);
  line-height: 1.85;
}
.hb-footer-bottom {
  margin-top: 40px;
  padding-top: 20px;
  border-top: 1px solid var(--footer-line);
  font-size: var(--footer-label);
  line-height: 1.5;
  color: var(--footer-muted);
  letter-spacing: .025em;
}
@media (max-width: 900px) {
  .hb-footer-main { grid-template-columns: 1fr; gap: 32px; }
  .hb-footer-offices { max-width: 600px; }
}
@media (max-width: 600px) {
  .hb-standard-logo-header { height: 52px; }
  .hb-standard-logo-full { height: 80px; max-width: 100%; }
  .hb-footer-inner { padding: 36px 24px 24px; }
  .hb-footer-offices { grid-template-columns: 1fr; gap: 28px; }
  .hb-footer-city { margin-bottom: 8px; }
  .hb-footer-bottom { margin-top: 32px; }
}
@media (prefers-reduced-motion: reduce) {
  .hb-standard-logo { transition: none; }
}