/* 原首頁 CTA：保留原字型、配色與尺寸，不輸出聯絡資訊列。 */
.contact-section { --sand: #f0ebe0; --ink: #1a1916; --yellow: #f4cc1f; --line: #d4d1c7; --gutter: clamp(24px, 4.15vw, 90px); padding: 48px var(--gutter); background: var(--sand); color: var(--ink); border-top: 1px solid var(--line); font-family: 'Geist', 'Noto Sans TC', sans-serif; line-height: normal; }
.contact-section p, .contact-section h2 { margin: 0; }
.contact-section .mono { font-family: 'Geist', sans-serif; font-size: 12px; font-weight: 500; letter-spacing: .11em; line-height: 1.5; }
.contact-section .serif { font-family: 'Noto Serif TC', serif; font-weight: 500; }
.contact-heading { display: flex; justify-content: space-between; align-items: center; margin: 36px 0 50px; }
.contact-heading h2 { font-size: clamp(42px, 5.2vw, 85px); font-weight: 500; line-height: 1.48; letter-spacing: -.055em; }
.contact-arrow { display: grid; place-items: center; width: 142px; height: 142px; background: var(--yellow); border-radius: 50%; font-size: 70px; font-weight: 300; transition: transform .2s; }
.contact-arrow:hover { color: inherit; transform: rotate(45deg); }
@media (max-width: 767px) {
  .contact-section { --gutter: 24px; padding-block: 32px; }
  .contact-heading { margin: 27px 0 35px; gap: 12px; }
  .contact-heading h2 { font-size: clamp(31px, 8.3vw, 48px); line-height: 1.5; }
  .contact-arrow { width: 69px; height: 69px; font-size: 38px; flex-shrink: 0; }
}