/* Typography refinements layered over the original compact stylesheet. */
:root {
  /* Replace the site's original orange accent with a complementary blue. */
  --orange: #258fca;
}

html {
  /* The custom scroll animation below controls timing and easing. */
  scroll-behavior: auto;
}

body {
  font-family: "Overpass", Arial, Helvetica, sans-serif;
}

h1 {
  line-height: 1.08;
}

h1 em {
  font-style: italic;
  font-weight: 500;
  font-variant-ligatures: none;
  letter-spacing: inherit;
}

.button span {
  display: inline-block;
  font-size: 1.25em;
  font-weight: 900;
  line-height: 1;
  transform: scaleX(1.18);
  transform-origin: left center;
}

/* Keep Clyde's hero treatment clean and flat. */
.hero::before {
  display: none;
}

.hero-art img {
  filter: none;
}

.hero-art .spark {
  color: var(--yellow);
}

/* Lift the stamp lettering into the circle's roomier upper half. */
.hero-stamp {
  padding-bottom: 18px;
}

.marquee div {
  display: flex;
  width: max-content;
  animation-duration: 18s;
}

.marquee div span {
  flex: none;
  padding-right: 1.5rem;
}

.quote strong {
  font-family: Georgia, serif;
}

.portrait svg {
  width: 48%;
  height: 48%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.cta-second-line {
  display: inline-block;
  margin-top: 0.35em;
}

@media (max-width: 850px) {
  h1 {
    line-height: 1.1;
  }
}