/* postsafi.com holding page. Colours come from tokens.css (the Emdur brand); no gradients. */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  font-family: "Inter Variable", var(--emdur-font-ui);
  line-height: 1.5;
}
a { color: var(--link); text-underline-offset: 0.2em; }

.hold {
  flex: 1;
  width: 100%;
  max-width: 40rem;
  margin: 0 auto;
  padding: 18vh 16px 4rem;
}
.status {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0 0 1.5rem;
  padding: 0.25rem 0.75rem;
  border: 1px solid var(--hairline);
  border-radius: var(--emdur-radius-pill);
  color: var(--text-secondary);
  font-size: 0.875rem;
  font-weight: 500;
}
.dot { width: 0.5rem; height: 0.5rem; border-radius: 50%; background: var(--warning); }
h1 {
  margin: 0;
  font-size: clamp(2.75rem, 9vw, 4.5rem);
  font-weight: 650;
  letter-spacing: -0.03em;
  line-height: 1.05;
}
.lede { margin: 1rem 0 0; font-size: 1.25rem; color: var(--text-secondary); }
.contact { margin: 2.5rem 0 0; }

.foot {
  width: 100%;
  max-width: 40rem;
  margin: 0 auto;
  padding: 1.5rem 16px 2rem;
  border-top: 1px solid var(--hairline);
  font-size: 0.875rem;
  color: var(--text-secondary);
}
.by { display: inline-flex; align-items: center; gap: 0.5rem; color: inherit; text-decoration: none; }
.by img { display: block; }
.legal { margin: 0.5rem 0 0; }