:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
html, body { min-height: 100%; margin: 0; }
body {
  min-height: 100vh;
  display: grid;
  place-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 40%, rgba(220, 30, 78, .16), transparent 27rem),
    radial-gradient(circle at 50% 80%, rgba(255, 255, 255, .035), transparent 32rem),
    #070709;
  color: #fff;
}
main { display: grid; place-items: center; width: 100%; min-height: 100vh; padding: 32px; }
.wordmark {
  display: flex;
  align-items: baseline;
  gap: .18em;
  filter: drop-shadow(0 18px 34px rgba(0, 0, 0, .58));
  font-size: clamp(3rem, 11vw, 8rem);
  letter-spacing: -.075em;
  line-height: .9;
  user-select: none;
}
.wordmark span { font-weight: 250; }
.wordmark strong { color: #ef275d; font-weight: 780; }
@media (max-width: 520px) {
  .wordmark { flex-direction: column; align-items: center; gap: .04em; text-align: center; }
}