/* p10 — 기아 프로모션 : L10 매거진2단컬럼(드롭캡) / F10 Oswald+IBM Plex Sans KR / HD2 / HR5(무차량) / CT3 / FT1 */
:root {
  --accent: #8C1D40;
  --accent-text: #8C1D40;
  --bg: #FFF7FA;
  --ink: #241318;
  --font-display: "Oswald", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: "IBM Plex Sans KR", -apple-system, BlinkMacSystemFont, "Malgun Gothic", sans-serif;
  --footer-bg: #2E0F1B;
  --footer-text: #E3C3CE;
}

/* HD2 : 중앙 로고타입 + 하단 중앙 메뉴 */
.site-header { border-bottom: 1px solid #F3DDE4; padding-block: 16px; }
.hd2-inner { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.logotype { font-family: var(--font-display); font-weight: 700; font-size: 19px; letter-spacing: .02em; text-decoration: none; color: var(--accent); }
.site-header nav ul { display: flex; gap: 20px; list-style: none; margin: 0; padding: 0; justify-content: center; flex-wrap: wrap; }
.site-header nav a { text-decoration: none; font-size: 14px; font-weight: 500; }
.site-header nav a:hover { color: var(--accent); }

/* HR5 : 차량 사진 슬라이드쇼 배경(.hero-slideshow는 base.css 공통 정의) + 텍스트 위 + 프로필 단독 그리드 */
.hero.hr5--no-car { position: relative; overflow: hidden; background: var(--ink); padding-block: clamp(48px, 8vw, 88px); text-align: center; }
.hr5--no-car .hero-inner { display: flex; flex-direction: column; align-items: center; gap: 28px; }
.hr5--no-car h1 { font-size: clamp(28px, 4.6vw, 46px); color: #fff; letter-spacing: .01em; text-shadow: 0 2px 12px rgba(0,0,0,.55); }
.hr5--no-car .hero-lede { font-size: 16.5px; color: #F6E4EA; max-width: 54ch; margin: 0 auto; text-shadow: 0 2px 10px rgba(0,0,0,.5); }
.hero-grid { display: grid; place-items: center; }
.hero-grid img { width: 150px; height: 150px; border-radius: 12px; object-fit: cover; border: 3px solid var(--accent); }

/* L10 : 매거진 2단 컬럼 + 첫 문단 드롭캡 */
.wrap--mag { max-width: 780px; margin: 0 auto; padding-inline: clamp(16px, 4vw, 32px); }
.mag-cols { column-count: 1; column-gap: 36px; }
@media (min-width: 720px) { .mag-cols { column-count: 2; } }
.mag-cols p { margin: 0 0 1em; break-inside: avoid; }
.dropcap::first-letter {
  font-family: var(--font-display); font-weight: 700; color: var(--accent);
  float: left; font-size: 3.1em; line-height: .82; padding-right: 8px; padding-top: 4px;
}
.section--muted { background: #FBEEF2; }
.section h2 { font-size: clamp(20px, 2.6vw, 26px); margin-bottom: .8em; }
.mag-cols .body-table-wrap, .mag-cols .body-gallery { column-span: all; }

/* CT3 : 좌우분할(좌 문구 / 우 버튼 세로스택) */
.cta.ct3 { padding-block: clamp(44px, 7vw, 72px); background: #FBEEF2; }
.cta-split { display: grid; gap: 24px; align-items: center; }
@media (min-width: 700px) { .cta-split { grid-template-columns: 1.2fr 1fr; } }
.cta-copy h2 { font-size: clamp(20px, 2.6vw, 26px); margin-bottom: .3em; }
.cta-copy p { color: #5C3A45; margin: 0; }
.cta-buttons--stack { flex-direction: column; align-items: stretch; }
.cta-buttons--stack .btn { justify-content: center; }

/* FT1 : 3단 그리드 */
.footer-grid { display: grid; gap: 26px; grid-template-columns: 1fr; }
@media (min-width: 800px) { .footer-grid { grid-template-columns: 1.2fr 1fr 1.4fr; } }
.footer-links p { margin: 0 0 8px; }