:root{--ink:#0b0b10;--ink2:#14141c;--line:#34343f;--paper:#ece8de;--dim:#bdb9b0;--mute:#85827a;--gold:#d8bb7c;--gold2:#a8894c;
--serif:'Noto Serif KR','EB Garamond',serif;--sans:'Noto Sans KR',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);font-weight:300;line-height:1.85;-webkit-font-smoothing:antialiased}
a{color:var(--gold)}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.wrap{max-width:860px;margin:0 auto;padding:0 clamp(1.25rem,4vw,2rem)}
header{border-bottom:1px solid var(--line)}
.bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;flex-wrap:wrap}
.brand{font-family:var(--serif);font-size:1rem;color:var(--paper);text-decoration:none;letter-spacing:.02em}
.brand small{display:block;font-family:var(--sans);font-size:.72rem;color:var(--mute);letter-spacing:.08em}
.lang button{background:none;border:1px solid var(--line);color:var(--dim);padding:.35rem .8rem;font:inherit;font-size:.8rem;cursor:pointer;border-radius:2px}
.lang button[aria-pressed="true"]{color:var(--gold);border-color:var(--gold2)}
.hero{position:relative;padding:clamp(4rem,12vw,8rem) 0 clamp(3rem,8vw,5rem);overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(216,187,124,.16),transparent 70%);pointer-events:none}
.eyebrow{color:var(--gold2);font-size:.78rem;letter-spacing:.16em;margin:0 0 1rem}
h1{font-family:var(--serif);font-weight:500;font-size:clamp(2.1rem,6vw,3.4rem);line-height:1.25;margin:0 0 1.25rem;word-break:keep-all}
h1 span{display:block;font-family:'EB Garamond',serif;font-weight:400;font-size:.5em;color:var(--dim);margin-top:.5rem}
.lead{font-family:var(--serif);font-size:clamp(1.02rem,2.2vw,1.18rem);color:var(--dim);max-width:40em;word-break:keep-all}
section{padding:clamp(2.5rem,6vw,4rem) 0;border-top:1px solid var(--line)}
h2{font-family:var(--serif);font-weight:500;font-size:clamp(1.25rem,2.6vw,1.6rem);margin:0 0 1.25rem;word-break:keep-all}
p{margin:0 0 1rem;color:var(--dim);word-break:keep-all;overflow-wrap:break-word}
.members{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}
.members li{border:1px solid var(--line);padding:1rem 1.15rem;display:grid;grid-template-columns:1fr auto;gap:.25rem 1rem;align-items:baseline;background:var(--ink2)}
.members .n{font-family:var(--serif);color:var(--paper);word-break:keep-all}
.members .c{font-family:'EB Garamond',serif;color:var(--gold)}
.members .d{grid-column:1/-1;font-size:.85rem;color:var(--mute)}
.members li.open{background:none;border-style:dashed}
.members li.open .c{color:var(--mute);font-family:var(--sans);font-size:.82rem}
.tag{display:inline-block;font-size:.72rem;letter-spacing:.06em;border:1px solid var(--line);padding:.05rem .45rem;margin-left:.4rem;color:var(--mute);vertical-align:middle}
.links{list-style:none;padding:0;margin:0}.links li{padding:.6rem 0;border-bottom:1px solid var(--line)}
.links small{display:block;color:var(--mute);font-size:.8rem}
footer{border-top:1px solid var(--line);padding:2.5rem 0 3rem;font-family:'EB Garamond',serif;color:var(--dim);font-size:.98rem;line-height:1.7}
footer p{margin:0;color:var(--dim)}footer .ko{font-family:var(--serif);font-size:.9rem}
.en{display:none}body[data-lang="en"] .en{display:block}body[data-lang="en"] .ko-only{display:none}
span.en{display:none}body[data-lang="en"] span.en{display:inline}
@media (max-width:520px){.members li{grid-template-columns:1fr}}
body[data-lang="en"] .members .n span.en{display:block;font-family:'EB Garamond',serif;color:var(--dim);font-size:.95rem}
h3{font-family:var(--serif);color:var(--gold);font-size:1.05rem;font-weight:500;margin:1.6rem 0 .4rem}