/* Ztor Creator Studio - Page intro molecule */

.page-intro {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--sp-20);
  margin-bottom: var(--sp-28);
  flex-wrap: wrap;
}

/* .page-intro__eyebrow retired 2026-05-28. Title + sub now lead. */
/* 2026-07-28（L 裁示「Satoshi 輕一點好看」）：頁面 H1 是全站唯一夠大、能撐得住
   Light 的字級（44px）。Satoshi 的字面本來就開闊，字級越大越不需要重量——44px 的
   300 讀起來仍然清楚，但把 Regular 那點厚重感拿掉了。小字級不跟進：13px 的 300
   在深底上會糊掉，全站其餘一律 400（見 _tokens.css 字重刻度說明）。 */
.page-intro__title {
  font-family: var(--font-display);
  font-weight: var(--fw-light);
  font-size: var(--fs-44);
  line-height: var(--lh-tight);
  letter-spacing: -1px;
  margin: 0 0 var(--sp-8);
}

.page-intro__sub {
  color: var(--foreground-muted);
  font-size: var(--fs-15);
  margin: 0;
  max-width: 560px;
}

.page-intro__actions {
  display: flex;
  gap: var(--sp-8);
  align-items: center;
}

@media (max-width: 900px) {
  .page-intro__title { font-size: var(--fs-32); }
}