@media (max-width: 768px) {
  :root {
    --mobile-gutter: 20px;
    --mobile-max-w: calc(100vw - 40px);

    --font-h1-size: 56px;
    --font-h1-line-height: 64.4px;
    --font-h1-letter-spacing: 0px;

    --font-p-large-size: 18px;
    --font-p-large-line-height: 29.7px;

    --font-h3-size: 30px;
    --font-h3-line-height: 34.5px;
  }
}