/* ============================================================
   FTR — holding.css
   The shared "in preparation" page.

   This site never says "under construction". The brand is built on
   completion being proven rather than declared, so a page that is
   not ready states what it is, when it publishes, and who will
   answer in the meantime. That performs the standard instead of
   contradicting it.
   ============================================================ */

.holding {
  position: relative;
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding-block: calc(var(--s-12) + 3rem) var(--s-10);
  background: var(--c-navy);
  color: var(--c-on-navy);
  overflow: hidden;
  text-align: center;
}

/* The ghosted mark, as on The Standard */
.holding__watermark {
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  width: min(88%, 54rem);
  pointer-events: none;
}
.holding__watermark img {
  width: 100%;
  height: auto;
  opacity: 0.07;   /* logo used as-is; opacity is the only treatment */
}

.holding__inner { position: relative; width: 100%; max-width: 42rem; padding-inline: var(--gutter); }

.holding__ref   { margin-bottom: var(--s-6); color: var(--c-cyan); }
.holding__title { color: var(--c-white); margin-bottom: var(--s-7); }

/* The dated commitment. A hold point of our own: this page is not
   released until it is complete. */
.holding__status {
  display: inline-flex;
  align-items: center;
  gap: var(--s-4);
  padding: var(--s-3) var(--s-5);
  margin-bottom: var(--s-7);
  border: var(--hairline) solid var(--c-navy-line);
  font-size: var(--fs-label);
  letter-spacing: var(--ls-label);
  text-transform: uppercase;
  color: var(--c-cyan);
}
.holding__dot {
  width: 6px; height: 6px;
  border-radius: var(--radius-pill);
  background: var(--c-cyan);
}

.holding__text {
  font-size: var(--fs-lead);
  line-height: var(--lh-lead);
  color: var(--c-on-navy-mute);
  margin-bottom: var(--s-8);
  text-wrap: pretty;
}

.holding__actions {
  display: flex; justify-content: center; flex-wrap: wrap;
  gap: var(--s-4); margin-bottom: var(--s-10);
}

.holding__lockup { padding-top: var(--s-8); border-top: var(--hairline) solid var(--c-navy-line); }