/* Approved Café Frida marks and shared brand surfaces. */
:root {
  --brand-green: #23523D;
  --brand-white: #FFFFFF;
  --brand-header-height: 76px;
  --brand-logo-width: 74px;
}
.brand-logo {
  display: block;
  width: var(--brand-logo-width);
  height: auto;
  aspect-ratio: 414 / 323;
  flex: none;
}
.legal-header {
  display: flex;
  align-items: center;
  padding: 10px clamp(20px, 5vw, 72px);
  background: var(--brand-green);
  color: var(--brand-white);
  border-color: rgba(255, 255, 255, .2);
}
.legal-header .home { color: inherit; gap: 20px; }
.legal-header .brand-logo { width: 98px; }
.legal-header :focus-visible { outline-color: var(--brand-white); }
.brand-place {
  font-family: var(--mono);
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: .1em;
  color: var(--brand-white);
}
@media (max-width: 860px) {
  :root {
    --brand-header-height: 104px;
    --brand-logo-width: 58px;
  }
}