* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", Segoe UI, sans-serif;
  color: var(--color-ink);
  background: var(--color-white);
  word-break: keep-all;
}
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
img { max-width: 100%; display: block; }
.skip-link { position: absolute; left: -999px; top: 8px; background: #fff; padding: 8px 12px; z-index: 999; }
.skip-link:focus { left: 8px; }
.container { width: min(var(--container), calc(100% - 40px)); margin: 0 auto; }
.section { padding: 110px 0; }
.section-muted { background: var(--color-cream); }
.section-dark { background: radial-gradient(circle at 20% 20%, #24486e, var(--color-navy) 48%, #0c1b2c); color: var(--color-white); }
.kicker { color: var(--color-mint); font-weight: 800; letter-spacing: .08em; font-size: 13px; text-transform: uppercase; }
.section-title { margin: 12px 0 18px; font-size: clamp(32px, 5vw, 56px); line-height: 1.08; letter-spacing: -0.06em; }
.section-desc { max-width: 720px; color: var(--color-muted); font-size: 18px; line-height: 1.8; }
.section-dark .section-desc { color: rgba(255,255,255,.74); }
@media (max-width: 760px) {
  .section { padding: 74px 0; }
  .container { width: min(100% - 28px, var(--container)); }
}