/* index.html 전용 — 풀블리드 히어로 + 지그재그 교차 레이아웃 */
:root {
  --color-primary: #1F3A2E;
  --color-secondary: #8A9A5B;
  --color-accent: #B08D57;
  --color-bg: #FBFAF7;
  --color-surface: #FFFFFF;
  --color-text: #23281F;
  --color-text-muted: #5C6355;
  --color-border: rgba(31, 58, 46, 0.14);
  --font-display: 'Marcellus', 'Hahmlet', serif;
  --font-body: 'IBM Plex Sans KR', sans-serif;
}

.hero--main {
  position: relative;
  padding: var(--space-8) 0 var(--space-7);
  background:
    linear-gradient(180deg, rgba(31,58,46,0.06), transparent 60%),
    var(--color-bg);
  overflow: hidden;
}
.hero--main::after {
  content: '';
  position: absolute;
  right: -80px; top: -80px;
  width: 320px; height: 320px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(176,141,87,0.16), transparent 70%);
}
.hero--main h1 { color: var(--color-primary); max-width: 720px; }

.intro-prose {
  max-width: 720px;
  display: grid;
  gap: var(--space-4);
  font-size: var(--fs-lg);
  color: var(--color-text);
}

.zigzag { display: grid; gap: var(--space-8); }
.zigzag-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-6);
  align-items: center;
}
.zigzag-row:nth-child(even) { direction: rtl; }
.zigzag-row:nth-child(even) > * { direction: ltr; }
@media (max-width: 860px) {
  .zigzag-row { grid-template-columns: 1fr; direction: ltr !important; }
}

.process-visual {
  border-radius: var(--radius-lg);
  background: linear-gradient(155deg, var(--color-primary), #2c4f3c);
  min-height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,0.85);
}
.process-visual svg { width: 60%; height: auto; }

.case-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-5); }
@media (max-width: 960px) { .case-grid { grid-template-columns: 1fr; } }