@font-face{font-family:JianStory;src:url('assets/fonts/jost-latin.woff') format('woff');font-weight:100 900;font-display:swap}
.story-prose{font-family:JianStory,'Century Gothic','Trebuchet MS',sans-serif;font-weight:400;color:#191919;text-align:justify;text-justify:inter-word;overflow-wrap:break-word}
.story-prose p{font:inherit;font-size:20px;line-height:1.8;color:inherit;text-indent:1.5em;margin:0 0 .75em;letter-spacing:0}
.story-note{display:block;font:10px/1.8 sans-serif;letter-spacing:2px;color:#777568}
#storyReader{width:min(720px,92vw);background:#fffefa;padding:36px 44px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
#storyReader h2,.reading-work h2{font:400 32px/1.2 JianStory,sans-serif;letter-spacing:0;margin:16px 0 28px}
#storyReader .story-image{display:block;max-width:100%;width:auto;max-height:230px;margin:0 auto 28px;object-fit:contain}
.read-story{display:block;width:100%;padding:9px 0;margin:0 0 12px;border-bottom:1px solid #cbcabc;text-align:left;font:16px/1.5 JianStory,sans-serif;color:#303729}
.collection-page{margin:0;background:#fffefa;color:#191919;font-family:JianStory,sans-serif}.collection-page *{box-sizing:border-box}
.collection-top{padding:24px 5%;display:flex;justify-content:space-between;gap:20px;font:12px/1.8 sans-serif;border-bottom:1px solid #e2dfd7}.collection-top a,.return-link{color:#565d48;text-underline-offset:5px}
.collection-page main{max-width:1100px;margin:auto;padding:40px 28px}.collection-page h1{font-weight:400;font-size:48px;margin:12px 0}.collection-intro{font:12px/2 sans-serif;color:#757467;max-width:640px}
.reading-work{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:start;padding:65px 0;border-bottom:1px solid #e2dfd7;scroll-margin-top:24px}
.reading-work>img{max-width:100%;width:100%;height:auto;max-height:640px;object-fit:contain}.return-link{display:inline-block;margin-top:20px;font:12px/1.8 sans-serif}
dialog:not([open]){display:none}dialog.compat-dialog[open]{display:block;position:fixed;top:5vh;left:0;right:0;margin:0 auto;z-index:50;overflow:auto;box-shadow:0 0 0 100vmax #20251dcc}
#loading a{font-size:13px;color:#566148;text-underline-offset:5px;letter-spacing:0;padding:14px}
@media(max-width:750px){#storyReader{padding:24px;max-height:88vh}.story-prose p{font-size:19px;line-height:1.85}#storyReader h2,.reading-work h2{font-size:29px}.detail .read-story{grid-column:1/-1;margin:0;padding:4px 0;font-size:15px}.collection-page main{padding:24px}.collection-page h1{font-size:36px}.reading-work{grid-template-columns:minmax(0,1fr);gap:28px;padding:40px 0}.reading-work>img{max-height:65vh}.collection-top{padding:18px 24px;font-size:10px}}

/* Pigment-like variation stays subtle so the text remains readable. */
.bilingual>[lang]{display:block;font-size:inherit;font-weight:inherit;line-height:inherit}.bilingual>[lang]+[lang]{margin-top:.5em}
.painted-text,.story-prose{font-family:KaiTi,STKaiti,'Kaiti SC',Georgia,serif;font-weight:400}
.painted-text{color:#4c4031;text-shadow:.25px .45px .35px #fff5,-.2px -.25px .2px #302a2022}
@supports(background-clip:text){.painted-text{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65 .12' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.19'/%3E%3C/svg%3E"),linear-gradient(110deg,#483e30,#655038 48%,#3c372d);background-clip:text;-webkit-background-clip:text;color:transparent}}
.story-prose .language-version p{font-size:20px;line-height:1.95;text-align:left;text-indent:0;letter-spacing:.015em}.language-version+.language-version{margin-top:32px;padding-top:26px;border-top:1px solid #b9a98766}
#storyReader h2.bilingual,.reading-work h2.bilingual{font-family:KaiTi,STKaiti,Georgia,serif;font-size:28px;line-height:1.4}
#storyText{font-size:20px}#letterBody>[lang]{font-size:16px;line-height:1.9;white-space:pre-line}#letterBody>[lang]+[lang]{margin-top:26px;padding-top:22px;border-top:1px solid #b9a98766}
.detail .bilingual{line-height:1.5}.detail h2.bilingual{font-size:25px}.detail-copy.bilingual{font-size:13px}.read-story.bilingual{font-size:15px}.nav-english{display:block!important;font-size:inherit!important;margin-top:4px!important}#endContact{white-space:normal;text-align:center;min-width:240px}#letterTitle{font-size:25px}.intro h1.bilingual{font-size:clamp(28px,4vw,58px);max-width:650px}.brand small{font-size:inherit;letter-spacing:0}.name-row button{min-width:100px}
@media(max-width:750px){.story-prose .language-version p{font-size:19px;line-height:1.9}.detail h2.bilingual{font-size:17px}.detail-copy.bilingual{font-size:12px;max-height:100px;overflow:auto}.detail .read-story{font-size:13px}.detail .primary{font-size:12px}header{gap:8px;padding-left:12px;padding-right:12px}.brand small{font-size:10px}.brand>span:last-child{font-size:10px}nav{gap:8px}nav button{font-size:10px}#letterTitle{font-size:23px}.intro h1.bilingual{font-size:30px}.room-label{font-size:9px}}

@supports(background-clip:text){.story-prose p.painted-text{color:transparent}.room-label.painted-text{background-image:linear-gradient(#f0eee5,#e1dccf)}}
.bilingual>[lang]{font-family:inherit}