/* Typography. Newsreader for anything that speaks, Plex Mono for anything that counts. */

h1, h2, h3, h4 { font-weight: 400; margin: 0; }

.brandline h1,
h1.display {
  font-family: var(--serif);
  font-weight: 300;
  font-size: clamp(38px, 7vw, 74px);
  line-height: 1;
  color: var(--filament);
  letter-spacing: -0.02em;
  margin: 0;
}
h1.display em, .brandline h1 em { font-style: italic; }

h2 {
  font-family: var(--serif);
  font-weight: 300;
  font-size: clamp(27px, 3.6vw, 40px);
  line-height: 1.12;
  color: var(--filament);
  margin: 0 0 16px;
  letter-spacing: -0.015em;
}
h2 em { font-style: italic; }

h3 {
  font-size: 15px;
  font-weight: 500;
  color: var(--mid);
  letter-spacing: -0.005em;
}

/* The small uppercase mono label above a section. */
.eyebrow {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #5C636C;
  margin-bottom: 14px;
}

.sub {
  max-width: 560px;
  color: var(--dim);
  margin: 0 0 42px;
  font-size: 15.5px;
}

.prose { max-width: 620px; }
.prose--wide { max-width: 744px; }
.prose p { margin: 0 0 20px; font-size: 16px; line-height: 1.7; color: #8C949E; }
.prose p:last-child { margin-bottom: 0; }
.prose em { font-style: italic; color: var(--mid); }
.prose strong { font-weight: 500; color: var(--filament); }

/* A line the centre said themselves, given room to breathe. */
.pullquote {
  font-family: var(--serif);
  font-style: italic;
  font-weight: 300;
  font-size: clamp(22px, 3vw, 31px);
  line-height: 1.35;
  color: var(--filament);
  margin: 0;
  max-width: 720px;
}
.pullquote cite {
  display: block;
  margin-top: 18px;
  font-family: var(--mono);
  font-style: normal;
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #5C636C;
}

.org {
  font-family: var(--orgface);
  font-size: clamp(11px, 1.5vw, 14px);
  letter-spacing: 0.36em;
  text-indent: 0.36em;
  text-transform: uppercase;
  color: var(--f5);
  margin: 20px 0 0;
  font-weight: 400;
  text-shadow: 0 0 26px rgba(var(--warm), 0.38);
}

.addr {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #565D66;
  margin-top: 26px;
}

.mono { font-family: var(--mono); }

.caption {
  font-family: var(--mono);
  font-size: 9.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #5C636C;
  margin-top: 10px;
  line-height: 1.5;
}

a { color: inherit; }