@font-face {
  font-family: 'Air America';
  src: url('assets/AirAmerica-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
:root { --serif: 'Air America', Impact, 'Arial Narrow', sans-serif; }
.wordmark { font-family: var(--serif); font-weight:400; font-size:36px; letter-spacing:.025em; line-height:.95; }
.wordmark small { font-family:var(--serif); font-size:16px; letter-spacing:.28em; margin-top:8px; }
h1,h2,h3,.work-meta h3 { font-family:var(--serif); letter-spacing:.015em; font-weight:400; }
h1 em,h2 em { font-style:normal; }
.hero h1.brand-tagline { font-size:clamp(48px,5.5vw,82px); line-height:.98; letter-spacing:.01em; margin-bottom:24px; }
.brand-tagline>span:not(.tagline-payoff) { color:var(--teal); white-space:nowrap; }
.hero h1 .tagline-payoff { display:block; margin-top:20px; font-size:clamp(21px,2.1vw,30px); letter-spacing:.025em; line-height:1.1; }
.hero-copy { padding-top:0; }
.hero-deck { margin-bottom:24px; }
.footer-top p { font-family:var(--serif); font-size:26px; letter-spacing:.03em; line-height:1.2; max-width:420px; }
.work-meta h3 { font-size:32px; }
.archive-grid .work-meta h3 { font-size:31px; }
.page-intro h1,.collection-heading h1,.contact-section h2,.home-note h2,.about-copy h2,.client-copy h2,.service-row h2 { letter-spacing:.015em; }
@media(max-width:1050px) {
  .wordmark { font-size:31px; }
  .wordmark small { font-size:14px; }
  .site-header nav { gap:18px; }
}
@media(max-width:760px) {
  .wordmark { font-size:32px; }
  .wordmark small { font-size:14px; }
  .hero h1.brand-tagline { font-size:clamp(44px,11.8vw,78px); line-height:.98; }
  .hero h1 .tagline-payoff { font-size:clamp(20px,4.9vw,28px); margin-top:16px; }
  .hero-copy { padding-bottom:24px; }
  .hero-picture { height:330px; }
  .footer-top { flex-wrap:wrap; }
  .footer-top p { font-size:23px; }
  .page-intro h1 { font-size:58px; }
  .collection-heading h1 { font-size:51px; }
}
@media(max-width:380px) {
  .wordmark { font-size:28px; }
  .wordmark small { font-size:13px; }
  .hero h1.brand-tagline { font-size:44px; }
  .hero h1 .tagline-payoff { font-size:20px; }
}