.display-headline {
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 0.95;
}

.story-text {
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
  font-weight: 500;
  letter-spacing: -0.018em;
  line-height: 1.32;
  font-size: clamp(1.5rem, 2.6vw, 3.25rem);
  color: #FFFFFF;
}

.story-text .inline-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: -0.22em;
  margin: 0 0.25em;
  height: 1em;
  width: auto;
}

.story-text .inline-logo svg,
.story-text .inline-logo img {
  height: 100%;
  width: auto;
  display: block;
}

@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.animate-marquee {
  animation: marquee 12s linear infinite;
  will-change: transform;
}

::placeholder {
  color: rgba(255, 255, 255, 0.4);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #0166FF inset !important;
  -webkit-text-fill-color: #FFFFFF !important;
  caret-color: #FFFFFF;
}