:root{--ink:#191919;--mute:#71706b;--paper:#f5f2e9;--paper2:#ebe6da;--warm:#d7b886;--border:#d9d3c7;--dark:#151616;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
.reading-instructions{max-width:780px;margin:0 auto 26px;padding:24px;background:#f5f2e9;border:1px solid #d9d3c7;color:#191919}.reading-instructions h2{font:normal 28px Georgia,serif;margin:0 0 12px}.reading-instructions p{font-size:14px;line-height:1.8;margin:0}.guide-legend{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:18px;font-size:12px}.guide-legend b{margin-right:8px}.manga-sheet{position:relative;background:white}.manga-sheet>img{width:100%;height:auto}.reading-overlay{position:absolute;inset:0;pointer-events:none}.reading-overlay svg{display:block;width:100%;height:100%}.page-reading-note{padding:18px 20px;margin:0;background:#f5f2e9;color:#333;font-size:13px;line-height:1.8;text-align:left}.continuous-view figure{margin:0 0 36px}.guides-hidden .reading-overlay,.guides-hidden .page-reading-note{display:none}.reader-dark .reading-instructions,.reader-dark .page-reading-note{background:#242424;color:#eee;border-color:#555}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;cursor:pointer}
button:focus-visible,a:focus-visible{outline:3px solid #b78b46;outline-offset:4px}
[hidden]{display:none!important}.shell{max-width:1260px;margin-inline:auto;padding-inline:clamp(22px,5vw,68px)}
.skip-link{position:absolute;z-index:1000;left:16px;top:-100px;background:#fff;color:#111;padding:13px 18px}.skip-link:focus{top:12px}
.site-header{position:relative;z-index:5;border-bottom:1px solid var(--border)}
.header-inner{height:99px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:14px;white-space:nowrap}.brand-mark{border:2px solid #262622;width:45px;height:45px;display:flex;align-items:center;justify-content:center;font:700 22px/1 var(--serif);letter-spacing:-5px;padding-right:5px}.brand-dot{color:#aa854c}.brand-copy{display:flex;flex-direction:column;gap:5px}.brand-copy strong{font-size:16px;letter-spacing:.2em}.brand-copy small{font-size:8px;letter-spacing:.3em;color:#77736c}.nav-links{display:flex;align-items:center;gap:clamp(16px,2.8vw,38px)}.nav-links>a{font-size:11px;letter-spacing:.065em;text-transform:uppercase;font-weight:700;transition:opacity .2s}.nav-links>a:hover{opacity:.6}.nav-links .nav-button{border:1px solid #34332f;padding:15px 18px}.nav-button span{margin-left:8px}.menu-toggle{display:none;border:1px solid var(--border);background:transparent;padding:10px 13px}
.hero{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;min-height:710px;gap:clamp(30px,4vw,55px);padding-top:62px;padding-bottom:68px}.kicker,.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:700;color:#9b7548}.kicker{display:flex;align-items:center;gap:11px}.kicker-line{display:inline-block;width:24px;height:1px;background:#b09369}
.hero h1{font:normal clamp(54px,6vw,86px)/1.025 var(--serif);letter-spacing:-.055em;max-width:660px;margin:25px 0 24px}.hero h1 em,.section h2 em,.about-copy h2 em,.closing-inner h2 em,.future-info h3 em{font-style:italic;color:#9b825c;font-weight:400}.hero-copy>p{max-width:460px;font-size:15px;line-height:1.85;color:#625f59;margin:0 0 28px}.hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;gap:28px;font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;padding:18px 22px}.btn-primary{color:#f6f1e7;background:#181919;border:1px solid #181919}.btn-primary:hover{background:#393939}.btn-text{padding-left:0;padding-right:0}.btn-text:hover{opacity:.55}.hero-footnote{display:flex;align-items:center;gap:9px;margin-top:64px;color:#747066;font-size:11px;letter-spacing:.05em}.signal-dot{width:7px;height:7px;border-radius:50%;background:#a88a5a;box-shadow:0 0 0 3px #eae0d1}
.hero-art{position:relative;padding:10px 15px 10px 10px}.hero-art-frame{position:relative;border:1px solid #2e2b28;background:#272622;box-shadow:26px 28px 0 #e6dfd1}.hero-art-frame img{width:100%;height:min(540px,42vw);min-height:440px;object-fit:cover}.art-overline{position:absolute;left:19px;top:19px;background:#f7f2e6e8;padding:9px 11px;font-size:9px;letter-spacing:.18em;font-weight:700}.art-label{position:absolute;bottom:0;left:0;right:0;padding:38px 22px 20px;background:linear-gradient(transparent,#101112ed);color:#fff;display:flex;gap:8px;flex-direction:column}.art-label span{font-size:9px;letter-spacing:.2em}.art-label strong{font:normal 43px/1 var(--serif);letter-spacing:.08em}.hero-deco{position:absolute;right:-9px;top:50%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.3em;color:#8d8577}
.section-divider{display:flex;gap:18px;align-items:center;color:#80796d;font-size:9px;letter-spacing:.18em}.section-divider i{height:1px;background:var(--border);flex:1}
.section{padding-top:118px;padding-bottom:126px}.section-heading{display:flex;justify-content:space-between;gap:48px;align-items:end;margin-bottom:39px}.section h2{font:normal clamp(39px,4vw,58px)/1.12 var(--serif);letter-spacing:-.04em;margin:15px 0 0}.section-heading p{max-width:295px;font-size:13px;line-height:1.8;color:var(--mute);margin:0 0 5px}.story-grid{display:grid;grid-template-columns:1.37fr .63fr;gap:22px}.story-card{min-width:0}.main-story{display:grid;grid-template-columns:.9fr 1.1fr;background:#e8e1d3;border:1px solid #dbd3c5;min-height:355px}.story-image{position:relative;overflow:hidden;background:#bbb2a2}.story-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.story-index{position:absolute;left:14px;top:14px;background:#f6f1e6;font-size:10px;letter-spacing:.1em;padding:8px}.story-info{padding:clamp(22px,3vw,42px);display:flex;flex-direction:column;align-items:start}.story-status{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.tag,.status{font-size:9px;letter-spacing:.13em;padding:6px 8px;border:1px solid #b9b0a1;font-weight:700}.status{color:#745b38;background:#f0e4d0;border-color:#d5c3a7}.story-info h3{font:normal 47px/1.05 var(--serif);letter-spacing:-.04em;margin:27px 0 13px}.story-info p{font-size:13px;line-height:1.75;color:#635f58;max-width:320px;margin:0 0 20px}.story-link{font-size:11px;letter-spacing:.05em;border-bottom:1px solid #686056;padding-bottom:5px;font-weight:700}.story-link span{margin-left:10px}.story-info small{font-size:10px;line-height:1.5;color:#7e7568;margin-top:17px}.coming-soon{background:#262827;color:#edeae1;position:relative;display:flex;flex-direction:column;justify-content:end;overflow:hidden;min-height:355px}.future-symbol{position:absolute;top:0;left:0;right:0;height:180px;display:flex;justify-content:space-around;align-items:center;opacity:.21;font-family:var(--serif);font-size:100px;transform:rotate(-13deg)}.future-symbol span:nth-child(2){font-size:55px;transform:translateY(55px)}.future-symbol span:nth-child(3){font-size:130px;transform:translateY(-15px)}.future-info{padding:32px}.future-info .eyebrow{color:#d7b886}.future-info h3{font:normal 38px/1.1 var(--serif);margin:14px 0 12px}.future-info h3 em{color:#c2a67c}.future-info p{font-size:12px;line-height:1.8;color:#bdbbb4;max-width:240px;margin-bottom:21px}.tag-light{color:#d2c9bb;border-color:#67665f}
.about-section{background:#191a19;color:#eee9e0}.about-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:90px;align-items:center;min-height:610px;padding-top:90px;padding-bottom:90px}.about-symbol{position:relative;width:min(410px,100%);aspect-ratio:1;display:grid;place-items:center;margin:auto}.orbit{position:absolute;border:1px solid #554e43;border-radius:50%}.orbit-outer{inset:3%}.orbit-inner{inset:17%;border-style:dashed;border-color:#776950;transform:rotate(30deg)}.orbit-center{position:relative;z-index:1;font:normal 142px var(--serif);color:#ddc5a0}.about-symbol:before,.about-symbol:after{position:absolute;content:'✦';font-size:31px;color:#bba07c}.about-symbol:before{left:3%;top:13%}.about-symbol:after{right:3%;bottom:15%}.eyebrow.light{color:#d5b68a}.about-copy h2{font:normal clamp(42px,4vw,59px)/1.14 var(--serif);letter-spacing:-.04em;margin:18px 0 25px}.about-copy h2 em{color:#c5a679}.about-copy p{font-size:14px;line-height:1.85;color:#b8b9b3;max-width:480px}.about-copy p+p{margin-top:18px}
.values-section{padding-top:114px;padding-bottom:122px}.values-section h2{margin-bottom:46px}.values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.value{padding:28px 34px 20px 0;border-top:1px solid #bdb5a8}.value+.value{padding-left:34px;border-left:1px solid #d5cdbf}.value-no{font-size:10px;letter-spacing:.19em;color:#9b7548}.value h3{font:normal 27px var(--serif);margin:32px 0 13px}.value p{font-size:13px;line-height:1.85;color:#69655f;max-width:320px;margin:0}.closing-banner{padding-bottom:100px}.closing-inner{background:#37372f;text-align:center;padding:78px 20px;color:#faf5ec}.closing-inner h2{font:normal clamp(43px,5vw,70px) var(--serif);letter-spacing:-.04em;margin:15px 0}.closing-inner h2 em{color:#cbb38d}.closing-inner p{color:#cecabf;font-size:14px;line-height:1.7;margin-bottom:28px}.btn-light{background:#f3ecdc;color:#242421;gap:15px}
.site-footer{background:#111212;color:#efece5;padding-top:48px}.footer-main{display:flex;justify-content:space-between;align-items:start;gap:30px;padding-bottom:46px}.footer-brand{font-size:18px;letter-spacing:.15em;font-weight:700}.footer-brand span{color:#bda785;font-weight:400}.footer-main p{font-size:12px;color:#a3a49c;line-height:1.8}.footer-right{display:flex;gap:23px;align-items:center;flex-wrap:wrap;font-size:11px;color:#c1bdb6}.footer-right a:hover{text-decoration:underline}.footer-end{border-top:1px solid #353635;padding-top:19px;padding-bottom:23px;font-size:10px;line-height:1.6;color:#979a94;letter-spacing:.03em}
/* Reader */
.reading-body{background:#e8e6e1}.reader-header{height:75px;padding:0 clamp(17px,4vw,58px);background:#171818;color:#f1eee6;display:flex;align-items:center;justify-content:space-between;gap:20px}.reader-back{font-size:12px;letter-spacing:.08em}.reader-back:hover,.reader-exit:hover{text-decoration:underline}.reader-brand{font-size:12px;font-weight:700;letter-spacing:.15em}.reader-brand span{color:#bda785;font-weight:400}.reader-header-spacer{width:65px}.reader-main{max-width:930px;margin:auto;padding:57px 18px 80px}.reader-intro{text-align:center;margin-bottom:30px}.reader-intro h1{font:normal clamp(46px,6vw,68px)/1.1 var(--serif);margin:11px 0 8px}.reader-intro>p{font-size:13px;letter-spacing:.04em;color:#77716a}.demo-notice{max-width:690px;margin:22px auto 0;padding:13px 16px;border:1px solid #c4b9a6;background:#f2eadc;color:#575147;font-size:12px;line-height:1.7;text-align:left}.reader-toolbar{max-width:780px;margin:0 auto 16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.reader-toolbar span{font-size:12px;color:#68645d}.reader-option,.page-control{border:1px solid #beb6a8;padding:11px 17px;background:#fcfaf6;color:#171717;font-size:12px;font-weight:700}.reader-option:hover,.page-control:hover:not(:disabled){background:#ded7cb}.reader-option[aria-pressed=true]{background:#262725;color:white}.page-viewer,.continuous-view{max-width:780px;margin:auto;box-shadow:0 18px 58px #0000001f;background:white}.page-viewer img,.continuous-view img{width:100%;height:auto}.continuous-view img+img{margin-top:8px}.reader-controls{max-width:780px;display:flex;justify-content:space-between;align-items:center;gap:8px;margin:23px auto 9px}.reader-controls span{font-size:13px;color:#5f5d56;white-space:nowrap}.page-control{min-width:125px}.page-control:disabled{opacity:.4;cursor:not-allowed}.reader-hint{font-size:11px;line-height:1.6;color:#89857e;text-align:center;margin:18px 0 40px}.reader-exit{display:block;text-align:center;font-size:12px;font-weight:700;letter-spacing:.08em}.reader-footer{padding:27px;text-align:center;background:#171818;color:#c5c0b8;font-size:11px;letter-spacing:.05em}
/* Privacy */
.privacy-body{background:#f4f0e6}.privacy-content{max-width:800px;padding:80px 25px 100px;margin:auto;min-height:75vh}.privacy-content h1{font:normal 62px var(--serif);margin:15px 0 30px}.privacy-content h2{font:normal 29px var(--serif);margin:36px 0 10px}.privacy-content p{font-size:15px;line-height:1.85;color:#615d57}.privacy-note{background:#eae0d0;padding:20px;border-left:3px solid #b69a70}
@media(max-width:990px){.nav-links{gap:17px}.nav-links>a{font-size:10px}.hero{min-height:570px;grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(46px,6vw,65px)}.hero-art-frame img{min-height:390px}.section{padding-top:84px;padding-bottom:95px}.story-grid{grid-template-columns:1fr}.coming-soon{min-height:260px}.about-grid{gap:25px}.about-symbol{width:290px}}
@media(max-width:690px){.header-inner{height:75px}.brand-mark{width:39px;height:39px;font-size:20px}.brand-copy strong{font-size:12px}.brand-copy small{font-size:7px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:75px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--border);padding:19px 24px 25px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 15px 30px #00000012}.nav-links.is-open{display:flex}.nav-links>a{font-size:12px;padding:14px 10px;border-bottom:1px solid #ddd5c8}.nav-links .nav-button{border:1px solid #34332f;margin-top:12px;text-align:center}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:auto;padding-top:64px;padding-bottom:85px;gap:38px}.hero h1{font-size:clamp(54px,11vw,79px);max-width:600px;margin-top:24px}.hero-copy>p{font-size:14px;line-height:1.8}.hero-footnote{margin-top:32px}.hero-art{padding:0 22px 0 0}.hero-art-frame img{height:420px;min-height:0;object-position:center}.hero-art-frame{box-shadow:17px 19px 0 #e6dfd1}.hero-deco{right:0}.art-label strong{font-size:37px}.section-divider{font-size:8px}.section{padding-top:75px;padding-bottom:83px}.section-heading{display:block;margin-bottom:30px}.section-heading p{margin-top:19px}.section h2{font-size:43px}.main-story{display:block}.story-image{height:310px}.story-image img{object-position:center 52%}.story-info{padding:27px}.story-info h3{font-size:40px}.coming-soon{min-height:270px}.about-grid{display:flex;flex-direction:column;gap:30px;padding-top:74px;padding-bottom:83px}.about-symbol{width:230px}.orbit-center{font-size:100px}.about-copy h2{font-size:47px}.values-grid{grid-template-columns:1fr}.value,.value+.value{padding:21px 0 24px;border-left:0;border-top:1px solid #c3bcaf}.value h3{margin:17px 0 9px}.closing-banner{padding-bottom:60px}.closing-inner{padding:57px 18px}.footer-main{display:block}.footer-right{margin-top:32px}.reader-header{height:65px;padding:0 14px}.reader-back,.reader-brand{font-size:10px}.reader-brand{letter-spacing:.07em}.reader-header-spacer{display:none}.reader-main{padding-top:42px}.reader-intro h1{font-size:48px}.reader-toolbar{gap:7px}.reader-toolbar span{font-size:10px}.reader-option{padding:9px 11px;font-size:10px}.page-control{min-width:100px;padding:12px 8px}.privacy-content{padding-top:55px}.privacy-content h1{font-size:49px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Japanese reading order: advance on the left. */
.reader-controls{flex-direction:row-reverse}
:focus-visible{outline:3px solid #9b7548;outline-offset:4px}
.reading-body{background:#fff}.reader-toolbar{flex-wrap:wrap}.reader-toolbar #reader-counter{margin-right:auto}.reader-dark{background:#101010;color:#eee}.reader-dark .reader-intro>p,.reader-dark .reader-toolbar span,.reader-dark .reader-controls span,.reader-dark .reader-hint{color:#ccc}.reader-dark .reader-intro .eyebrow{color:#ddd}.reader-dark .demo-notice{background:#242424;color:#ddd;border-color:#555}.reader-dark .reader-exit{color:#eee}.reader-dark .reader-option,.reader-dark .page-control{background:#292929;color:#eee;border-color:#555}.reader-dark .reader-option:hover,.reader-dark .page-control:hover:not(:disabled){background:#444}

.reader-brand{display:flex;align-items:center;gap:10px}.reader-logo{width:32px;height:35px;object-fit:contain;filter:invert(1);mix-blend-mode:screen}.reader-brand>.reader-wordmark{color:inherit;font-weight:700}.reader-wordmark>span{color:#bda785;font-weight:400}
@media(max-width:440px){.reader-header{gap:9px}.reader-brand{gap:7px}.reader-logo{width:26px;height:29px}.reader-wordmark>span{display:none}}
