/* pages/home.css — owns what only the home page draws: the hero's asymmetric
   copy inset, the ink Rotation band and the Founding Group sign-up column. */

/* The hero copy column takes the standard section padding, then overrides its
   left inset — 20px on mobile, 104px on desktop. */
.am-hero__copy { padding-left: var(--am-hero-inset); }

.am-hero__actions {
  display: flex;
  gap: var(--am-gap-m);
  flex-wrap: wrap;
}

.am-hero__title { margin-bottom: var(--am-gap-xl); }
.am-hero__lead { margin-bottom: 30px; }

/* ---- Ink Rotation band ---- */
.am-rotation-band__title { margin-bottom: 16px; }
.am-rotation-band__lead { max-width: 420px; margin-bottom: 26px; font-size: var(--am-size-body-l); }

/* ---- Colour Wardrobe strip ---- */
.am-wardrobe-strip__lead {
  font-size: var(--am-size-body);
  color: var(--am-text-muted);
  max-width: 560px;
  line-height: var(--am-leading-body);
  margin-bottom: var(--am-gap-2xl);
}
.am-wardrobe-strip__grid {
  border: 1px solid var(--am-hair);
}

/* ---- Founding Group ---- */
.am-founding__title { margin-bottom: 12px; }
.am-founding__lead { max-width: 400px; }
.am-founding__group-label {
  font-size: var(--am-size-label);
  letter-spacing: var(--am-track-tight);
  text-transform: uppercase;
  color: var(--am-text-meta);
  margin: var(--am-gap-m) 0 var(--am-gap-s);
}
.am-founding__chips { margin-bottom: 16px; }
.am-founding__textarea { margin-bottom: var(--am-gap-l); }
.am-founding__success[hidden] { display: none; }
.am-founding__form[hidden] { display: none; }

.am-founding__email { margin-bottom: var(--am-gap-xs); }
.am-founding__success-title { margin-bottom: var(--am-gap-s); }
.am-founding__success-cta { margin-top: 16px; }