/* 다낭픽 소개 페이지. about- 접두어만 쓴다. 고정 헤더 높이만큼 위를 비운다. */
body.about-body { background-color: #F3F1EB; overflow-x: clip; }
.about-page { max-width: 920px; margin: 0 auto; padding: calc(var(--site-header-h, 84px) + clamp(32px,6vw,72px)) clamp(16px,4vw,32px) clamp(56px,8vw,96px); color: #0B1018; }
.about-eyebrow { color: #C2701B; font-size: 12px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; margin-bottom: 14px; }
.about-hero h1 { font-family: Georgia, "Times New Roman", serif; font-weight: 400; font-size: clamp(30px,4.6vw,48px); line-height: 1.15; margin: 0 0 18px; word-break: keep-all; }
.about-story p { font-size: clamp(16px,1.6vw,18px); line-height: 1.85; color: #3b424d; margin: 0 0 18px; word-break: keep-all; }
.about-what { list-style: none; margin: 0; padding: 0; }
.about-what li { display: grid; grid-template-columns: 180px 1fr; gap: 24px; padding: 22px 0; border-top: 1px solid #dcd7cc; }
.about-what li:last-child { border-bottom: 1px solid #dcd7cc; }
.about-what b { font-family: Georgia, "Times New Roman", serif; font-weight: 400; font-size: 20px; color: #172A46; line-height: 1.4; }
.about-what span { font-size: 16px; line-height: 1.8; color: #3b424d; word-break: keep-all; }
@media (max-width: 700px) { .about-what li { grid-template-columns: 1fr; gap: 6px; padding: 18px 0; } }
.about-section { margin-top: clamp(40px,6vw,64px); padding-top: clamp(28px,4vw,40px); border-top: 1px solid #dcd7cc; }
.about-section h2 { font-family: Georgia, "Times New Roman", serif; font-weight: 400; font-size: clamp(24px,3vw,32px); margin: 0 0 20px; }
.about-contact p { color: #3b424d; font-size: 15px; margin: 0 0 10px; word-break: keep-all; }
.about-email { color: #172A46; font-weight: 700; word-break: break-all; }
.about-cta { margin-top: 24px !important; }
.about-cta .pill-btn { min-height: 44px; }

/* 홍보물 그림(2026-09-26 SNS 시안 원화)을 재사용한다. 글자는 그림에 넣지 않는다. */
.about-hero { display: grid; grid-template-columns: 1fr 360px; column-gap: 48px; align-items: start; }
.about-hero-text { grid-column: 1; }
.about-hero-art { grid-column: 2; grid-row: 1 / span 2; width: 100%; height: auto; border-radius: 4px; }
.about-story { grid-column: 1; }
.about-closing-band { margin: clamp(48px,7vw,80px) auto 0; width: 100%; max-width: 760px; aspect-ratio: 25 / 14; background-size: cover; background-position: center; display: flex; align-items: flex-start; justify-content: center; }
.about-closing { margin: clamp(28px,5vw,64px) 16px 0; padding: 10px 22px; background: rgba(243,241,235,.82); font-family: Georgia, "Times New Roman", serif; font-size: clamp(19px,2.4vw,28px); color: #172A46; text-align: center; word-break: keep-all; }
.about-closing-band + .about-section { border-top: 0; }
@media (max-width: 760px) {
  .about-hero { grid-template-columns: 1fr; }
  .about-hero-art { grid-column: 1; grid-row: auto; margin: 4px 0 24px; }
  .about-closing-band { aspect-ratio: 25 / 14; }
}