:root{--ink:#0F0E0C;--ink-2:#191714;--ink-3:#24211C;--cream:#EFE6D4;--mute:rgba(239,230,212,.62);--gold:#C9A46A;--gold-2:#E2C795;--line:rgba(239,230,212,.14);--serif:"Cormorant Garamond","Noto Serif KR",Georgia,serif;--sans:"Jost","Noto Sans KR",system-ui,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{background:var(--ink);color:var(--cream);font-family:var(--sans);font-weight:300;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}a{color:inherit}
.w{max-width:1180px;margin:0 auto;padding:0 36px}
.sample{border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.2em;text-transform:uppercase;text-align:center;padding:9px 16px;color:var(--mute)}
.sample b{color:var(--gold);font-weight:400}
header{position:absolute;left:0;right:0;z-index:10}
header .w{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:92px}
header nav{display:flex;gap:30px;font-size:12px;letter-spacing:.22em;text-transform:uppercase}
header nav a{text-decoration:none;color:var(--mute)}header nav a:hover,header nav a[aria-current]{color:var(--cream)}
header nav.r{justify-content:flex-end}
.logo{font-family:var(--serif);font-size:28px;font-weight:400;text-decoration:none;letter-spacing:.02em;text-align:center;line-height:1}
.logo i{color:var(--gold);font-style:italic}.logo small{display:block;font-family:var(--sans);font-size:10px;letter-spacing:.42em;color:var(--mute);margin-top:6px}
.eyebrow{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold)}
.btn{display:inline-flex;gap:12px;align-items:center;padding:15px 26px;border:1px solid var(--gold);color:var(--cream);text-decoration:none;font-size:12px;letter-spacing:.24em;text-transform:uppercase;transition:all .25s}
.btn:hover{background:var(--gold);color:var(--ink)}.btn.solid{background:var(--gold);color:var(--ink)}.btn.solid:hover{background:var(--gold-2)}
h1,h2,h3{font-family:var(--serif);font-weight:300;letter-spacing:-.01em}
h2{font-size:clamp(38px,4.6vw,64px);line-height:1.04}h2 em,h1 em{font-style:italic;color:var(--gold-2)}
footer{border-top:1px solid var(--line);padding:56px 0;font-size:13px;color:var(--mute)}
footer .w{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}footer a{color:var(--cream)}
.mbar{display:none}
@media(max-width:860px){.w{padding:0 22px}header .w{grid-template-columns:1fr auto;height:76px}header nav.l{display:none}header nav.r a:not(.keep){display:none}
.mbar{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--ink-2);border-top:1px solid var(--line)}.mbar a{padding:16px;text-align:center;text-decoration:none;font-size:12px;letter-spacing:.2em;text-transform:uppercase}.mbar a:first-child{background:var(--gold);color:var(--ink)}body{padding-bottom:56px}}
/* KO/EN toggle */
.lang{display:inline-flex;align-items:center;gap:0}.lang button{background:none;border:0;cursor:pointer;font:inherit;font-size:11px;letter-spacing:.2em;color:var(--mute);padding:6px 7px;transition:color .3s}.lang button+button{border-left:1px solid var(--line)}.lang button.on{color:var(--gold)}
header nav.r{align-items:center}
html[lang=ko] h1,html[lang=ko] h2,html[lang=ko] h3,html[lang=ko] blockquote{font-family:"Noto Serif KR",var(--serif);letter-spacing:-.03em;word-break:keep-all}
html[lang=ko] h1 em,html[lang=ko] h2 em,html[lang=ko] blockquote{font-style:normal}
html[lang=ko] p,html[lang=ko] li,html[lang=ko] figcaption{word-break:keep-all}
html[lang=ko] .eyebrow,html[lang=ko] .btn,html[lang=ko] header nav,html[lang=ko] .sample,html[lang=ko] .mbar a{letter-spacing:.08em}