/* Chosen pair and scale. Local font files include Cyrillic. */
:root {
  --font-display: 'Sofia Sans Extra Condensed', sans-serif;
  --font-text: 'Golos Text', Arial, sans-serif;
}
body { font-family: var(--font-text); font-synthesis: none; }
.meta { font: 500 11px/1.5 var(--font-text); letter-spacing: .055em; }
.author { font-size: 17px; font-weight: 500; letter-spacing: -.035em; }
.author .meta { font-size: 10px; letter-spacing: .06em; }
.nav { font-size: 11px; letter-spacing: .02em; }
.hero h1, .project-heading h3, .together h2, .about h2, .contact h2 {
  font-family: var(--font-display);
  font-weight: 900;
  letter-spacing: -.02em;
}
.hero h1 { font-size: clamp(125px, 25vw, 640px); line-height: .76; margin: 45px auto 40px; }
.hero-foot p { font-size: 20px; line-height: 1.45; }
.hero-foot .hero-detail { font-size: 14px; line-height: 1.5; }
.section-heading h2 { font: 500 14px/1.5 var(--font-text); letter-spacing: .055em; text-transform: uppercase; }
.project-number { font-size: 11px; }
.project-heading h3 { font-size: clamp(36px, 4.2vw, 64px); line-height: 1; text-transform: uppercase; }
.project-name { font-size: 16px; line-height: 1.4; }
.project-caption p { font-size: 14px; line-height: 1.6; max-width: 650px; }
.project-note { font-size: 12px; line-height: 1.6; }
.about h2 { font-size: clamp(92px, 11.5vw, 166px); line-height: .83; }
.about-lead { font-size: 23px; line-height: 1.45; letter-spacing: -.02em; }
.about-text { font-size: 16px; line-height: 1.65; }
.about-other { font-size: 14px; }
.about-cta { font-size: 15px; line-height: 1.5; }
.contact h2 { font-size: clamp(92px, 10.5vw, 152px); line-height: .83; }
.contact-note { font-size: 14px; line-height: 1.6; }
.contact-address { font-size: 22px; line-height: 1.45; letter-spacing: -.025em; }
.together h2 { font-size: clamp(76px, 6.6vw, 96px); line-height: .85; }
.brand-note { font-size: 12px; line-height: 1.6; }
.footer { font-size: 10px; letter-spacing: .04em; }
@media (max-width: 700px) {
  .meta { font-size: 10px; }
  .author { font-size: 14px; }
  .author .meta { font-size: 10px; }
  .nav { font-size: 12px; }
  .hero-label { font-size: 10px; }
  .hero h1 { font-size: 29vw; line-height: .78; margin: 38px auto 30px; }
  .hero-foot p { font-size: 17px; }
  .hero-foot .hero-detail { font-size: 13px; }
  .hero-foot a { font-size: 11px; line-height: 1.5; }
  .section-heading h2 { font-size: 12px; }
  .section-heading button { font-size: 11px; }
  .project-heading h3 { font-size: 34px; }
  .project-name { font-size: 14px; }
  .project-caption p { font-size: 14px; }
  .about h2 { font-size: 25vw; }
  .about-lead { font-size: 21px; }
  .about-text { font-size: 15px; }
  .about-other { font-size: 14px; }
  .contact h2 { font-size: 25vw; }
  .contact-address { font-size: 19px; }
  .together h2 { font-size: 15vw; }
  .footer { font-size: 9px; }
}
@media (max-width: 360px) {
  .author { font-size: 13px; }
  .nav { font-size: 11px; }
  .section-heading button { font-size: 11px; white-space: normal; max-width: 100px; min-width: 0; }
  .brand-note { font-size: 11px; }
  .contact-address { font-size: 17px; }
}