/* new-balcony-interior.html 전용 — 중앙정렬 히어로 + 7요소 카드 플랜 */
:root {
  --color-primary: #2E4B4F;
  --color-secondary: #5D7C80;
  --color-accent: #C99A5B;
  --color-bg: #F1F6F6;
  --color-surface: #FFFFFF;
  --color-text: #1B2C2E;
  --color-text-muted: #516364;
  --color-border: rgba(46, 75, 79, 0.14);
  --font-display: 'Cormorant Garamond', serif;
  --font-body: 'Noto Sans KR', sans-serif;
}

.hero.stack { max-width: 640px; margin: 0 auto; text-align: center; }
.hero.stack .hero__cta { justify-content: center; }

.plan-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-4); }
.plan-grid .card { text-align: center; }
.plan-grid .card__num { display: block; font-family: var(--font-display); font-size: var(--fs-2xl); color: var(--color-accent); margin-bottom: var(--space-2); }
@media (max-width: 860px) { .plan-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .plan-grid { grid-template-columns: 1fr; } }

.stack-figures { max-width: 560px; margin: 0 auto; }
.stack-figures figure { margin: 0 0 var(--space-4); }
.stack-figures img { width: 100%; border-radius: var(--radius-md); display: block; }
.stack-figures figcaption { margin-top: var(--space-2); text-align: center; font-size: var(--fs-sm); color: var(--color-text-muted); }
.stack-figures .tag { display: inline-block; font-size: var(--fs-sm); letter-spacing: 0.08em; font-weight: 700; color: var(--color-accent); margin-bottom: var(--space-2); }