@font-face{font-family:"Noto Sans SC";src:url("/ruantang-sans.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{--paper:#faf9f6;--ink:#30372f;--muted:#73796e;--olive:#68735d;--line:#ddded6;--serif:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;--sans:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}a,button{touch-action:manipulation}a:hover,button:hover{color:var(--olive)}:focus-visible{outline:2px solid var(--olive);outline-offset:6px}header{padding:34px 3.6%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font:24px var(--serif);letter-spacing:.1em}nav{display:flex;gap:42px;font:18px var(--serif)}nav a{padding:6px 0;border-bottom:1px solid transparent}nav a[aria-current]{border-color:var(--olive)}main{max-width:1200px;width:79%;margin:44px auto 80px;min-height:65vh}.page-title{margin:0 0 42px}.page-title h1{font:400 clamp(32px,3.2vw,50px)/1.5 var(--serif);letter-spacing:.055em;margin:0 0 8px}.page-title p{font:18px/1.8 var(--serif);margin:0;color:var(--muted)}.diptych{display:grid;grid-template-columns:1.73fr 1fr;gap:3.4%;align-items:end}.diptych figure{margin:0}.diptych img{width:100%;height:auto;display:block}.diptych figcaption{margin-top:12px;font:18px var(--serif)}.quiet-link{display:inline-block;font:17px/1.8 var(--serif);margin-top:8px}.quiet-link span{margin-left:20px;color:var(--muted)}footer{display:flex;gap:22px;padding:20px 3.6% 36px;color:var(--muted);font:15px var(--serif)}.works{display:grid;grid-template-columns:1.3fr 1fr;gap:80px 10%;align-items:start}.work:nth-child(even){margin-top:110px}.work img{max-height:630px;object-fit:contain;object-position:left bottom;width:100%;height:auto;display:block}.work h2{font:22px/1.6 var(--serif);margin:16px 0 0}.work p{margin:4px 0;color:var(--muted);font-size:12px}.work p span{padding:0 8px}.filters{display:flex;gap:32px;margin-bottom:40px}.filters button{border-bottom:1px solid transparent;padding:4px 0}.filters [aria-pressed=true]{border-color:var(--olive);color:var(--olive)}.journal-row{display:grid;grid-template-columns:120px 1fr 160px;gap:36px;padding:32px 0;border-top:1px solid var(--line);align-items:start}.journal-row time{font-size:12px;color:var(--muted);padding-top:8px}.journal-row h2{font:24px/1.6 var(--serif);margin:0 0 10px}.journal-row p{color:var(--muted);font-size:14px;max-width:530px;margin:0 0 14px}.journal-row small{font-size:11px;color:var(--muted)}.journal-row img{width:160px;height:120px;object-fit:cover}.detail{max-width:1040px;margin:auto}.back{font-size:13px;color:var(--muted);display:inline-block;margin:0 0 35px}.detail .page-title{margin-bottom:16px}.detail-meta{display:flex;justify-content:space-between;gap:24px;font-size:13px;color:var(--muted);margin-bottom:40px}.detail-meta a{border-bottom:1px solid var(--line)}.intro{max-width:610px;line-height:2.2;margin:0 0 70px;white-space:pre-line}.album-photos{display:grid;grid-template-columns:1fr 1fr;gap:64px 42px;align-items:center}.photo{display:block;line-height:0;cursor:zoom-in;max-width:100%}.photo img{display:block;width:100%;height:auto}.album-photos .landscape{grid-column:1/-1;width:100%}.album-photos .portrait{width:100%}.story-body{max-width:700px;margin:0 auto}.story-body p{font:17px/2.25 var(--serif);margin:40px 0;white-space:normal}.story-body .photo{margin:38px auto;width:100%}.music{max-width:700px;margin:70px auto 0;padding-top:24px;border-top:1px solid var(--line)}.music>span{font-size:12px;color:var(--muted)}.music p{font:17px var(--serif)}.music p span{font-size:14px;color:var(--muted)}.endnote{margin:80px auto;max-width:700px;font:18px/1.8 var(--serif)}.endnote button{border-bottom:1px solid var(--line)}.endnote>a{display:block;font:12px var(--sans);color:var(--muted);margin-top:28px}.next-work{display:block;padding:38px 0;border-top:1px solid var(--line)}.next-work small{color:var(--muted)}.next-work h2{font:28px var(--serif)}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.about-layout>img{width:100%;height:auto}.about h2{font:30px var(--serif)}.about p{line-height:2.2}.about blockquote{margin:40px 0;font:24px/1.8 var(--serif)}.about-note{font-size:12px;color:var(--muted);margin-top:30px}dialog{border:0;color:var(--ink);background:var(--paper);padding:60px;max-width:90vw}dialog::backdrop{background:#182018dc}dialog .close{position:absolute;top:18px;right:24px;font-size:13px;padding:8px}#viewer{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;background:#191d19;color:#f5f5ec;padding:64px 90px;margin:0}#viewer[open]{display:flex;align-items:center;justify-content:center}#viewer img{max-width:100%;max-height:calc(100dvh - 140px);object-fit:contain}#viewer .prev,#viewer .next{position:absolute;top:48%;font-size:13px;padding:12px}#viewer .prev{left:8px}#viewer .next{right:8px}.counter{position:absolute;bottom:16px;font-size:12px;color:#c9cdc5}#contact h2{font:26px/1.6 var(--serif)}#contact p{line-height:2.1}#contact .copy{border-bottom:1px solid var(--olive)}.copy-status{font-size:12px}.skip{position:absolute;left:12px;top:-100px}.skip:focus{top:8px;background:var(--paper);z-index:100}.loading{padding:80px 0}img{transition:opacity .25s}a:hover>img{opacity:.92}@media(min-width:1600px){main{margin-top:70px}}@media(max-width:700px){header{padding:25px 22px 16px;align-items:start;flex-wrap:wrap;gap:20px}.brand{font-size:23px}nav{width:100%;justify-content:space-between;gap:0;font-size:16px}main{width:auto;margin:36px 24px 65px}.page-title{margin-bottom:30px}.page-title h1{font-size:29px;letter-spacing:.025em}.page-title p{font-size:15px}.diptych{grid-template-columns:1fr;gap:46px}.diptych figure:nth-child(2){width:68%;margin-left:auto}.diptych figcaption{font-size:16px}.quiet-link{font-size:14px}footer{padding:20px 24px 30px;font-size:12px}.works{gap:44px 22px;grid-template-columns:1fr 1fr}.work:nth-child(even){margin-top:60px}.work h2{font-size:17px}.work p{font-size:10px}.filters{gap:28px;margin-bottom:24px}.journal-row{grid-template-columns:1fr 90px;gap:12px;padding:24px 0}.journal-row time{grid-column:1/-1;padding:0}.journal-row h2{font-size:20px}.journal-row p{font-size:12px}.journal-row img{width:90px;height:100px}.detail-meta{font-size:11px;gap:10px}.intro{font-size:14px;margin-bottom:40px}.album-photos{gap:28px 16px}.story-body p{font-size:16px;margin:28px 0}.story-body .photo{margin:25px 0}.about-layout{grid-template-columns:1fr;gap:28px}.about-layout>img{width:80%}.about h2{font-size:26px}.about blockquote{font-size:22px}.endnote{margin:60px 0}.next-work h2{font-size:24px}dialog{padding:55px 26px 24px;width:90vw}#viewer{padding:60px 0 90px}#viewer img{max-height:calc(100dvh - 150px)}#viewer .prev,#viewer .next{top:auto;bottom:55px}#viewer .prev{left:18px}#viewer .next{right:18px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.page-title h1{font-weight:300;letter-spacing:.10em}.brand{font-weight:350}nav,.diptych figcaption,.quiet-link{font-weight:350}.story-body p{font-family:var(--sans);font-weight:350}.work h2,.journal-row h2,.about h2{font-weight:350}
.language{font:inherit;font-size:12px;color:var(--muted,#73796e);background:transparent;border:0;padding:7px;max-width:105px}.translation-note{font-size:12px;color:#73796e;text-align:center}.translation-note button{border:0;border-bottom:1px solid #adb5a4;background:none;color:inherit;font:inherit;cursor:pointer}.original-text{max-width:680px;margin:30px auto;padding:28px;border:1px solid #ddd;line-height:2}.original-text p{white-space:pre-line}html[lang=en] .page-title h1{font-size:clamp(28px,4vw,52px)}html[lang=ko] body{font-family:'Apple SD Gothic Neo','Malgun Gothic',sans-serif}html[lang=ja] body{font-family:'Hiragino Kaku Gothic ProN','Yu Gothic','Noto Sans SC',sans-serif}@media(max-width:700px){header{position:relative}.language{position:absolute;right:16px;top:14px}html[lang=en] nav{gap:18px}}
@media(min-width:701px){header nav{margin-left:auto}main{margin-top:32px;margin-bottom:60px}.home{max-width:1158px}}

.music-actions{display:flex;gap:24px;flex-wrap:wrap;align-items:center;font-size:13px}.music-actions button,.music-actions a{border-bottom:1px solid var(--line)}.music-actions span{color:var(--muted)}.music-player iframe{width:100%;border:0;display:block;margin:20px 0 8px;min-width:0}.music-note{display:block;font-size:11px;color:var(--muted);margin-top:14px}.music-track>small{color:var(--muted)}

/* Photography journal: open editorial layouts and finite reading spreads. */
:root{--display:var(--sans)}
header{padding:28px 4.5%;gap:32px}header nav{font-size:14px;gap:32px}.brand{font-size:23px;letter-spacing:.14em}
main{width:86%;max-width:1280px;margin:48px auto 90px}
.page-title h1{font:300 clamp(38px,5.2vw,72px)/1.28 var(--display);letter-spacing:.075em}.page-title p{font-size:14px;letter-spacing:.08em;line-height:2}
.home .page-title{max-width:800px;margin:18px 0 60px}.home .page-title h1{font-size:clamp(34px,4.6vw,64px)}.home .diptych{gap:7%;grid-template-columns:1.5fr 1fr}.home .diptych figure:nth-child(2){padding-bottom:45px}.diptych figcaption{font-size:19px;letter-spacing:.08em}.quiet-link{font-size:12px;margin-top:15px}.quiet-link span{margin-left:12px}
.filters{font-size:12px;letter-spacing:.08em;margin:30px 0 55px;gap:36px}
.journal-list{display:grid;grid-template-columns:1fr 1fr;gap:100px 10%;align-items:start}
.journal-feature{min-width:0}.feature-image{display:block}.feature-image img{display:block;width:100%;height:auto;max-height:580px;object-fit:contain;object-position:left bottom}.feature-copy{padding-top:22px}.folio-meta{font-size:11px;letter-spacing:.08em;color:var(--muted);font-variant-numeric:tabular-nums;margin:0 0 15px}.folio-meta span{margin:0 8px}.feature-copy h2{font:350 clamp(23px,2.3vw,34px)/1.6 var(--display);letter-spacing:.055em;margin:0 0 20px;text-wrap:balance}.feature-excerpt{font-size:13px;font-weight:350;line-height:2.1;max-width:32em;color:var(--muted)}.feature-read{display:inline-block;font-size:11px;letter-spacing:.08em;margin-top:14px;padding-bottom:4px;border-bottom:1px solid var(--line)}.feature-read span{margin-left:20px}
.journal-feature.feature-0{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center;padding-bottom:70px;border-bottom:1px solid var(--line)}.feature-0 .feature-image{width:100%}.feature-0 .feature-image img{max-height:620px;object-position:left center}.feature-0 .feature-copy{max-width:390px}.feature-0 h2{font-size:clamp(30px,3.5vw,48px)}.feature-0 .feature-excerpt{font-size:14px;line-height:2.4}.feature-2{margin-top:140px}.feature-3{width:85%;margin-top:-20px}.feature-4{margin-top:90px}
.works{grid-template-columns:1.2fr 1fr;gap:110px 12%}.work:nth-child(even){margin-top:150px}.work:nth-child(4n+3){width:85%}.work h2{letter-spacing:.055em;font-size:23px}.work img{max-height:640px}.about .page-title{margin-bottom:65px}.about-layout{grid-template-columns:1.1fr 1fr;gap:13%}.about-layout>img{max-height:760px;object-fit:contain}.about blockquote{font-weight:300;letter-spacing:.06em;line-height:2}
.magazine{max-width:1280px}.book-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;color:var(--muted);font-size:11px}.book-top .back{font-size:11px;margin:0}.book-top>span{max-width:60%;text-align:center}.book-top>a:last-child{margin-left:auto;white-space:nowrap}
.book-spread{min-height:560px;display:grid;align-items:center;padding:20px 0 40px;gap:7%}.opening-spread{grid-template-columns:1.15fr 1fr}.spread-art{min-width:0;display:flex;align-items:center;justify-content:center;gap:24px}.spread-art .photo{flex:1;min-width:0;max-width:100%;margin:0;display:flex;justify-content:center;align-items:center}.spread-art .photo img{width:auto;height:auto;max-width:100%;max-height:min(66vh,650px);object-fit:contain}.opening-spread .spread-art{justify-content:flex-start}.opening-spread .spread-art .photo{justify-content:flex-start}.spread-copy{max-width:450px;padding:30px 0}.spread-copy .page-title{margin-bottom:26px}.spread-copy .page-title h1{font-size:clamp(32px,3.6vw,52px);line-height:1.65;letter-spacing:.09em;text-wrap:balance}.spread-copy .folio-meta{margin-bottom:40px}.spread-prose{font-size:14px;line-height:2.4;font-weight:350;letter-spacing:.045em}.spread-prose p{margin:0 0 20px}.spread-copy .translation-note{text-align:left;font-size:10px;margin-top:30px}.paired-spread{grid-template-columns:1fr}.paired-spread .spread-art{gap:5%;padding:0 3%}.paired-spread .spread-art .photo:nth-child(2){align-self:center}.single-spread .spread-art .photo img{max-height:min(69vh,700px)}.book-spread:not(.opening-spread).with-prose{grid-template-columns:minmax(230px,.65fr) 1.4fr}.book-spread:not(.opening-spread).with-prose .spread-prose{padding:20px;max-width:480px}.book-spread:not(.opening-spread).with-prose .spread-art{padding:0;gap:20px}
.book-navigation{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:20px 0;font-size:12px;letter-spacing:.06em}.book-navigation button{min-height:40px;min-width:80px;text-align:left}.book-navigation button:last-child{text-align:right}.book-navigation button:disabled{opacity:.25;cursor:default}.page-picker select{background:transparent;border:0;color:var(--muted);font:12px var(--sans);letter-spacing:.1em;padding:10px 20px;cursor:pointer;font-variant-numeric:tabular-nums}.magazine .music{max-width:none;margin:45px 0 0;padding-top:20px}.magazine .music-track{max-width:700px}.magazine .music p{font-size:14px}.magazine .music-actions{font-size:11px}.magazine .endnote{max-width:700px;margin:90px auto}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html[lang=en] .spread-copy .page-title h1{font-size:clamp(30px,3.5vw,48px);letter-spacing:.025em;line-height:1.4}html[lang=en] .spread-prose{letter-spacing:0;line-height:2.05}html[lang=ko] .spread-copy .page-title h1{word-break:keep-all;letter-spacing:.025em}
@media(max-width:900px){.book-spread{min-height:460px}.spread-copy .folio-meta{margin-bottom:25px}.spread-prose{font-size:13px;line-height:2.2}.spread-copy .page-title h1{font-size:32px}.feature-0 .feature-excerpt{font-size:13px}.journal-feature.feature-0{gap:7%}}
@media(max-width:700px){header{padding:24px 22px 18px;gap:23px}header nav{font-size:14px;gap:10px}.brand{font-size:22px}main{width:auto;margin:30px 24px 65px}.page-title h1{font-size:44px}.page-title p{font-size:12px}.home .page-title{margin:12px 0 38px}.home .page-title h1{font-size:34px;line-height:1.6}.home .diptych{grid-template-columns:1fr;gap:40px}.home .diptych figure:nth-child(2){padding:0;width:76%}.filters{gap:30px;margin:24px 0 36px}.journal-list{display:block}.journal-feature{margin:0 0 65px;width:100%}.journal-feature.feature-0{display:block;padding:0 0 45px}.feature-0 .feature-image{width:88%}.feature-copy{padding-top:22px}.feature-0 h2{font-size:29px}.feature-copy h2{font-size:24px;margin-bottom:12px}.feature-excerpt{font-size:13px}.feature-0 .feature-copy{max-width:none}.feature-2,.feature-4{width:86%;margin-left:auto}.feature-3{width:92%}.feature-image img{max-height:520px}.folio-meta{font-size:10px}.works{gap:55px 24px}.work:nth-child(even){margin-top:75px}.work h2{font-size:17px}.work:nth-child(4n+3){width:100%}.about .page-title{margin-bottom:35px}.about-layout{grid-template-columns:1fr;gap:30px}.about-layout>img{width:88%}.book-top{font-size:10px;margin-bottom:25px;gap:15px}.book-top .back{font-size:10px}.book-top>span{display:none}.book-spread{min-height:0;padding:0 0 28px;gap:0}.opening-spread{grid-template-columns:1fr}.spread-art .photo img{max-height:65vh;max-width:100%}.opening-spread .spread-art{width:88%}.opening-spread .spread-art .photo img{max-height:58vh}.spread-copy{padding:28px 0 0;max-width:none}.spread-copy .page-title h1{font-size:30px;line-height:1.7}.spread-copy .page-title{margin-bottom:15px}.spread-copy .folio-meta{margin-bottom:24px}.spread-prose{font-size:14px;line-height:2.2}.paired-spread .spread-art{gap:26px;flex-direction:column;padding:0}.paired-spread .spread-art .photo{width:100%;flex:auto}.paired-spread .spread-art .portrait{width:85%}.paired-spread .spread-art .photo:nth-child(2){align-self:flex-end}.single-spread .spread-art .photo img{max-height:72vh}.book-spread:not(.opening-spread).with-prose{grid-template-columns:1fr}.book-spread:not(.opening-spread).with-prose .spread-prose{padding:0 0 20px}.book-navigation{padding:12px 0;font-size:11px;position:sticky;bottom:0;background:var(--paper);z-index:2}.page-picker select{padding:12px 8px;font-size:11px}.book-navigation button{min-width:65px}.magazine .music{margin-top:35px}html[lang=en] .spread-copy .page-title h1{font-size:30px}html[lang=en] .page-title h1{font-size:38px}}
.book-top h1{font:inherit;margin:0;font-weight:350;max-width:60%;text-align:center}.book-spread:focus{outline:none}.book-spread.text-spread.with-prose{display:block;padding:100px 10%;min-height:500px}.book-spread.text-spread.with-prose .spread-prose{margin:auto;max-width:650px;font-size:20px;line-height:2.4}.text-spread .spread-art{display:none}@media(max-width:700px){.book-top h1{display:none}.book-spread.text-spread.with-prose{padding:60px 0;min-height:400px}.book-spread.text-spread.with-prose .spread-prose{font-size:18px}}
@media(max-width:700px){.book-top h1{display:block;position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}}