@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Serif+TC:wght@400;500;600;700;900&display=swap";:root{color:#231d16;background:#efe9da;font-family:Noto Serif TC,Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#efe9da;min-width:320px;margin:0}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}:root{--paper:#efe9da;--ink:#231d16;--evergreen:#293b2c;--moss:#607358;--honey:#bc7946;--line:#231d1633;--mono:"DM Mono", monospace}.layout{width:min(1120px,100% - 64px);margin-inline:auto}.site-header{z-index:3;color:#fff9ed;justify-content:space-between;align-items:center;height:76px;padding:0 max(32px,50vw - 560px);display:flex;position:absolute;top:0;left:0;right:0}.wordmark{letter-spacing:.12em;font-size:18px;font-weight:900;line-height:1}.wordmark span{font:9px var(--mono);letter-spacing:.18em;opacity:.74;margin-top:7px;display:block}.site-header nav{align-items:center;gap:26px;font-size:14px;display:flex}.site-header nav>a{opacity:.86}.sound-toggle{color:#fff9ed;font:10px var(--mono);letter-spacing:.06em;background:#1c251c2e;border:1px solid #fff9ed8c;align-items:center;gap:8px;padding:9px 11px;display:flex}.sound-toggle:hover,.sound-toggle.playing{color:var(--evergreen);background:#fff9ed}.hero{color:#fff9ed;align-items:end;height:100svh;min-height:670px;display:flex;position:relative;overflow:hidden}.hero-art,.hero-shade{width:100%;height:100%;position:absolute;inset:0}.hero-art{object-fit:cover;object-position:center 60%;filter:sepia(.08)contrast(1.04);animation:1.4s cubic-bezier(.22,.8,.25,1) both hero-arrival}.hero-shade{background:linear-gradient(90deg,#141b14eb 0%,#141b149c 41%,#141b141a 76%),linear-gradient(#0000 42%,#141b14a6)}.hero-copy{z-index:1;width:min(1120px,100% - 64px);margin:0 auto;padding-bottom:108px;animation:.9s .22s both copy-arrival;position:relative}.kicker{font:10px var(--mono);letter-spacing:.15em;color:var(--moss);margin:0}.hero .kicker{color:#f0d5a6}.hero-brand{letter-spacing:.13em;margin:17px 0 8px;font-size:clamp(23px,3vw,38px);font-weight:900}.hero h1{letter-spacing:-.08em;max-width:780px;margin:0;font-size:clamp(48px,7.5vw,104px);line-height:1.06}.intro{color:#f2ebdd;max-width:435px;margin:26px 0 0;font-size:17px;line-height:1.9}.read-button{color:var(--evergreen);background:#f8f0df;justify-content:space-between;align-items:center;gap:55px;margin-top:28px;padding:14px 17px;font-size:15px;font-weight:700;transition:transform .25s,background .25s;display:inline-flex}.read-button:hover{background:#fff;transform:translateY(-3px)}.hero-number{z-index:1;font:10px var(--mono);letter-spacing:.18em;writing-mode:vertical-rl;position:absolute;bottom:32px;right:34px}.story-note{grid-template-columns:1fr 2fr;gap:7vw;padding:140px 0 132px;display:grid}.story-note h2,.reader-intro h2{letter-spacing:-.07em;margin:0;font-size:clamp(34px,4.6vw,66px);line-height:1.28}.story-note div>p{color:#625a50;max-width:480px;margin:28px 0 0;font-size:17px;line-height:2}.reader-section{background:var(--evergreen);color:#fff9ed;padding:0 0 150px}.reader-intro{border-bottom:1px solid #fff9ed40;justify-content:space-between;align-items:end;gap:36px;padding:84px 0 45px;display:flex}.reader-intro .kicker{color:#e1b980}.reader-intro h2{margin-top:10px}.reader-intro>p{color:#d6dfd0;width:min(340px,100%);margin:0;font-size:14px;line-height:1.8}.reader-shell{width:min(1120px,100% - 64px);margin:0 auto;position:relative}.page-rail{z-index:1;float:left;width:105px;height:330px;font:10px var(--mono);letter-spacing:.12em;flex-direction:column;align-items:flex-start;gap:8px;margin-top:58px;display:flex;position:sticky;top:28px}.page-rail p{color:#e1b980;margin:0 0 8px}.page-rail button{color:#aebca9;text-align:left;width:34px;font:10px var(--mono);background:0 0;border:0;padding:3px 0;transition:color .2s,transform .2s}.page-rail button:hover,.page-rail button.active{color:#fff9ed;transform:translate(8px)}.rail-line{border-left:1px solid #e1b980;height:36px;margin:10px 0 0 3px}.comic-pages{width:min(760px,100% - 105px);margin-left:auto;padding-top:58px}.comic-page{opacity:.64;margin:0 0 66px;scroll-margin-top:24px;transition:opacity .55s,transform .55s;transform:translateY(26px)}.comic-page:has(img[src]){opacity:1;transform:none}.comic-page figcaption{color:#d6dfd0;font:10px var(--mono);letter-spacing:.14em;justify-content:space-between;margin-bottom:12px;display:flex}.comic-page figcaption span:last-child{color:#e1b980}.comic-page img{background:#fff;width:100%;height:auto;display:block;box-shadow:14px 16px #090f0a38}.ending{grid-template-columns:1fr 2fr;gap:7vw;padding:145px 0;display:grid}.ending-line{color:var(--evergreen);letter-spacing:-.07em;margin:0;font-size:clamp(34px,4.5vw,62px);font-weight:900;line-height:1.33}.ending button{border:0;border-bottom:1px solid var(--ink);color:var(--ink);font:12px var(--mono);letter-spacing:.08em;background:0 0;margin-top:34px;padding:0 0 7px}.ending button:hover{color:var(--honey)}footer{border-top:1px solid var(--line);color:#635b51;font:10px var(--mono);letter-spacing:.05em;justify-content:space-between;align-items:center;gap:24px;padding:30px 0 42px;line-height:1.8;display:flex}footer .wordmark{color:var(--evergreen)}.footer-progress{color:var(--honey)}@keyframes hero-arrival{0%{filter:sepia(.2)contrast(.88);transform:scale(1.08)}to{filter:sepia(.08)contrast(1.04);transform:scale(1)}}@keyframes copy-arrival{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (width<=720px){.layout{width:calc(100% - 36px)}.site-header{height:66px;padding:0 18px}.site-header nav>a{display:none}.sound-toggle{font-size:9px}.hero{min-height:620px}.hero-art{object-position:59% center}.hero-shade{background:linear-gradient(#141b141a 30%,#141b14d4)}.hero-copy{width:calc(100% - 36px);padding-bottom:72px}.hero-brand{font-size:22px}.hero h1{font-size:52px}.intro{font-size:15px}.hero-number{bottom:20px;right:18px}.story-note,.ending{grid-template-columns:1fr;gap:20px;padding-top:82px;padding-bottom:80px}.story-note div>p{font-size:15px}.reader-section{padding-bottom:80px}.reader-intro{width:calc(100% - 36px);padding:62px 0 30px;display:block}.reader-intro>p{margin-top:18px}.reader-shell{width:calc(100% - 36px)}.page-rail{float:none;background:var(--evergreen);flex-direction:row;align-items:center;gap:4px;width:100%;height:auto;margin:0;padding:11px 0;position:sticky;top:0;overflow:auto}.page-rail p,.rail-line{display:none}.page-rail button{text-align:center;width:30px}.page-rail button:hover,.page-rail button.active{color:#fff9ed;transform:none}.comic-pages{width:100%;padding-top:35px}.comic-page{margin-bottom:46px}.comic-page img{box-shadow:8px 9px #090f0a33}.ending-line{font-size:39px}footer{flex-wrap:wrap;align-items:start;width:calc(100% - 36px)}.footer-progress{margin-left:auto}}