/* ══════════════════════════════════════
   AURA AESTHETIC — Manifesto / Quote Strip
   Mobile-first → Desktop @1024px
   Pencil: Mobile 390x290, Desktop 1440x310
   ══════════════════════════════════════ */

/* ══════════════════════════════════
   MOBILE (390px frame, 290px tall)
   ══════════════════════════════════ */

.manifesto {
  background: var(--c-bg-warm);
  padding: 56px 0;
}

.manifesto__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* ── Quote mark: centered at y:56 ── */
.manifesto__quote-mark {
  font-family: var(--ff-display);
  font-size: 48px;
  font-weight: 700;
  color: rgba(196, 150, 122, 0.2);
  line-height: 0.4;
  margin-bottom: 16px;
  user-select: none;
}

/* ── Quote text: 252px wide, 30px Ma Shan Zheng, TWO LINES ── */
.manifesto__quote {
  font-family: var(--ff-calligraphy);
  font-size: 30px;
  font-weight: 400;
  color: var(--c-text);
  letter-spacing: 6px;
  line-height: 1.6;
  max-width: 252px;
  margin-bottom: 16px;
  font-style: normal;
}

/* Mobile: show two-line version with <br> */
.manifesto__quote-desktop {
  display: none;
}

.manifesto__quote-mobile {
  display: inline;
}

/* ── Accent line: 36px wide on mobile, 48px on desktop ── */
.manifesto__line {
  width: 36px;
  height: 2px;
  background: rgba(196, 150, 122, 0.33);
  border: none;
  margin-bottom: 16px;
}

/* ── Attribution: 9px ── */
.manifesto__cite {
  font-family: var(--ff-body);
  font-size: 9px;
  font-weight: 400;
  color: rgba(75, 85, 99, 0.53);
  letter-spacing: 4px;
  text-transform: uppercase;
  font-style: normal;
}


/* ══════════════════════════════════════
   DESKTOP — 1440x310, centered
   Quote mark: x:708, y:80 (centered, Playfair 64px)
   Quote text: 594px wide at x:423, y:126 (Ma Shan Zheng 46px)
   Accent line: 48px at x:696, y:192
   Attribution: at x:592.5, y:214 (Inter 11px)
   ══════════════════════════════════════ */
@media (min-width: 1024px) {

  .manifesto {
    padding: 80px 0;
  }

  .manifesto__quote-mark {
    font-size: 64px;
    color: rgba(196, 150, 122, 0.2);
    margin-bottom: 20px;
  }

  .manifesto__quote {
    font-size: 46px;
    letter-spacing: 8px;
    max-width: 594px;
    line-height: 1;
    margin-bottom: 20px;
  }

  /* Desktop: show single-line version */
  .manifesto__quote-desktop {
    display: inline;
  }

  .manifesto__quote-mobile {
    display: none;
  }

  .manifesto__line {
    width: 48px;
    margin-bottom: 20px;
  }

  .manifesto__cite {
    font-size: 11px;
  }
}