:root{--bg:#f7f3e6;--card:#fffdf6;--ink:#4a3a2c;--soft:#8a7560;--green:#6fae7d;--green-d:#4f8d5e;--line:#e8dcc4;--acorn:#b9773f}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#1f1c17;--card:#2a261f;--ink:#f1e8d8;--soft:#bfae94;--line:#3d362c;--green:#7fc08d;--green-d:#9bd3a7}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 "Pretendard","Apple SD Gothic Neo","Noto Sans KR",system-ui,-apple-system,sans-serif}
a{color:var(--green-d)}
.wrap{max-width:980px;margin:0 auto;padding:0 16px}
header.top{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:800;font-size:18px}
.brand img{width:36px;height:36px;border-radius:9px}
.lang{display:flex;gap:6px}
.lang button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:4px 12px;font:inherit;font-size:14px;cursor:pointer}
.lang button[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:#fff}
.hero{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;padding:28px 0 18px}
.hero img{width:168px;height:168px;border-radius:38px;box-shadow:0 10px 30px rgba(80,60,30,.18)}
.hero h1{margin:0 0 6px;font-size:40px;line-height:1.2}
.hero p{margin:0;color:var(--soft);font-size:18px}
.badge{display:inline-block;margin-top:14px;background:var(--acorn);color:#fff;border-radius:999px;padding:6px 16px;font-weight:700}
.shots{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin:18px 0}
.shots img{width:100%;border-radius:14px;display:block;box-shadow:0 4px 14px rgba(80,60,30,.12)}
.feat{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:18px 0 30px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px}
.card h3{margin:0 0 6px;font-size:17px}
.card p{margin:0;color:var(--soft)}
.doc{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;margin:16px 0 30px}
.doc h1{margin-top:0;font-size:28px}
.doc h2{font-size:19px;margin:24px 0 6px}
.doc p,.doc li{color:var(--ink)}
.muted{color:var(--soft);font-size:14px}
footer{border-top:1px solid var(--line);padding:18px 0 34px;color:var(--soft);font-size:14px}
footer nav{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:8px}
[data-l]{display:none}
html[lang="ko"] [data-l="ko"],html[lang="en"] [data-l="en"]{display:revert}
@media (max-width:640px){.hero{grid-template-columns:1fr;text-align:center;justify-items:center}.hero h1{font-size:32px}.hero img{width:132px;height:132px;border-radius:30px}}