@font-face {
  font-family: 'V99';
  src: url('data:font/woff2;charset=utf-8;base64,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') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'V99';
  src: url('data:font/woff2;charset=utf-8;base64,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') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: block;
}

:root {
  --paper:#f9cccc;
  --ink:#141018;
  --alt:#83c6e9;
  --mid:#1760f9;
  --alert:#d52d7a;
  --bright:#ff7600;
  --accent:#79b78c;

  --unit:2rem;

  font-family: V99, monospace;
  text-transform: uppercase;
  letter-spacing: 0.5em;
  line-height: 1.5;
  font-weight: 400;
  text-rendering: optimizeLegibility;
}

.bg-paper { background: var(--paper) }
.bg-ink { background: var(--ink) }
.bg-mid { background: var(--mid) }
.bg-alt { background: var(--alt) }
.bg-alert { background: var(--alert) }
.bg-bright { background: var(--bright) }
.bg-accent { background: var(--accent) }

.text-paper { color: var(--paper) }
.text-ink { color: var(--ink) }
.text-mid { color: var(--mid) }
.text-alt { color: var(--alt) }
.text-alert { color: var(--alert) }
.text-bright { color: var(--bright) }
.text-accent { color: var(--accent) }

.fill-paper { fill: var(--paper) }
.fill-ink { fill: var(--ink) }
.fill-mid { fill: var(--mid) }
.fill-alt { fill: var(--alt) }
.fill-alert { fill: var(--alert) }
.fill-bright { fill: var(--bright) }
.fill-accent { fill: var(--accent) }

body {
  margin:0;
  padding:0;
  background: var(--paper);
  color: var(--ink);
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:center;
  min-height:100vh;
}

html, body {
  font-size: 1vw;
  overscroll-behavior: none;
}

.logo {
  width: 16.5rem;
  margin: 0.6rem 2rem 0.6rem 0;
}


h1, p {
  margin:0;
  padding:0;
}

h1 {
  font-size:2rem;
  font-weight:400;
}

p {
  font-size:1.2rem;
  letter-spacing:0.25em;
  line-height:1.5;
}

a {
  color: currentColor;
  text-decoration: underline;
  text-decoration-style: wavy;
  text-underline-offset: 0.5em;
}

.crazy, .crazy-hover:hover {
  animation: crazy 0.5s infinite step-end;
}

@keyframes crazy {
  0% { color:var(--alert) }
  25% { color:var(--mid) }
  50% { color:var(--bright) }
  75% { color:var(--alt) }
}

@keyframes crazyfill {
  0% { fill:var(--alert) }
  25% { fill:var(--mid) }
  50% { fill:var(--bright) }
  75% { fill:var(--alt) }
}
.crazy-fill {
  animation: crazyfill 0.5s infinite step-end;
}

.flex-col {
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:center;
}
.flex-row {
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:flex-start;
  flex-wrap:wrap;
}

.w-12 { width:100% }
.w-11 { width:91.66% }
.w-10 { width:83.33% }
.w-9 { width:75% }
.w-8 { width:66.66% }
.w-7 { width:58.33% }
.w-6 { width:50% }
.w-5 { width:41.66% }
.w-4 { width:33.33% }
.w-3 { width:25% }
.w-2 { width:16.66% }
.w-1 { width:8.33% }

.mt-05 { margin-top:calc(var(--unit) / 2) }

.m-1 { margin:var(--unit) }
.mt-1 { margin-top:var(--unit) }
.mr-1 { margin-right:var(--unit) }
.mb-1 { margin-bottom:var(--unit) }
.ml-1 { margin-left:var(--unit) }
.mx-1 { margin-left:var(--unit); margin-right:var(--unit) }
.my-1 { margin-top:var(--unit); margin-bottom:var(--unit) }

.m-2  { margin:calc(var(--unit) * 2) }
.mt-2 { margin-top:calc(var(--unit) * 2) }
.mr-2 { margin-right:calc(var(--unit) * 2) }
.mb-2 { margin-bottom:calc(var(--unit) * 2) }
.ml-2 { margin-left:calc(var(--unit) * 2) }
.mx-2 { margin-left:calc(var(--unit) * 2); margin-right:calc(var(--unit) * 2) }
.my-2 { margin-top:calc(var(--unit) * 2); margin-bottom:calc(var(--unit) * 2) }

.p-1 { padding:var(--unit) }
.pt-1 { padding-top:var(--unit) }
.pr-1 { padding-right:var(--unit) }
.pb-1 { padding-bottom:var(--unit) }
.pl-1 { padding-left:var(--unit) }
.px-1 { padding-left:var(--unit); padding-right:var(--unit) }
.py-1 { padding-top:var(--unit); padding-bottom:var(--unit) }

.p-2  { padding:calc(var(--unit) * 2) }
.pt-2 { padding-top:calc(var(--unit) * 2) }
.pr-2 { padding-right:calc(var(--unit) * 2) }
.pb-2 { padding-bottom:calc(var(--unit) * 2) }
.pl-2 { padding-left:calc(var(--unit) * 2) }
.px-2 { padding-left:calc(var(--unit) * 2); padding-right:calc(var(--unit) * 2) }
.py-2 { padding-top:calc(var(--unit) * 2); padding-bottom:calc(var(--unit) * 2) }

.smallprint { font-size:1em; letter-spacing:0.15em; line-height:1.75em; }

.sm-only { display:none }

/* sm */
@media (max-width: 768px) {
  :root { --unit:4rem }
  .sm-w-12 { width:100% }
  .sm-mt-1 { margin-top:var(--unit) }
  html, body { font-size: 1.75vw }
  p { font-size:2rem }
  .sm-off { display:none }
  .sm-only { display:flex }
  p.sm-small {
    font-size:1.333rem;
  }
  .smallprint { font-size:1.333em; }
  .sm-mb-05 { margin-bottom:calc(var(--unit) / 2) }
}

.md-only { display:none }

/* < md */
@media (max-width: 1023px) {
  .md-off { display:none }
  .md-only { display:flex }
}
/* > md */
@media (min-width: 768px) {
  .md-pl-1 { padding-left:var(--unit) }
  .md-mt-1 { margin-top:var(--unit) }
}

/* lg */
@media (min-width: 1280px) {
  html, body { font-size: 12.8px }
}

.rail { width:100%; max-width:1280px }

.overflow-hidden { overflow:hidden }

video {
  width:100%;
  height:auto;
  margin:0;
}

.video-h-l {
  width:200%;
  margin-left:100%;
  overflow:hidden;
}
.video-h-r {
  width:200%;
  margin-left:-100%;
  overflow:hidden;
}

.text-block {
  box-decoration-break: clone;
  background: var(--paper);
  box-shadow: -0.5em -0.5em var(--paper), 0.5em -0.5em var(--paper), -0.5em 0.5em var(--paper), 0.5em 0.5em var(--paper);
}