:root {
  --pad: 14px;
  --grid-pad: 14px;
  --header-h: 48px;
  --footer-h: 48px;
  --mobile-type-size: clamp(13px, 3.4vw, 17px);
  --nav-text-size: clamp(12px, 3.2vw, 15px);
}

.bottombar__nav {
  gap: 22px;
}

.grid__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  height: auto;
  align-items: start;
  row-gap: 22px;
  column-gap: 16px;
  margin-bottom: 40px;
}

.grid__row:last-child {
  margin-bottom: 0;
}

.grid__row .cell--image {
  grid-column: 1 / -1;
  grid-row: 1;
}

.grid__row .cell--title {
  grid-column: 1;
  grid-row: 2;
  justify-self: start;
  text-align: left;
}

.grid__row .cell--type {
  grid-column: 2;
  grid-row: 2;
  justify-self: end;
  text-align: right;
  align-self: start;
}

.cell--title {
  font-size: var(--mobile-type-size);
}

.cell--type {
  font-size: var(--mobile-type-size);
}

.cell {
  min-height: unset;
}

body.is-about .about-panel {
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 var(--grid-pad);
}

body.is-about .about-panel__text,
body.is-about .about-panel__features,
body.is-about .about-panel__copyright {
  max-width: none;
  width: 100%;
  text-align: center;
}

body.is-about .about-panel__text br {
  display: none;
}