/* old-apartment-balcony-remodeling.html 전용 — 전폭 사진 히어로 + 진단 흐름 */
:root {
  --color-primary: #4B4034;
  --color-secondary: #9E9169;
  --color-accent: #8E7A5C;
  --color-bg: #F4F1EA;
  --color-surface: #FFFFFF;
  --color-text: #25201A;
  --color-text-muted: #655A4A;
  --color-border: rgba(75, 64, 52, 0.14);
  --font-display: 'Song Myung', serif;
  --font-body: 'Noto Sans KR', sans-serif;
}

.hero--photo { position: relative; min-height: 480px; display: flex; align-items: flex-end; padding-bottom: var(--space-7); overflow: hidden; }
.hero--photo::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(37,32,26,0.1), rgba(20,17,14,0.78)); }
.hero--photo .hero__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
.hero--photo .container { position: relative; z-index: 1; max-width: 640px; }
.hero--photo h1, .hero--photo .hero__eyebrow, .hero--photo .hero__sub { color: #fff; }

.side-figures { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-3); max-width: 720px; margin: 0 auto; }
.side-figures figure { margin: 0; }
.side-figures img { width: 100%; border-radius: var(--radius-md); display: block; }
.side-figures figcaption { margin-top: var(--space-2); text-align: center; font-size: var(--fs-sm); color: var(--color-text-muted); }
.side-figures .badge { display: inline-block; font-size: var(--fs-sm); letter-spacing: 0.1em; font-weight: 700; color: var(--color-accent); margin-bottom: var(--space-1); }
@media (max-width: 640px) { .side-figures { grid-template-columns: 1fr; } }

.faq-list { display: grid; gap: var(--space-5); }
.faq-list h3 { font-size: var(--fs-lg); margin-bottom: var(--space-2); color: var(--color-primary); }
.faq-list p { color: var(--color-text-muted); }