:root { color-scheme: light; --bg:#f6f1e7; --paper:rgba(255,252,246,.92); --text:#201a14; --muted:#6c5c4f; --line:rgba(32,26,20,.12); --accent:#b96a2a; --accent-soft:rgba(185,106,42,.12); --shadow:0 24px 48px rgba(39,28,17,.10); --max-width:860px; }
* { box-sizing:border-box; }
body { margin:0; font-family:"Pretendard","Noto Sans KR","Segoe UI",sans-serif; color:var(--text); background:radial-gradient(circle at top left,rgba(255,214,153,.35),transparent 28%),radial-gradient(circle at top right,rgba(255,240,205,.7),transparent 32%),linear-gradient(180deg,#f7f0e4,#f3ede3); line-height:1.7; }
a { color:var(--accent); }
.shell { width:min(calc(100% - 32px),var(--max-width)); margin:0 auto; padding:40px 0 56px; }
.hero,.section { background:var(--paper); border:1px solid var(--line); border-radius:24px; box-shadow:var(--shadow); }
.hero { padding:32px; margin-bottom:18px; }
.meta { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; }
.eyebrow { display:inline-flex; padding:6px 10px; border-radius:999px; font-size:13px; }
.eyebrow { background:var(--accent-soft); color:var(--accent); font-weight:700; letter-spacing:.02em; }
h1 { margin:16px 0 12px; font-size:clamp(32px,5vw,48px); line-height:1.1; }
.lede { margin:0; max-width:54rem; color:var(--muted); font-size:17px; }
.meta { justify-content:flex-start; margin-top:20px; color:var(--muted); font-size:14px; }
.section { padding:28px 28px 10px; margin-top:16px; }
h2 { margin:0 0 8px; font-size:24px; }
p,li { font-size:16px; }
ul { margin:0 0 18px; padding-left:22px; }
.contact { padding:20px 22px; border:1px solid var(--line); border-radius:18px; background:white; margin-bottom:18px; }
.foot { margin-top:22px; color:var(--muted); font-size:14px; text-align:center; }
@media (max-width:640px) { .shell { width:min(calc(100% - 20px),var(--max-width)); padding:20px 0 36px; } .hero,.section { border-radius:20px; padding-left:20px; padding-right:20px; } }