/* src/client/pages/Placeholder.css */
.placeholder {
  min-height: calc(100vh - var(--header-height));
  margin-top: calc(-1 * var(--header-height));
  padding: calc(var(--header-height)  + 5rem) var(--page-padding-x) 6rem;
  display: flex;
  background: #000;
  justify-content: center;
}

.placeholder-inner {
  width: 100%;
  max-width: 720px;
}

.placeholder-eyebrow {
  color: var(--brand-orange);
  text-transform: uppercase;
  letter-spacing: .12em;
  margin: 0 0 1rem;
  font-size: .75rem;
  font-weight: 600;
}

.placeholder-title {
  color: #f5f5f7;
  margin: 0 0 1.5rem;
  font-size: clamp(2rem, 5vw, 3.25rem);
  font-weight: 700;
  line-height: 1.1;
}

.placeholder-body {
  color: #f5f5f7bf;
  margin: 0 0 2rem;
  font-size: 1.125rem;
  line-height: 1.6;
}

.placeholder-cta {
  color: #f5f5f78c;
  margin: 0;
  font-size: 1rem;
}

.placeholder-link {
  color: var(--brand-orange);
  text-decoration: none;
  border-bottom: 1px solid;
}

.placeholder-link:hover {
  color: #ff9742;
}