:root{
  --paper:#faf6ee;--paper2:#fffdf8;--ink:#18201d;--muted:#58645f;--line:#d8cfc0;--sea:#356f7e;--sage:#718f73;--clay:#bd795e;--note:#f2dd8d;--shadow:0 20px 60px rgba(24,32,29,.11);--radius:22px;--max:1120px;
  --serif:Georgia,'Times New Roman',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Inter,Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,monospace
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}.site-bg{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 8% 6%,rgba(73,122,138,.14),transparent 30%),radial-gradient(circle at 88% 12%,rgba(214,160,133,.13),transparent 30%),linear-gradient(180deg,var(--paper),#f6efe5)}.grain{position:fixed;inset:0;z-index:-1;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");pointer-events:none}.wrap{max-width:var(--max);margin:0 auto;padding:0 28px}.nav{position:sticky;top:0;z-index:8;background:rgba(250,246,238,.91);backdrop-filter:blur(18px);border-bottom:1px solid rgba(216,207,192,.86)}.nav-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-family:var(--serif);font-size:1.35rem;font-weight:700;letter-spacing:-.02em;display:inline-flex;align-items:center;gap:.62rem}.brand-logo{width:30px;height:30px;display:block;flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(24,32,29,.08))}.brand span{line-height:1}.nav-links{display:flex;gap:.35rem;align-items:center;flex-wrap:wrap}.nav-links a,.pill{font-size:.9rem;border:1px solid transparent;border-radius:999px;padding:.48rem .72rem;color:#4d5853}.nav-links a:hover,.nav-links a.active,.pill:hover{border-color:var(--line);background:var(--paper2);color:var(--ink)}.hero{padding:76px 0 50px}.eyebrow{font-family:var(--mono);font-size:.76rem;text-transform:uppercase;letter-spacing:.13em;color:var(--sea);font-weight:800}.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) 370px;gap:48px;align-items:center}.hero h1,.page-title{font-family:var(--serif);margin:.35rem 0 1.2rem;letter-spacing:-.04em}.hero h1{font-size:clamp(2.7rem,4.9vw,4.95rem);line-height:1.06;max-width:780px}.page-title{font-size:clamp(2.5rem,5vw,4.65rem);line-height:1.05;max-width:960px}.lead{font-size:clamp(1.15rem,1.75vw,1.42rem);max-width:780px;color:#26302c;line-height:1.62;font-weight:500}.sublead{color:var(--muted);max-width:720px;font-size:1.02rem;line-height:1.75}.cta-row{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.55rem}.btn{display:inline-flex;border:1px solid var(--ink);border-radius:999px;padding:.72rem 1.05rem;background:var(--ink);color:var(--paper);font-weight:800;line-height:1}.btn.secondary{background:var(--paper2);color:var(--ink);border-color:var(--line)}.hero-side{display:grid;gap:1rem}.portrait-card{background:var(--paper2);border:1px solid var(--line);border-radius:30px;padding:.75rem;box-shadow:var(--shadow);transform:rotate(.5deg)}.portrait-card img{width:100%;aspect-ratio:4/5;display:block;object-fit:cover;object-position:50% 24%;border-radius:22px}.portrait-caption{font-size:.82rem;color:var(--muted);padding:.7rem .25rem .25rem;font-family:var(--mono)}.note{background:var(--paper2);border:1px solid var(--line);border-radius:22px;padding:1.15rem;box-shadow:0 12px 38px rgba(24,32,29,.07);position:relative}.note h3{font-family:var(--serif);font-size:1.48rem;line-height:1.12;margin:.25rem 0 .55rem}.stamp{display:inline-block;font-family:var(--mono);font-size:.72rem;color:#52615b;border:1px solid var(--line);border-radius:999px;padding:.28rem .5rem;background:rgba(255,255,255,.35)}.section{padding:52px 0}.section-head{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1.4rem}.section h2{font-family:var(--serif);font-size:clamp(2rem,4vw,3.55rem);line-height:1.05;margin:0;letter-spacing:-.035em}.grid{display:grid;gap:1rem}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:rgba(255,253,248,.88);border:1px solid var(--line);border-radius:var(--radius);padding:1.35rem;box-shadow:0 10px 35px rgba(24,32,29,.055)}.card h3{font-family:var(--serif);font-size:1.55rem;line-height:1.16;margin:.25rem 0 .65rem;letter-spacing:-.025em}.card p{color:var(--muted);margin:.45rem 0}.tags{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.85rem}.tag{font-family:var(--mono);font-size:.7rem;padding:.25rem .48rem;border-radius:999px;background:rgba(73,122,138,.09);color:#255867;border:1px solid rgba(73,122,138,.2)}.tag.sage{background:rgba(138,166,138,.14);color:#435f45}.tag.clay{background:rgba(214,160,133,.15);color:#764832}.pub-list{display:grid;gap:.9rem}.pub{display:grid;grid-template-columns:88px 1fr;gap:1rem;padding:1.05rem;border:1px solid var(--line);background:rgba(255,253,248,.92);border-radius:18px}.pub-year{font-family:var(--mono);font-weight:800;color:var(--sea);font-size:.92rem}.pub-title{font-weight:850;line-height:1.42;font-size:1.03rem}.pub-meta{color:var(--muted);font-size:.92rem;line-height:1.58}.pub a{color:var(--sea);font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.3rem}.filter{border:1px solid var(--line);border-radius:999px;background:var(--paper2);padding:.48rem .75rem;color:#4d5853;cursor:pointer;font-weight:650}.filter.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.marginal{border-left:3px solid var(--clay);padding-left:1rem;color:#59645f;font-family:var(--serif);font-size:1.18rem;line-height:1.55}.postcard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.postcard{min-height:180px;background:#fff8dc;border:1px solid #e5d8a0;border-radius:18px;padding:1.15rem;box-shadow:0 12px 30px rgba(24,32,29,.08);transform:rotate(var(--r,0deg))}.postcard:nth-child(2n){background:#f0f6ef;border-color:#d4e1d2}.postcard:nth-child(3n){background:#eef7fa;border-color:#cddfe4}.postcard h3{font-family:var(--serif);font-size:1.38rem;line-height:1.13;margin:.25rem 0 .7rem}.note-link{display:block}.note-link strong{display:inline-block;margin-top:.45rem;color:var(--sea);font-size:.92rem}.featured-note img{width:100%;border-radius:14px;margin:-.2rem 0 .75rem;border:1px solid rgba(24,32,29,.08);background:var(--paper2)}.note-article{padding:52px 0}.note-article .page-title{max-width:900px}.note-hero-image{width:100%;max-height:520px;object-fit:cover;border:1px solid var(--line);border-radius:30px;background:var(--paper2);box-shadow:var(--shadow);margin:1.5rem 0 1rem}.note-body{max-width:760px;margin:2rem auto 0;background:rgba(255,253,248,.82);border:1px solid var(--line);border-radius:28px;padding:clamp(1.3rem,4vw,2.6rem);font-size:1.08rem;line-height:1.85}.note-body p{margin:0 0 1.2rem}.note-body blockquote{margin:1.8rem 0;padding:1rem 1.25rem;border-left:4px solid var(--sea);background:#eef7fa;border-radius:0 18px 18px 0;font-family:var(--serif);font-size:1.35rem;line-height:1.55}.footer{padding:48px 0;border-top:1px solid var(--line);color:var(--muted);background:rgba(250,246,238,.55)}.footer-inner{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.page-hero{padding:58px 0 18px}.wide-panel{border:1px solid var(--line);border-radius:30px;background:rgba(255,253,248,.86);padding:clamp(1.2rem,4vw,2.4rem);box-shadow:var(--shadow)}.about-grid{display:grid;grid-template-columns:290px 1fr;gap:2rem;align-items:start}.about-photo{width:100%;border-radius:24px;border:1px solid var(--line);box-shadow:var(--shadow);object-fit:cover;aspect-ratio:4/5;object-position:50% 24%;background:var(--paper2);padding:.55rem}.timeline{display:grid;gap:.75rem}.time-item{display:grid;grid-template-columns:150px 1fr;gap:1rem;border-top:1px solid var(--line);padding-top:.75rem}.small{font-size:.91rem;color:var(--muted);line-height:1.62}
html:lang(ko) body{font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR','Segoe UI',sans-serif;word-break:keep-all;line-break:strict}html:lang(ko) .hero{padding:64px 0 44px}html:lang(ko) .hero-grid{grid-template-columns:minmax(0,1fr) 320px;gap:38px;align-items:start}html:lang(ko) .hero h1{font-family:var(--sans);font-size:clamp(2.05rem,3.35vw,3.55rem);line-height:1.22;letter-spacing:-.045em;font-weight:850;max-width:720px;margin-bottom:1rem}html:lang(ko) .page-title{font-family:var(--sans);font-size:clamp(2rem,3.6vw,3.45rem);line-height:1.22;letter-spacing:-.04em;font-weight:850;max-width:880px}html:lang(ko) .lead{font-size:clamp(1.05rem,1.45vw,1.22rem);line-height:1.78;max-width:760px}html:lang(ko) .sublead{font-size:1rem;line-height:1.82;max-width:760px}html:lang(ko) .section h2{font-family:var(--sans);font-size:clamp(1.75rem,3vw,2.75rem);line-height:1.22;letter-spacing:-.035em;font-weight:850}html:lang(ko) .card h3,html:lang(ko) .postcard h3,html:lang(ko) .note h3{font-family:var(--sans);line-height:1.28;font-weight:820}html:lang(ko) .note-body{line-height:1.95;font-size:1.02rem}html:lang(ko) .note-body blockquote{font-family:var(--sans);font-size:1.15rem;line-height:1.75;font-weight:750}html:lang(ko) .portrait-card{transform:none}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-side{max-width:420px}.two,.three,.postcard-grid,.about-grid{grid-template-columns:1fr}.hero{padding-top:50px}.nav-inner{align-items:flex-start;flex-direction:column;padding:1rem 0}.pub,.time-item{grid-template-columns:1fr}.hero h1,.page-title{font-size:2.75rem}.section-head{display:block}.portrait-card{transform:none}.note-body{margin-top:1rem}html:lang(ko) .hero h1,html:lang(ko) .page-title{font-size:2.15rem;line-height:1.28}html:lang(ko) .hero-grid{grid-template-columns:1fr}html:lang(ko) .hero-side{max-width:360px}}
@media(prefers-reduced-motion:no-preference){.card,.btn,.postcard{transition:transform .18s ease,box-shadow .18s ease}.card:hover,.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.postcard:hover{transform:rotate(0deg) translateY(-4px)}}
.lang-switch{font-weight:800;color:var(--sea)!important}.pub-controls{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.pub-controls a{border:1px solid var(--line);border-radius:999px;padding:.42rem .68rem;background:var(--paper2);color:#4d5853}.pub-controls a:hover{background:var(--ink);color:var(--paper)}