/* 關於頁專屬樣式 */

.about-hero { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; padding: 64px var(--pad-x); border-bottom: 1px solid var(--divider); }
.about-hero-text { max-width: 520px; }
.about-hero-image { width: 100%; }
.about-hero-title { font-family: var(--font-zh); font-weight: 900; font-size: clamp(32px,4vw,48px); line-height: 1.15; color: var(--fg); letter-spacing: -0.02em; margin: 16px 0; }
.about-hero-title em { font-style: normal; color: var(--accent); }
.about-eyebrow { font-family: var(--font-en); font-size: 11px; letter-spacing: 0.3em; text-transform: uppercase; color: var(--accent); margin-bottom: 8px; }
.about-hero-lead { font-family: var(--font-zh); font-weight: 300; font-size: 16px; line-height: 1.95; color: #BBBBBB; }
/* WYSIWYG 內文在這些容器內的 <p> 不多出上下邊距 */
.about-hero-lead p, .value-desc p { margin: 0; }
.about-hero-lead p + p, .value-desc p + p { margin-top: 0.8em; }

/* 創團故事 */
.origin { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid var(--divider); }
.origin-text { padding: 80px 56px 80px var(--pad-x); border-right: 1px solid var(--divider); }
.section-label { font-family: var(--font-en); font-size: 11px; letter-spacing: 0.3em; text-transform: uppercase; color: var(--accent); margin-bottom: 32px; }
.origin-text h2 { font-family: var(--font-zh); font-weight: 900; font-size: 32px; line-height: 1.35; color: var(--fg); margin-bottom: 32px; }
.origin-text p { font-family: var(--font-zh); font-weight: 300; font-size: 16px; line-height: 2.0; color: #AAAAAA; margin-bottom: 20px; }
.origin-text p strong { color: var(--fg); font-weight: 700; }
.origin-image { padding: 48px; display: flex; flex-direction: column; gap: 4px; justify-content: center; }

/* 核心理念 */
.values { padding: 96px var(--pad-x); border-bottom: 1px solid var(--divider); }
.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; margin-top: 48px; }
.value-item { padding: 40px 36px; border: 1px solid var(--divider); }
.value-number { font-family: var(--font-en); font-size: 40px; font-weight: 700; color: var(--divider); margin-bottom: 20px; line-height: 1; }
.value-title { font-family: var(--font-zh); font-weight: 900; font-size: 22px; color: var(--fg); margin-bottom: 16px; }
.value-title span { display: block; font-family: var(--font-en); font-size: 11px; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase; color: var(--accent); margin-bottom: 8px; }
.value-desc { font-family: var(--font-zh); font-weight: 300; font-size: 15px; line-height: 1.9; color: var(--muted); }

/* 創辦人 */
.founder { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid var(--divider); }
.founder-image { overflow: hidden; }
.founder-image .img-placeholder, .founder-image .ratio-16x9 { aspect-ratio: unset; height: 100%; min-height: 480px; }
.founder-text { padding: 80px 56px; display: flex; flex-direction: column; justify-content: center; border-left: 1px solid var(--divider); }
.founder-text h2 { font-family: var(--font-zh); font-weight: 900; font-size: 32px; color: var(--fg); margin-bottom: 8px; }
.founder-role { font-family: var(--font-en); font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--accent); margin-bottom: 32px; }
.founder-text p { font-family: var(--font-zh); font-weight: 300; font-size: 16px; line-height: 2.0; color: #AAAAAA; margin-bottom: 20px; }
.founder-text p strong { color: var(--fg); font-weight: 700; }
.founder-quote { margin-top: 8px; padding: 24px 28px; border-left: 2px solid var(--accent); background: rgba(200,184,74,0.04); }
.founder-quote p { font-family: var(--font-zh); font-weight: 400; font-size: 16px; line-height: 1.9; color: var(--fg); margin-bottom: 0; }

/* 感謝 teaser */
.thanks-teaser { padding: 64px var(--pad-x); border-bottom: 1px solid var(--divider); display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.thanks-teaser h3 { font-family: var(--font-zh); font-weight: 900; font-size: 24px; color: var(--fg); margin-bottom: 8px; }
.thanks-teaser p { font-family: var(--font-zh); font-weight: 300; font-size: 15px; color: var(--muted); }

@media (max-width: 880px) {
  .about-hero { grid-template-columns: 1fr; gap: 28px; padding: 40px var(--pad-x); }
  .origin { grid-template-columns: 1fr; }
  .origin-text { border-right: 0; border-bottom: 1px solid var(--divider); padding: 56px var(--pad-x); }
  .origin-image { padding: 24px var(--pad-x); }
  .values-grid { grid-template-columns: 1fr; }
  .founder { grid-template-columns: 1fr; }
  .founder-image .img-placeholder, .founder-image .ratio-16x9 { min-height: 320px; }
  .founder-text { border-left: 0; border-top: 1px solid var(--divider); padding: 56px var(--pad-x); }
  .thanks-teaser { flex-direction: column; align-items: flex-start; }
}