:root{color-scheme:dark;--ink:#162c27;--paper:#f0ebd8;--gold:#c8ae7c;--muted:#acbbaa;--line:#c6ceaf2b;--serif:Georgia,'Yu Mincho','Hiragino Mincho ProN',serif;--sans:'Segoe UI','Yu Gothic',Meiryo,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);background-image:radial-gradient(ellipse at 48% 34%,#57714c22,transparent 67%)}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.book-header{display:flex;justify-content:space-between;align-items:center;margin:0 4vw;padding:26px 0;border-bottom:1px solid var(--line)}
.book-brand{font-size:11px;letter-spacing:.28em}.forest-link{font-size:12px;color:var(--muted)}.forest-link span{margin-left:18px;color:var(--gold)}
main{max-width:1550px;margin:auto;padding:32px 4vw 0}.book-intro{display:flex;align-items:center;gap:6vw;margin-bottom:27px}
.eyebrow{font-size:9px;color:var(--gold);letter-spacing:.2em;margin:0 0 10px}
h1{font-family:var(--serif);font-size:36px;letter-spacing:.1em;font-weight:400;margin:0}
.book-description{font-size:12px;line-height:2.1;color:var(--muted);margin:0}.book-count{margin-left:auto;color:var(--gold);font:20px var(--serif);letter-spacing:.1em}
.spirit-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 24px}
.spirit-card{border:0;border-bottom:1px solid var(--line);background:none;padding:0 0 13px;text-align:center;min-width:0}
.spirit-card figure{position:relative;margin:0;isolation:isolate;background:radial-gradient(ellipse at 50% 57%,#c8d1a210,transparent 67%)}
.spirit-card img{display:block;width:100%;height:clamp(120px,11vw,185px);object-fit:contain;transition:transform .25s}
.spirit-card:hover img{transform:translateY(-4px) scale(1.025)}
.spirit-card figcaption{font:13px var(--serif);line-height:1.65;min-height:22px;margin-top:4px}
.spirit-number{position:absolute;top:7px;left:0;font:11px var(--serif);color:var(--gold)}
.book-note{text-align:center;color:var(--muted);font-size:11px;margin:22px 0 26px}
.book-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin:0 4vw;padding:21px 0;color:var(--muted);font-size:10px;letter-spacing:.09em}
dialog{max-width:min(1020px,calc(100vw - 40px));width:100%;max-height:calc(100dvh - 48px);padding:45px;background:#1b332c;color:var(--paper);border:1px solid #c6ceaf38;overflow:auto;box-shadow:0 20px 100px #0007}
dialog::backdrop{background:#081b18c9;backdrop-filter:blur(6px)}
.close-detail{position:absolute;right:13px;top:10px;background:none;border:0;font-size:30px;width:40px;height:40px;font-weight:200}
.art-detail-inner{display:grid;grid-template-columns:1.35fr 1fr;gap:40px;align-items:center}
.art-detail-inner figure{margin:0;background:radial-gradient(ellipse,#c5d19619,transparent 65%)}
#art-image{width:100%;height:auto;object-fit:contain;display:block}
h2{font:28px/1.6 var(--serif);margin:0 0 22px}.art-description>p:not(.eyebrow){font:15px/2.1 var(--serif);color:#d8dfce}
.art-navigation{display:flex;justify-content:space-between;gap:15px;margin-top:32px;padding-top:20px;border-top:1px solid var(--line)}
.art-navigation button{background:none;border:0;font-size:11px;color:var(--muted);padding:10px 0}
@media(min-width:1600px){main{padding-top:28px}.book-intro{margin-bottom:18px}.spirit-card img{height:170px}.book-note{margin:18px 0 21px}}
@media(max-width:1000px){.spirit-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.spirit-card img{height:170px}.book-count{display:none}.art-detail-inner{gap:22px}dialog{padding:40px 28px}}
@media(max-width:650px){.book-header{margin:0 22px;padding:24px 0}.book-brand{font-size:8px;letter-spacing:.17em}.forest-link{font-size:10px}.forest-link span{margin-left:7px}main{padding:26px 22px 0}.book-intro{align-items:flex-start;gap:18px;flex-direction:column;margin-bottom:26px}h1{font-size:31px}.book-description{font-size:11px}.spirit-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px}.spirit-card img{height:150px}.spirit-card figcaption{font-size:12px}.spirit-number{font-size:10px}.book-footer{margin:0 22px;gap:14px;flex-direction:column;line-height:1.8}.book-note{line-height:1.9}dialog{padding:44px 24px 25px;max-width:calc(100vw - 28px)}.art-detail-inner{grid-template-columns:1fr;gap:20px}#art-image{max-height:36dvh}h2{font-size:23px;margin-bottom:15px}.art-description>p:not(.eyebrow){font-size:14px}.art-navigation{margin-top:24px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(pointer:coarse),(max-width:650px){.forest-link,.art-navigation button{display:inline-flex;align-items:center;min-height:44px}.close-detail{width:44px;height:44px}.book-count{display:block;font-size:10px}.book-header{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:12px}.art-navigation{gap:20px}dialog{overscroll-behavior:contain}.spirit-card{touch-action:manipulation}}