:root{--paper:#f5f3ee;--ink:#1f1e1c;--muted:#85817a;--dots:#b9b4aa;--green:#2f4a3e;--frame:#e4e1da;--gutter:24px;--ribbon-w:8px;--ribbon-h:80px}@media (width>=900px){:root{--gutter:clamp(48px, 13.9vw, 200px);--ribbon-w:12px;--ribbon-h:140px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);word-break:keep-all;overflow-wrap:break-word;margin:0;font-family:NanumSquareLight,NanumSquare,sans-serif;font-weight:400}a{color:var(--green);text-decoration:none}a:hover{text-underline-offset:5px;text-decoration:underline 1px}a:focus-visible{outline:2px solid var(--green);outline-offset:4px}h1{margin:0;font-weight:400}strong{font-family:NanumSquare,sans-serif;font-weight:800}.skip{position:absolute;left:-9999px}.skip:focus{left:var(--gutter);z-index:10;top:8px}.page{flex-direction:column;min-height:100svh;display:flex;position:relative}.ribbon{top:0;right:var(--gutter);width:var(--ribbon-w);height:var(--ribbon-h);background:var(--green);position:absolute}.site-header{padding:28px var(--gutter);justify-content:space-between;font-size:14px;display:flex}.logo{letter-spacing:.35em;color:var(--ink)}.nav{gap:24px;font-size:14px;display:flex}.nav a{color:var(--ink)}.nav a[aria-current=page]{color:var(--green)}.nav--top{display:none}.nav--bottom{padding:0 var(--gutter) 36px}.main{padding:0 var(--gutter);flex-direction:column;flex:1;justify-content:center;display:flex}.site-footer{padding:0 var(--gutter) 40px;letter-spacing:.1em;color:var(--muted);justify-content:space-between;font-size:12px;display:none}.site-footer a{color:var(--muted)}.eyebrow{letter-spacing:.1em;color:var(--muted);font-size:13px}.cta{background:var(--green);color:var(--paper);letter-spacing:.05em;justify-content:space-between;align-items:center;gap:40px;padding:18px 22px;font-size:16px;display:flex}.cta:hover{text-decoration:none}.cta:focus-visible{outline-color:var(--ink)}.hero{letter-spacing:-.03em;font-size:24px;line-height:1.7}.hero+.eyebrow{margin-top:28px}.about-name{font-size:38px}.about-name+.eyebrow{letter-spacing:0;margin-top:10px}.work{flex-direction:column;gap:12px;margin:48px 0 0;padding:0;font-size:15px;line-height:1.6;list-style:none;display:flex}.books-main{justify-content:flex-start;padding-top:60px}.books-title{margin-bottom:36px;font-size:38px}.book-list{margin:0;padding:0;list-style:none}.book{justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;font-size:14px;line-height:1.6;display:flex}.book-leader{display:none}.book-year{color:var(--muted);letter-spacing:.08em;font-size:12px}.books-buy{margin-top:40px}.books-buy--side{display:none}.books-page .nav--bottom{padding-top:80px}.contact-cta{margin-top:20px}.contact-mail{color:var(--muted);margin-top:20px;font-size:13px;line-height:1.8}.contact-mail .sep{display:none}@media (width>=900px){.site-header{padding:40px var(--gutter);font-size:15px}.nav--top{gap:44px;margin-right:60px;font-size:15px;display:flex}.nav--bottom{display:none}.site-footer{display:flex}.eyebrow{font-size:15px}.hero{font-size:clamp(36px,3.6vw,52px);line-height:1.5}.hero br.m{display:none}.hero+.eyebrow{margin-top:40px}.about-grid{grid-template-columns:1fr minmax(280px,480px);align-items:center;gap:80px;display:grid}.about-name{letter-spacing:-.02em;font-size:56px}.about-name+.eyebrow{letter-spacing:.1em;margin-top:16px}.work{gap:14px;margin:0;font-size:16px}.books-main{padding-top:120px}.books-grid{grid-template-columns:1fr minmax(360px,640px);gap:80px;display:grid}.books-head{flex-direction:column;align-items:flex-start;gap:36px;display:flex}.books-title{margin:0;font-size:56px}.book{justify-content:flex-start;padding:12px 0;font-size:16px}.book-leader{border-bottom:1px dotted var(--dots);flex:1;min-width:32px;display:block}.book-year{font-size:13px}.books-buy{display:none}.books-buy--side{padding:18px 26px;display:flex}.books-page .site-footer{padding-top:120px}.contact-cta{align-self:flex-start;margin-top:28px;padding:22px 32px;font-size:20px}.contact-mail{margin-top:28px;font-size:15px}.contact-mail .sep{display:inline}.contact-mail br{display:none}}@media (prefers-reduced-motion:no-preference){.main{animation:.6s ease-out both fade-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}}
