@font-face {
  font-family: "EzClip Inter Tight";
  src: url("/fonts/inter-tight-800.ttf") format("truetype");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

:root { --brand-accent: #E0243B; }
body { --orange: var(--brand-accent); }

.ezclip-wordmark,
.brand__w {
  display: inline-flex;
  align-items: baseline;
  white-space: nowrap;
  font-family: "EzClip Inter Tight", Inter, sans-serif;
  font-size: 26px;
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: 1;
}

.ezclip-wordmark { color: currentColor; }
.ezclip-wordmark__accent { color: var(--brand-accent); }

.brand .ezclip-wordmark { font-size: 26px; }
.foot .ezclip-wordmark,
footer .ezclip-wordmark { font-size: 22px; }

@media (min-width: 761px) {
  :root { --nav-h: 64px; }
  header.nav {
    --nav-h: 64px;
    height: 64px;
    min-height: 64px;
  }
  header.nav .nav__in { min-height: 0; }
}

@media (max-width: 480px) {
  .ezclip-wordmark,
  .brand__w,
  .brand .ezclip-wordmark { font-size: 24px; }
  .foot .ezclip-wordmark,
  footer .ezclip-wordmark { font-size: 20px; }
}