/* Reset */
* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; }
body {
  background: #000;
  color: #fff;
  font-family: "Apple Garamond", Garamond, "EB Garamond", serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Outer width is fixed by JS measurement to avoid horizontal shifting within the ticker */
#tickerOuter { width: var(--ticker-width, auto); }

/* Inner line is strictly left-justified so 'a product of ' never moves */
#tickerWrap {
  display: inline-block;
  font-size: clamp(24px, 6vw, 88px);
  line-height: 1.1;
  white-space: nowrap;
  text-align: left;
}
#prefix, #dynamic, #cursor { display: inline-block; vertical-align: baseline; }

.cursor {
  width: 0.6ch;
  border-right: 2px solid #fff;
  margin-left: 0.05ch;
  transform: translateY(0.1em);
  visibility: hidden; /* shown only during typing stage */
  animation: blink 0.9s steps(1) infinite;
}
@keyframes blink { 50% { opacity: 0; } }

a, a:visited { color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }

.hidden { display: none; }
.fullclick { position: fixed; inset: 0; }

/* Contact page */
.container { max-width: 980px; margin: 0 auto; padding: 2rem; }
h1 { font-size: clamp(24px, 3vw, 40px); font-weight: 400; margin: 0 0 1rem 0; }
p { margin: 0 0 1rem 0; }

textarea {
  width: 100%;
  min-height: 220px;
  background: #111;
  color: #fff;
  border: 1px solid #444;
  padding: 0.75rem;
  font-family: inherit;
  font-size: 1.2rem;
  resize: vertical;
}
button {
  font-family: "Apple Garamond", Garamond, "EB Garamond", serif !important;
  -webkit-appearance: none;
  appearance: none;
  margin-top: 1rem;
  background: #fff;
  color: #000;
  border: none;
  padding: 0.9rem 1.4rem;
  font-size: 1.05rem;
  cursor: pointer;
}
button:disabled { opacity: 0.6; cursor: not-allowed; }
.notice { margin-top: 1.25rem; color: #bbb; font-size: 0.95rem; }

/* Success heading link exactly like H1, not underlined */
.successHeading, .successHeading:visited, .successHeading:hover, .successHeading:active, .successHeading:focus {
  font: inherit;
  color: #fff;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}