/* ═══════════════════════════════════════════════════════════════════════
   Artists Camp — Home page sections (patterns: artists-camp/home-*).
   Section-specific values ported verbatim from 3.0 src/pages/Home.tsx
   inline styles. Shared vocabulary (ac-container, ac-section-*, ac-grid-*,
   ac-card, ac-btn, ac-panel-ink, ac-cta-band…) lives in main.css.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Hero ────────────────────────────────────────────────────────────── */

.ac-home-hero__copy {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.ac-home-hero__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* Home hero subtitle runs 1px larger than the shared ac-lead--hero. */
.ac-home-hero__lead {
  font-size: clamp(17px, 2.3vw, 20px);
  line-height: 1.5;
  color: #516078;
  margin: 0;
  max-width: 520px;
  text-wrap: pretty;
}

.ac-home-hero__btns {
  margin-top: 4px;
}

.ac-home-hero__figure img {
  height: 100%;
  min-height: 280px;
  object-fit: cover;
}

/* ── Logistics ribbon (ink) ──────────────────────────────────────────── */

.ac-home-ribbon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px 32px;
  flex-wrap: wrap;
}

.ac-home-ribbon__lead {
  font-family: "Space Grotesk", Arial, sans-serif;
  color: #ffffff;
  font-size: clamp(15px, 2vw, 17px);
  font-weight: 600;
  letter-spacing: 0.04em;
  margin: 0;
}

.ac-home-ribbon__meta {
  color: #8b97aa;
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}

.ac-home-ribbon__meta a {
  color: #cdd4df;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* ── Program map ─────────────────────────────────────────────────────── */

.ac-home-map {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

/* Phase filter pills — static in the WP port (no JS in patterns):
   "ALL 10 DAYS" renders in its pressed state, the row doubles as the
   phase legend and all ten day cards stay visible. */
.ac-home-filters {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.ac-home-filter {
  /* 3.0 renders these as <button>, whose UA box-sizing is border-box, so
   * min-height:44px is the TOTAL height. As a <p> it would default to
   * content-box and render ~69px tall. */
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  padding: 11px 18px;
  border-radius: 999px;
  border: 1.5px solid #cdd4df;
  background: #ffffff;
  color: #243047;
  min-height: 44px;
  margin: 0;
}

.ac-home-filter--on {
  border-color: #111827;
  background: #111827;
  color: #ffffff;
}

/* Day cards (on ac-card + ac-card--top-* + hv-card). */
.ac-home-day {
  padding: 18px 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ac-home-day__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}

.ac-home-day__num {
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #8b97aa;
  letter-spacing: 0.08em;
  margin: 0;
}

.ac-home-day__tag {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin: 0;
}

.ac-home-day__tag--intro     { color: #0b7d58; }
.ac-home-day__tag--intensive { color: #9a6200; }
.ac-home-day__tag--capstone  { color: #d7374f; }

.ac-home-day__items {
  font-size: 13px;
  line-height: 1.6;
  color: #516078;
  margin: 0;
}

/* Inset ink panel copy stack (inside ac-panel-ink). */
.ac-home-panel__copy {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.ac-home-panel__title {
  font-family: "Space Grotesk", Arial, sans-serif;
  color: #ffffff;
  font-size: clamp(16px, 2.4vw, 20px);
  font-weight: 700;
  margin: 0;
}

.ac-home-panel__sub {
  color: #8b97aa;
  font-size: 14px;
  margin: 0;
}

/* ── Editorial band ("Real sessions…") ───────────────────────────────── */

.ac-home-editorial {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.ac-home-editorial__title {
  max-width: 640px;
}

.ac-home-editorial__item {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ac-home-editorial__photo img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.ac-home-editorial__cap {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.ac-home-editorial__tag {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin: 0;
}

.ac-home-editorial__tag--amber { color: #9a6200; }
.ac-home-editorial__tag--teal  { color: #00789e; }
.ac-home-editorial__tag--red   { color: #d7374f; }

.ac-home-editorial__txt {
  font-size: 14.5px;
  line-height: 1.5;
  color: #516078;
  margin: 0;
}

/* ── Feature splits (Young artists / Master Mind) ────────────────────── */

.ac-home-split__copy {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ac-home-split__body {
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
  text-wrap: pretty;
}

.ac-home-guardian .ac-home-split__body { color: #516078; }
.ac-home-mm .ac-home-split__body       { color: #8b97aa; }

.ac-home-guardian__title {
  font-size: clamp(26px, 4vw, 36px);
  line-height: 1.1;
  letter-spacing: -0.01em;
}

.ac-home-guardian__photo img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.ac-home-faqlink {
  font-size: 15px;
  font-weight: 600;
  align-self: flex-start;
  margin: 0;
}

.ac-home-mm__title {
  color: #ffffff;
  font-size: clamp(26px, 4.5vw, 38px);
  line-height: 1.1;
  letter-spacing: -0.01em;
}

/* "How the seasons work" sits between the base and --sm button scales. */
.ac-home-mm__btn,
.wp-block-button.ac-home-mm__btn .wp-block-button__link {
  padding: 13px 24px;
  font-size: 15px;
}

.wp-block-button.ac-home-mm__btn {
  padding: 0;
}

.ac-home-mm__photo img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}