padding-bottom-2">Relative size</h2>
    <div class="grid-row position-relative height-7 flex-align-end">
      <div class="grid-col-3">
        <span class="display-block font-mono-1 height-2">Public Sans</span>
        <span class="height-5 display-none tablet:display-block font-sans-12 text-{{ page.weight }}">Calypso!</span>
        <span class="height-5 display-block tablet:display-none font-sans-12 text-{{ page.weight }}">Aa</span>
      </div>
      <div class="grid-col-3">
        <span class="displa