/* ============================================================
   Casa Aura — Quote / 引言
   乾淨白色區塊，充裕留白；窄的居中欄，全置中（淺色區塊標記）。
   ============================================================ */

#quote {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--color-page-bg);     /* 純白，滑過 hero */
  padding: var(--section-padding-block) var(--page-gutter);
}

.quote__inner {
  max-width: 50rem;
  text-align: center;
}

/* 姓名小標籤 */
.quote__name {
  font-family: var(--font-display);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  font-size: var(--fs-sm);
  color: var(--color-ink);
}

/* 引言本體 */
.quote__text {
  margin: var(--space-4) auto 0;
  max-width: 44rem;
  font-family: var(--font-zh-serif);
  font-weight: 400;
  font-size: clamp(1.125rem, 1.4vw, 1.375rem);   /* 18px – 22px */
  line-height: 2.1;
  letter-spacing: 0.04em;
  color: var(--color-body);
}

/* ---- 手機：縮小文字、間距仍充裕 --------------------- */
@media (max-width: 768px) {
  .quote__text {
    font-size: 1.0625rem;                /* 17px，舒適不過度滾動 */
    line-height: 2;
  }
}