@font-face {
      font-family: 'Geist';
      src: url('/assets/fonts/Geist-VariableFont_wght.ttf') format('truetype');
      font-weight: 100 900;
      font-style: normal;
      font-display: swap;
}

@font-face {
      font-family: 'Pilcrow Rounded';
      src: url('/assets/fonts/PilcrowRounded-Medium.woff2') format('woff2-variations'),
            url('/assets/fonts/PilcrowRounded-Medium.woff') format('woff'),
            url('/assets/fonts/PilcrowRounded-Medium.ttf') format('truetype');
      font-weight: 500;
      font-style: normal;
}

.txt-center {
      text-align: center;
}

.g-xs {
      font-size: 1rem;
      line-height: 1.25rem;
      font-weight: 420;
}

.g-s {
      font-size: 1.15rem;
      line-height: 1.5rem;
      font-weight: 420;
}

.g-sm {
      font-size: 1.3rem;
      line-height: 1.5rem;
      font-weight: 420;
}

.g-m {
      font-size: 1.75rem;
      line-height: 2rem;
      font-weight: 420;
}

.g-l {
      font-size: 2rem;
      line-height: 2.25rem;
      font-weight: 420;
}

.pr-large,
.pr-landing {
      font-family: 'Pilcrow Rounded', sans-serif;
      font-size: 4.25rem;
      line-height: 3.5rem;
      text-align: center;
      font-weight: 500;
      color: var(--c-white);
      -webkit-text-stroke: 1px var(--c-red);
      text-stroke: 1px var(--c-red);
      letter-spacing: -0.2rem;
}

.hyphens {
      hyphens: auto;
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
      overflow-wrap: break-word;
}

a {
      text-decoration: underline;
      transition: all .5s ease-in-out;
}

figcaption {
      color: var(--c-red);
      background-color: var(--c-white);
      padding: .1rem .1rem;
      width: max-content;
}

@media screen and (min-width: 720px) {

      .pr-large,
      .pr-landing {
            font-size: 7rem;
            line-height: 6.5rem;
            -webkit-text-stroke: 2px var(--c-red);
            text-stroke: 2px var(--c-red);
      }

}

@media screen and (min-width: 1024px) {

      .pr-landing {
            font-size: clamp(7rem, 15vw, 12rem);
            line-height: 85%;
      }

}