@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101416;--panel:#171d20;--fg:#e7e9e7;--muted:#9da9ad;--line:#30393e;--accent:#c38370;--serif:'Noto Serif KR',Batang,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.7 Arial,'Malgun Gothic',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}header{height:100px;max-width:1320px;padding:0 64px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:600 22px var(--serif);letter-spacing:.08em}.mark{color:var(--accent)}nav{display:flex;gap:36px;font-size:14px;color:var(--muted)}nav a:hover{color:var(--fg)}main{max-width:1320px;margin:auto}.cover{display:grid;grid-template-columns:.9fr 1.1fr;min-height:620px;padding:64px 64px 58px;gap:35px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--muted);font-weight:400}.cover-copy h1{font:500 clamp(60px,6.6vw,88px)/1.25 var(--serif);letter-spacing:-.055em;margin:32px 0}.cover-copy h1 span{display:block}.cover-copy h1 i{font-style:normal;color:var(--accent)}.intro{color:#b4bec0;font:400 18px/1.95 var(--serif);margin:0 0 32px}.primary{display:inline-flex;align-items:center;gap:42px;border-bottom:1px solid var(--accent);padding:12px 0;font-size:14px}.primary span{font-size:23px;color:var(--accent)}.cover-art{margin:0;align-self:stretch;position:relative;min-height:480px;background:var(--panel)}.cover-art img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:57% center;filter:brightness(.8)}.cover-art figcaption{position:absolute;bottom:20px;left:24px;color:#d4dadc;letter-spacing:.16em;font-size:12px}.works{padding:24px 64px 75px;scroll-margin-top:24px}.section-label{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px}.section-label h2{font-weight:400;font-size:15px;margin:0}.section-label>span{font-size:12px;color:var(--muted)}.work-row{display:grid;grid-template-columns:70px 1fr auto;align-items:center;padding:28px 0;border-bottom:1px solid var(--line);transition:background .2s}.work-row:hover{background:var(--panel)}.number{font-family:var(--serif);color:var(--accent);font-size:15px}.work-row h3{font:500 25px var(--serif);margin:0 0 10px}.work-row p{color:var(--muted);font-size:14px;margin:0}.read-link{font-size:14px;color:var(--muted)}footer{max-width:1192px;border-top:1px solid var(--line);margin:auto;padding:28px 0 40px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.reader-toolbar{padding:24px 64px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:14px}.reader-tools{display:flex;gap:12px}button{background:transparent;border:1px solid var(--line);padding:5px 12px;cursor:pointer;min-height:40px}.reading-layout{display:grid;grid-template-columns:200px minmax(0,720px);gap:50px;padding:65px 64px 100px}.reading-layout aside{position:sticky;top:35px;align-self:start;display:flex;flex-direction:column;gap:20px;font-size:14px;color:var(--muted)}aside a[aria-current=true]{color:var(--accent)}.article-heading{padding-bottom:48px}.article-heading h1{font:500 48px/1.4 var(--serif);margin:20px 0 34px;letter-spacing:-.03em}.fine-rule{width:40px;height:1px;background:var(--accent)}.prose{font:400 18px/2.15 var(--serif);word-break:keep-all;overflow-wrap:anywhere}.prose p{margin:0 0 1.65em;white-space:pre-line}.prose .scene{letter-spacing:1em;color:var(--accent);text-align:center;margin:65px 0}.prose .dialogue{color:var(--fg)}.prose.large{font-size:22px}.next{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;margin-top:70px;color:var(--accent)}body.light{color-scheme:light;--bg:#f4f5f3;--panel:#e9ecea;--fg:#252c30;--muted:#566269;--line:#ced4d3;--accent:#924e40}.skip{position:fixed;left:15px;top:-90px;padding:10px;background:var(--bg);z-index:10}.skip:focus{top:10px}[hidden]{display:none!important}@media(max-width:800px){header{height:78px;padding:0 25px}.cover{padding:40px 25px;gap:24px;min-height:530px;grid-template-columns:1fr 1fr}.cover-copy h1{font-size:58px}.cover-art{min-height:430px}.cover-art figcaption{font-size:12px;left:14px;letter-spacing:0}.works{padding:20px 25px 50px}footer{margin:0 25px;gap:20px}.reading-layout{display:block;padding:44px 25px 65px}.reading-layout aside{display:none}.reader-toolbar{padding:18px 25px}.article-heading h1{font-size:38px}.prose{font-size:17px;line-height:2.1}}@media(max-width:520px){.cover{display:block;position:relative;min-height:575px;padding-top:44px}.cover-copy{position:relative;z-index:1;width:100%}.cover-copy h1{font-size:68px}.cover-art{position:absolute;inset:0 0 0 28%;min-height:0;opacity:.26}.cover-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),transparent)}.cover-art figcaption{display:none}.cover-copy .intro{color:var(--fg)}.work-row{grid-template-columns:40px 1fr auto}.work-row h3{font-size:23px}.read-link{font-size:12px}.section-label>span{font-size:12px}footer{flex-direction:column;gap:6px}.article-heading{padding-bottom:30px}nav{gap:22px}.prose.large{font-size:21px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}