:root{
  --ink:#18150f; --ink-soft:#423b30; --paper:#efe9dc; --paper-2:#e5dcc9; --panel:#f7f2e8;
  --dry:#b49350; --dry-dark:#80652f; --gold:#c7a45a; --line:rgba(36,29,18,.2);
  --night:#100f0c; --night-2:#191711; --cream:#f6efdf; --muted:#a89e8d;
  --hero-title:#fff9ec; --shadow:0 20px 60px rgba(22,17,9,.18); --radius:22px;
  --serif:"Noto Serif KR","Nanum Myeongjo","AppleMyungjo","Times New Roman",serif;
  --sans:"Pretendard","Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.7}
body[data-theme="dark"]{--ink:#f5edde;--ink-soft:#c9c0b0;--paper:#11100d;--paper-2:#1a1813;--panel:#1d1a15;--line:rgba(245,237,222,.16);--shadow:0 22px 65px rgba(0,0,0,.42);--hero-title:#fff9ec}
body.locked{overflow:hidden}.skip{position:fixed;top:-100px;left:16px;z-index:9999;background:#fff;color:#000;padding:12px 18px}.skip:focus{top:16px}
a{color:inherit}.topbar{position:fixed;z-index:1000;top:0;left:0;right:0;height:76px;background:rgba(16,15,12,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.1);color:var(--cream)}
.topbar-inner{max-width:1500px;height:100%;margin:auto;padding:0 32px;display:flex;align-items:center;gap:24px}.brand{text-decoration:none;font-family:var(--serif);font-size:19px;line-height:1.15}.brand small{display:block;margin-top:7px;font:10px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.spacer{flex:1}.desktop-nav{display:flex;gap:18px}.desktop-nav a{text-decoration:none;font-size:12px;color:#d9cfbf}.desktop-nav a:hover{color:#fff}.controls{display:flex;gap:8px}.control{border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.18);color:#fff;border-radius:999px;padding:9px 13px;cursor:pointer}.control.active{border-color:var(--gold);color:var(--gold)}
.progress{position:fixed;z-index:1001;top:75px;left:0;height:2px;background:var(--gold);width:0}
.hero{min-height:100svh;position:relative;display:grid;align-items:end;overflow:hidden;background:#111}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,9,7,.9) 0%,rgba(10,9,7,.55) 46%,rgba(10,9,7,.18) 76%),linear-gradient(0deg,rgba(10,9,7,.86) 0%,transparent 60%),url("../images/005_A_Wavering_Horizon_1986.jpg") center 40%/cover no-repeat;transform:scale(1.02)}
.hero-inner{position:relative;z-index:1;max-width:1500px;width:100%;margin:auto;padding:170px 6vw 90px;color:var(--hero-title)}.kicker{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);font-weight:700}.hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(54px,8.4vw,144px);line-height:.9;letter-spacing:-.055em;max-width:1200px;margin:26px 0 30px;color:var(--hero-title);text-wrap:balance}.hero p{font-family:var(--serif);font-size:clamp(18px,2vw,28px);line-height:1.65;max-width:780px;color:#f2eadc}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.btn{display:inline-flex;align-items:center;gap:9px;border-radius:999px;padding:13px 18px;text-decoration:none;border:1px solid currentColor;font-weight:700;font-size:13px}.btn.primary{background:var(--gold);border-color:var(--gold);color:#15120c}.btn.ghost{color:#fff;border-color:rgba(255,255,255,.42)}
.section-nav{position:sticky;z-index:100;top:76px;background:rgba(239,233,220,.93);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);overflow:auto;white-space:nowrap}.section-nav-inner{max-width:1500px;margin:auto;padding:0 24px;display:flex}.section-nav a{padding:16px 18px;text-decoration:none;font-size:12px;color:var(--ink-soft);border-bottom:2px solid transparent}.section-nav a.active{color:var(--dry-dark);border-color:var(--dry-dark);font-weight:800}body[data-theme="dark"] .section-nav{background:rgba(17,16,13,.93)}
.intro{max-width:1350px;margin:auto;padding:120px 6vw;display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:start}.intro h2,.section-title{font:500 clamp(42px,6vw,84px)/1.05 var(--serif);letter-spacing:-.045em;margin:18px 0 30px}.intro p{font-family:var(--serif);font-size:20px;color:var(--ink-soft)}.manifesto{position:sticky;top:170px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;font:500 clamp(24px,3vw,42px)/1.35 var(--serif);color:var(--dry-dark)}
.chapter{padding:0 0 120px;scroll-margin-top:130px}.chapter-head{min-height:74vh;position:relative;display:grid;align-items:end;overflow:hidden;background:#18150f}.chapter-head::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,10,7,.84),rgba(12,10,7,.15)),var(--chapter-image) center/cover no-repeat;filter:saturate(.8)}.chapter-head-inner{position:relative;max-width:1500px;width:100%;margin:auto;padding:90px 6vw;color:#fff}.chapter-number{font:600 12px/1 var(--sans);letter-spacing:.25em;color:var(--gold);text-transform:uppercase}.chapter-head h2{font:500 clamp(46px,7.2vw,112px)/.98 var(--serif);letter-spacing:-.052em;margin:22px 0;max-width:1180px;text-wrap:balance}.chapter-sub{font-size:15px;letter-spacing:.08em;color:#ddd3c4}.chapter-body{max-width:1350px;margin:auto;padding:90px 6vw 0}.chapter-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;margin-bottom:80px}.chapter-quote{font:500 clamp(28px,4vw,54px)/1.35 var(--serif);color:var(--dry-dark);margin:0}.chapter-copy{font:18px/1.9 var(--serif);color:var(--ink-soft);margin:0}.chapter-open{margin-top:28px}
.story-list{display:grid;gap:34px}.story-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);min-height:620px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.story-card:nth-child(even){grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr)}.story-card:nth-child(even) .story-media{order:2}.story-media{position:relative;background:#211e17;min-height:520px}.story-media img{width:100%;height:100%;object-fit:contain;display:block}.story-media::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);pointer-events:none}.story-content{padding:54px;display:flex;flex-direction:column;justify-content:center}.work-no{font:700 10px/1 var(--sans);letter-spacing:.25em;color:var(--dry-dark)}.story-content h3{font:500 clamp(32px,4vw,58px)/1.05 var(--serif);letter-spacing:-.04em;margin:18px 0 8px}.work-en{font-family:var(--serif);font-style:italic;color:var(--ink-soft);font-size:18px}.meta{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.pill{border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:11px;color:var(--ink-soft)}.story-content p{font-family:var(--serif);color:var(--ink-soft);font-size:17px}.work-link{align-self:flex-start;margin-top:18px;text-decoration:none;color:var(--dry-dark);font-weight:800;border-bottom:1px solid currentColor}.bridge{max-width:780px;margin:60px auto 24px;text-align:center;font:500 clamp(23px,3vw,38px)/1.5 var(--serif);color:var(--dry-dark)}
.compare,.palette,.motifs{max-width:1350px;margin:auto;padding:120px 6vw;scroll-margin-top:130px}.section-label{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--dry-dark);font-weight:800}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:50px 0}.compare-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.compare-panel img{width:100%;height:600px;object-fit:contain;background:#18150f}.compare-panel-copy{padding:28px}.compare-panel h3{font:500 30px/1.2 var(--serif);margin:0 0 12px}.compare-panel p{margin:0;color:var(--ink-soft)}.compare-axis{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.compare-axis>div{padding:28px;border-right:1px solid var(--line)}.compare-axis>div:last-child{border-right:0}.compare-axis strong{display:block;color:var(--dry-dark);font-size:12px;letter-spacing:.12em;margin-bottom:10px}.compare-axis p{font-family:var(--serif);margin:0;color:var(--ink-soft)}
.palette-track{display:grid;grid-template-columns:repeat(6,1fr);margin-top:48px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.palette-step{min-height:360px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;position:relative}.palette-step::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,.05))}.palette-step>*{position:relative}.palette-step span{font-size:10px;letter-spacing:.2em;text-transform:uppercase}.palette-step h3{font:500 24px/1.2 var(--serif);margin:10px 0}.palette-step p{font-size:12px;line-height:1.55;margin:0;color:#eee}.palette-note{font-size:12px;color:var(--ink-soft);margin-top:14px}
.motif-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:34px 0}.motif-btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:999px;padding:9px 12px;cursor:pointer}.motif-btn.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.motif-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.motif-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;cursor:pointer;transition:transform .25s,box-shadow .25s}.motif-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.motif-card img{width:100%;height:260px;object-fit:cover;background:#18150f}.motif-card-copy{padding:18px}.motif-card h3{font:500 22px/1.2 var(--serif);margin:0 0 6px}.motif-card small{color:var(--ink-soft)}
.epilogue{background:var(--night);color:#fff;padding:150px 6vw}.epilogue-inner{max-width:1350px;margin:auto;display:grid;grid-template-columns:1.2fr .8fr;gap:80px}.epilogue h2{font:500 clamp(52px,8vw,120px)/.92 var(--serif);letter-spacing:-.055em;margin:0;color:#fff}.epilogue p{font:20px/1.8 var(--serif);color:#d8cebe}.footer{background:#090806;color:#cfc4b3;padding:46px 6vw;border-top:1px solid rgba(255,255,255,.1)}.footer-inner{max-width:1500px;margin:auto;display:flex;gap:40px;justify-content:space-between}.footer a{color:var(--gold)}
.modal{position:fixed;z-index:5000;inset:0;display:none}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(10px)}.modal-panel{position:absolute;inset:4vh 4vw;background:var(--panel);border-radius:22px;overflow:auto;display:grid;grid-template-columns:1.2fr .8fr}.modal-media{background:#13110d;min-height:70vh;display:grid;place-items:center}.modal-media img{width:100%;height:100%;max-height:92vh;object-fit:contain}.modal-copy{padding:52px;align-self:center}.modal-copy h2{font:500 clamp(38px,5vw,72px)/1 var(--serif);margin:15px 0}.modal-close{position:fixed;z-index:5002;right:6vw;top:6vh;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:#111;color:#fff;font-size:24px;cursor:pointer}
.chapter-page-hero{min-height:82vh;display:grid;align-items:end;position:relative;background:#111;color:#fff}.chapter-page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,9,7,.9),rgba(10,9,7,.18)),var(--chapter-image) center/cover no-repeat}.chapter-page-hero .chapter-head-inner{padding-top:180px}.chapter-page-main{padding-bottom:120px}.chapter-back{display:inline-block;margin:36px 6vw;color:var(--dry-dark);font-weight:800}.chapter-page-main .chapter-body{padding-top:40px}
body[data-lang="ko"] [data-lang="en"]{display:none!important}body[data-lang="en"] [data-lang="ko"]{display:none!important}body[data-lang="en"] [data-lang="en"],body[data-lang="ko"] [data-lang="ko"]{display:revert!important}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.desktop-nav{display:none}.intro,.chapter-intro,.epilogue-inner{grid-template-columns:1fr}.manifesto{position:static}.story-card,.story-card:nth-child(even){grid-template-columns:1fr}.story-card:nth-child(even) .story-media{order:0}.compare-grid{grid-template-columns:1fr}.palette-track{grid-template-columns:repeat(3,1fr)}.motif-grid{grid-template-columns:repeat(3,1fr)}.modal-panel{grid-template-columns:1fr}.modal-copy{padding:32px}}
@media(max-width:720px){.topbar{height:68px}.topbar-inner{padding:0 14px}.brand{font-size:15px}.brand small{font-size:8px}.label-long{display:none}.progress{top:67px}.section-nav{top:68px}.hero-inner{padding:145px 22px 58px}.hero h1{font-size:52px}.intro,.chapter-body,.compare,.palette,.motifs{padding-left:22px;padding-right:22px}.intro{padding-top:80px;padding-bottom:80px}.chapter-head-inner{padding:70px 22px}.chapter-head{min-height:66vh}.chapter-head h2{font-size:45px}.chapter-body{padding-top:58px}.chapter-intro{gap:30px;margin-bottom:45px}.story-card{min-height:0}.story-media{min-height:360px}.story-content{padding:30px 24px}.bridge{margin:42px 18px 10px}.compare-panel img{height:420px}.compare-axis{grid-template-columns:1fr}.compare-axis>div{border-right:0;border-bottom:1px solid var(--line)}.compare-axis>div:last-child{border-bottom:0}.palette-track{grid-template-columns:1fr 1fr}.palette-step{min-height:280px}.motif-grid{grid-template-columns:1fr 1fr}.motif-card img{height:180px}.epilogue{padding:100px 22px}.footer-inner{display:block}.modal-panel{inset:2vh 12px}.modal-media{min-height:45vh}.modal-close{right:22px;top:28px}}
@media(max-width:460px){.hero h1{font-size:44px}.controls .control{padding:8px 10px}.palette-track,.motif-grid{grid-template-columns:1fr}.motif-card img{height:250px}.story-media{min-height:300px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.motif-card{transition:none}}