@font-face {
  font-family: Ground;
  src: url('/assets/ground-landing.c18fdc509533.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
:root { color-scheme: light; --paper: #c2ed22; --ink: #005e48; --ink-fade: linear-gradient(to bottom, rgb(0 0 0 / 55%) 0%, rgb(0 0 0 / 64%) 40%, rgb(0 0 0 / 93%) 60%, #000 100%); }
* { box-sizing: border-box; }
html { background: var(--paper); color: var(--ink); }
body {
  margin: 0;
  padding: clamp(28.8px, 5.76vmin, 86.4px) 0;
  font-family: Ground, sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
}
::selection { background: var(--ink); color: var(--paper); }
main { width: 80%; max-width: 960px; margin-inline: auto; filter: drop-shadow(0 0.35px 0.25px rgb(0 45 31 / 18%)); }
.mark {
  display: block; width: 28.8px; height: 27px; margin: 0 auto 57.6px;
  -webkit-mask-image: var(--ink-fade);
  mask-image: var(--ink-fade);
}
.statement {
  margin: 0;
  font-size: clamp(10.2px, 2.04vmin, 40.8px);
  text-align: center;
  line-height: 1.25;
  letter-spacing: -0.012em;
  overflow-wrap: break-word;
}
.translation {
  display: block;
  -webkit-mask-image: var(--ink-fade);
  mask-image: var(--ink-fade);
  -webkit-mask-size: 100% 1.25em;
  mask-size: 100% 1.25em;
  -webkit-mask-repeat: repeat-y;
  mask-repeat: repeat-y;
}
.translation + .translation { margin-block-start: 1.25em; }
.translation:lang(zh), .translation:lang(hi), .translation:lang(ar) { letter-spacing: 0; }
.translation[dir="rtl"] { unicode-bidi: isolate; }

@media (max-width: 600px), (max-height: 500px) {
  .statement { font-size: clamp(18px, 4.5vw, 22px); }
}