html,
body {
  margin: 0;
  height: 100%;
  overflow: hidden;
  background: var(--pn-bg);
  color: var(--pn-fg);
}
#pn-root,
.stage {
  position: absolute;
  inset: 0;
}
.stage {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 9vw;
  font-family: var(--pn-font-display);
}
.l1 {
  margin: 0 0 4vmin;
  font-size: 8.6vmin;
  font-weight: 500;
  line-height: 1.15;
  color: var(--pn-muted);
}
.l2 {
  margin: 0;
  font-size: 14.5vmin;
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -0.03em;
}
.mask {
  display: inline-block;
  overflow: hidden;
  padding-bottom: 0.12em;
  margin-bottom: -0.12em;
  vertical-align: top;
}
.word {
  display: inline-block;
  transform-origin: 0 100%;
}
.accent {
  position: relative;
  color: var(--pn-accent);
}
.line {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.02em;
  height: 0.07em;
  border-radius: var(--pn-radius);
  background: var(--pn-accent);
  transform-origin: 0 50%;
}