/* ==========================================================================
   Placeholder Pages — Shop, Journal, About
   Centered title + "Coming soon." layout.
   ========================================================================== */

/* Nav is always dark on non-hero pages */
body[data-page="shop"] .nav,
body[data-page="journal"] .nav,
body[data-page="about"] .nav {
  background: rgba(10, 10, 10, 0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  text-align: center;
  padding: var(--space-32) var(--content-padding);
}

.placeholder__title {
  font-family: var(--font-display);
  font-size: var(--text-display);
  font-weight: 300;
  letter-spacing: var(--tracking-tight);
  color: var(--color-text-primary);
  margin-bottom: var(--space-4);
}

.placeholder__sub {
  font-family: var(--font-body);
  font-size: var(--text-caption);
  font-weight: 400;
  letter-spacing: var(--tracking-wide);
  color: var(--color-text-muted);
  text-transform: uppercase;
}