/* Placeholder page · Let's Talk (spec §12; replaced in a later phase). Projects: css/projects.css */

.page--contact { background: var(--paper); }

/* fills the first screen above the footer (~148px) and the dock clearance of .page */
.page--contact .placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--sp-12);
  min-height: calc(100svh - 148px - var(--dock-h) - var(--dock-offset) - 32px);
  padding: var(--sp-64) var(--gutter) 0;
  text-align: center;
}

/* Journey closing-title style */
.page--contact .placeholder__title {
  font-weight: 300;
  font-size: var(--fs-closing);
  letter-spacing: -.03em;
  line-height: 1;
}

.page--contact .placeholder__text {
  font-weight: 300;
  font-size: var(--fs-body);
  line-height: 1.5;
}

.page--contact .placeholder .pill { margin-top: var(--sp-12); }

/* pre-hide until the intro sets them (motion mode only) */
html.motion .page--contact .placeholder > * { visibility: hidden; }