:root{color-scheme:dark;--bg:#10110f;--text:#eeeae0;--muted:#a4a59c;--gold:#b8aa86;--line:#33352e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:45px}body{margin:0;background:var(--bg);color:var(--text);font-family:'Noto Sans KR',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:7px}.site-header{max-width:1440px;margin:auto;padding:28px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-family:'Cormorant Garamond',Georgia,serif;font-size:32px;white-space:nowrap}.site-header nav{display:flex;gap:34px;font-size:12px;letter-spacing:1.8px}.site-header nav a{padding:8px 0;color:var(--muted)}.site-header nav a[aria-current],.site-header nav a:hover{color:var(--text)}.site-header nav a[aria-current]{border-bottom:1px solid var(--gold)}main{max-width:1250px;padding:0 48px;margin:auto}.intro{padding:92px 0 48px}.eyebrow-row{display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:11px;letter-spacing:2.4px;color:var(--gold)}.languages{display:flex;align-items:center;gap:12px;font-size:12px;color:#66695e}.languages button{border:0;background:none;padding:8px 2px;color:var(--muted);cursor:pointer}.languages button[aria-pressed=true]{color:var(--text);border-bottom:1px solid var(--gold)}h1{font:400 clamp(64px,7vw,100px)/1.1 'Cormorant Garamond',Georgia,serif;letter-spacing:-2px;margin:30px 0}.title-period{color:var(--gold)}.intro-text{max-width:660px;font-size:19px;line-height:1.95;color:#cecec5;word-break:keep-all}.intro-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:46px;font-size:12px;color:var(--muted)}.scroll-hint{letter-spacing:3px}.scroll-hint span{margin-left:28px}.contents{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contents a{padding:26px 22px 26px 0;display:flex;gap:18px;align-items:baseline;transition:background .2s}.contents a:nth-child(-n+3){border-bottom:1px solid var(--line)}.contents a:hover{background:#191b16}.contents .roman{min-width:22px;color:var(--gold);font:24px 'Cormorant Garamond',Georgia,serif}.contents .name{font-size:14px;color:#d4d4ca}.contents .english{display:block;color:var(--muted);font-size:10px;letter-spacing:.8px;margin-top:8px}.reading-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:75px;padding-top:100px}.reading-index{position:sticky;top:44px;align-self:start}.reading-index nav{display:flex;flex-direction:column;gap:21px;margin:28px 0 42px}.reading-index nav a{font-size:12px;line-height:1.7;color:var(--muted);display:flex;gap:15px}.reading-index nav a span{width:19px;color:var(--gold);flex-shrink:0}.reading-index nav a.active{color:var(--text)}.back-top{font-size:11px;color:var(--muted)}.chapter{padding-bottom:74px;margin-bottom:76px;border-bottom:1px solid var(--line);scroll-margin-top:44px}.chapter-head{display:flex;align-items:center;gap:20px;margin-bottom:25px}.chapter-number{font:44px 'Cormorant Garamond',Georgia,serif;color:var(--gold)}.chapter-kicker{font-size:10px;letter-spacing:1.8px;color:var(--muted)}h2{font-size:28px;font-weight:400;line-height:1.6;letter-spacing:-.8px;margin:0 0 30px;word-break:keep-all}.chapter p{font-size:17px;line-height:2.15;color:#c4c7bc;margin:0 0 24px;word-break:keep-all}.chapter .work-links{padding-top:22px;margin-top:32px}.work-label{font-size:10px;letter-spacing:1px;color:var(--gold);display:block;margin-bottom:17px}.work-links a{font:22px/1.6 'Cormorant Garamond',Georgia,serif;display:inline-block;border-bottom:1px solid #55594c;margin:0 24px 10px 0}.work-links a:hover{color:var(--gold)}.work-links a span{font:14px Arial,sans-serif;margin-left:14px}.closing{padding:10px 0 80px;margin-left:310px}.closing>a{display:flex;justify-content:space-between;align-items:center;font:42px 'Cormorant Garamond',Georgia,serif;margin-top:24px}.closing>a>span:last-child{font:28px Arial;color:var(--gold)}.closing p{font-size:13px;line-height:1.8;color:var(--muted)}footer{max-width:1440px;margin:auto;border-top:1px solid var(--line);padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}footer>span:nth-child(2){font-size:11px;letter-spacing:1px;color:var(--muted)}footer .wordmark{font-size:25px}.skip{position:absolute;left:20px;top:-90px;background:var(--bg);padding:15px;z-index:9}.skip:focus{top:5px}html[lang=en] h2{font:38px/1.2 'Cormorant Garamond',Georgia,serif;letter-spacing:0}html[lang=en] .chapter p{word-break:normal;line-height:1.95}html[lang=en] .contents .name{font-size:13px}@media(min-width:1400px){.intro{padding-top:110px}}@media(max-width:900px){main{padding:0 30px}.reading-layout{grid-template-columns:1fr;gap:0;padding-top:65px}.reading-index{display:none}.chapter{max-width:680px;margin-left:auto;margin-right:auto}.closing{max-width:680px;margin:auto}.contents a{gap:10px}.contents .name{font-size:12px}}@media(max-width:600px){.site-header{padding:22px}.wordmark{font-size:25px}.site-header nav{gap:15px;font-size:9px;letter-spacing:.7px}main{padding:0 24px}.intro{padding-top:55px}.eyebrow{font-size:9px;letter-spacing:1.8px}h1{font-size:61px;letter-spacing:-1.5px;margin-top:30px}.intro-text{font-size:17px}.intro-bottom{font-size:10px;gap:20px}.contents{grid-template-columns:1fr 1fr}.contents a{padding:20px 10px 20px 0}.contents a:nth-child(4){border-bottom:1px solid var(--line)}.contents .english{font-size:9px}.chapter{padding-bottom:45px;margin-bottom:45px}.chapter p{font-size:17px;line-height:2}h2{font-size:25px}.chapter-kicker{font-size:9px}.closing>a{font-size:36px}footer{padding:28px 24px}footer>span:nth-child(2){display:none}.closing{padding-bottom:50px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
:root{--gallery-surface:#080908}.intro{padding-bottom:48px;border-bottom:1px solid var(--line)}.reading-layout{grid-template-columns:215px minmax(0,1fr);gap:60px;padding-top:65px}.reading-index nav a{font-size:14px}.reading-index .eyebrow{font-size:12px;letter-spacing:1.8px}.back-top{font-size:13px}.index-toggle{display:none}.closing{margin-left:275px}.gallery{margin:0 0 38px}.gallery-stage{position:relative;width:100%;aspect-ratio:16/10;background:var(--gallery-surface);overflow:hidden;touch-action:pan-y}.gallery-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity 1.2s ease;pointer-events:none}.gallery-image.is-current{opacity:1}.gallery figcaption{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.gallery-caption{display:flex;flex-direction:column;gap:5px}.image-title{font:23px 'Cormorant Garamond',Georgia,serif}.image-source{color:var(--muted);font-size:12px}.gallery-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.gallery-count{font-size:12px;letter-spacing:1px;color:var(--muted);margin-right:8px}.gallery-controls button{border:1px solid var(--line);color:var(--text);background:transparent;min-width:42px;min-height:42px;padding:7px 10px;cursor:pointer;font-size:14px}.gallery-controls button:hover{background:#282b23}.gallery-controls button[data-action=pause]{min-width:80px}.chapter{max-width:none}.chapter p{max-width:680px}.chapter-kicker{font-size:12px;letter-spacing:1.3px}.work-label{font-size:12px}.closing{max-width:none}@media(max-width:1000px){.reading-layout{grid-template-columns:170px minmax(0,1fr);gap:32px}.reading-index{display:block}.closing{margin-left:202px}.gallery figcaption{align-items:flex-start;flex-direction:column}.gallery-controls{align-self:flex-end}}@media(max-width:700px){.reading-layout{display:block;padding-top:0}.reading-index{position:sticky;top:0;z-index:5;background:var(--bg);border-bottom:1px solid var(--line);margin-bottom:40px}.index-toggle{display:flex;justify-content:space-between;width:100%;background:none;color:var(--text);border:0;padding:18px 0;font-size:14px;cursor:pointer}.reading-index #index-panel{display:none;padding:15px 0 24px}.reading-index.is-open #index-panel{display:block}.reading-index nav{gap:14px;margin:20px 0}.reading-index nav a{font-size:14px}.closing{margin-left:0}.gallery-stage{aspect-ratio:4/3}.gallery figcaption{gap:12px}.chapter{scroll-margin-top:76px}.chapter h2{font-size:25px}.intro{padding-bottom:35px}.chapter-kicker{font-size:11px}}@media(prefers-reduced-motion:reduce){.gallery-image{transition:none}}