/* Manifest refinement: quiet, typographic, and free of side decorations. */
:root {
  --paper: #fff;
  --column: 42.5rem;
  --paragraph-space: 1.5rem;
}

body { line-height: 1.7; }
.page {
  width: min(var(--column), calc(100% - 3rem));
  padding-block: 3.5rem 4rem;
}
.logo {
  width: 7.5rem;
  background-color: #fff;
}
.company {
  margin-top: 1.125rem;
  font-family: var(--mono);
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.4;
}
.identity .location {
  margin-top: .3125rem;
  color: var(--muted);
  font-family: var(--mono);
  font-size: .8125rem;
  font-weight: 400;
  line-height: 1.4;
  white-space: normal;
}
h1 {
  margin: 1.875rem 0 .75rem;
  font-size: clamp(2rem, 6.5vw, 2.875rem);
  line-height: 1.12;
  white-space: normal;
}
.mission {
  color: var(--ink);
  font-size: .9375rem;
  line-height: 1.6;
  text-align: center;
}
.manifesto {
  margin-top: 3rem;
  font-size: 1rem;
  line-height: 1.7;
}
.manifesto p + p { margin-top: 1.5rem; }
.manifesto .opening { margin-top: 0; }
.manifesto .closing { margin-top: 2.25rem; }
.team {
  margin-top: 2.5rem;
  line-height: 1.7;
}
.page-footer {
  margin-top: 3rem;
  color: var(--ink);
  font-family: var(--mono);
  font-size: .8125rem;
  line-height: 1.6;
}
.contact-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1.5rem;
  margin-top: 1.125rem;
}
.contact-row a {
  color: var(--ink);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .25em;
  overflow-wrap: anywhere;
}
.contact-row a:hover { color: var(--muted); text-decoration-thickness: 2px; }
.contact-row a:focus-visible { outline: 2px solid var(--ink); outline-offset: 5px; }
.copyright { margin-top: 1.5rem; color: var(--muted); }

@media (max-width: 30rem) {
  .page { width: calc(100% - 2.75rem); padding-block: 2rem 3rem; }
  .logo { width: 6.25rem; }
  .company { margin-top: 1rem; }
  h1 { margin-top: 1.75rem; font-size: 2.125rem; }
  .manifesto { margin-top: 2.5rem; }
  .contact-row { align-items: flex-start; flex-direction: column; gap: .5rem; }
}
