/* yeouido-veranda.html 전용 — gradient / symptom-list */
:root {
  --color-primary: hsl(72 42% 28%);
  --color-secondary: hsl(72 28% 44%);
  --color-accent: hsl(222 50% 46%);
  --color-bg: hsl(72 35% 97%);
  --color-surface: #FFFFFF;
  --color-text: hsl(72 25% 14%);
  --color-text-muted: hsl(72 14% 38%);
  --color-border: hsl(72 30% 20% / 0.14);
  --font-display: 'Pretendard', sans-serif;
  --font-body: 'Noto Sans KR', sans-serif;
}

.area-hero--gradient { background: linear-gradient(135deg, var(--color-primary), var(--color-accent)); }
.area-hero--gradient h1, .area-hero--gradient .hero__sub, .area-hero--gradient .hero__eyebrow { color: #fff; }
.area-hero--gradient .hero__sub { opacity: 0.92; }
.area-hero--gradient .btn-ghost { border-color: rgba(255,255,255,0.6); color: #fff; }


.area-imgset { display: flex; justify-content: center; align-items: flex-end; gap: var(--space-4); flex-wrap: wrap; margin: 0 auto; max-width: 760px; }
.area-imgset figure { margin: 0; width: 260px; text-align: center; }
.area-imgset img { width: 100%; aspect-ratio: 3/4; object-fit: cover; border-radius: var(--radius-md); display: block; }
.area-imgset figcaption { margin-top: var(--space-2); font-size: var(--fs-sm); letter-spacing: 0.1em; color: var(--color-accent); font-weight: 600; }