:root{--paper:#f6f3eb;--ink:#23374c;--muted:#626967;--line:#d6d3c8;--red:#b84e3c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Yu Gothic','Hiragino Kaku Gothic ProN',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:6px}.skip{position:absolute;left:10px;top:-100px}.skip:focus{top:10px;background:white;padding:10px;z-index:10}header{max-width:1320px;margin:auto;padding:30px 6%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:13px;font-size:21px;letter-spacing:.09em;font-family:serif;font-weight:600}.brand small{display:block;font-family:sans-serif;font-size:9px;letter-spacing:.24em;margin-top:5px}.mark{display:grid;place-items:center;background:var(--ink);color:var(--paper);width:42px;height:46px;font-size:25px}nav{display:flex;align-items:center;gap:32px;font-size:12px}nav a:hover{color:var(--red)}nav button{border:1px solid var(--ink);background:transparent;padding:9px 14px;cursor:pointer;font-size:11px}nav button span{margin-left:12px}.hero{max-width:1320px;min-height:640px;padding:70px 6% 90px;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.19em;margin:0 0 25px}h1,h2,h3,p{margin-top:0}h1{font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-size:clamp(35px,4.2vw,62px);font-weight:500;line-height:1.65;letter-spacing:.07em;margin-bottom:22px}.intro{font-size:14px;line-height:2.2;color:var(--muted)}.primary{display:flex;justify-content:space-between;align-items:center;max-width:220px;padding:17px 23px;background:var(--ink);color:white;margin-top:35px;font-size:13px;transition:background .2s}.primary:hover{background:var(--red)}.hero-art{height:440px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:0}.orb{position:absolute;width:370px;height:370px;background:#e6dfca;border-radius:50%;z-index:-1;top:30px}.book{width:195px;height:285px;box-shadow:12px 22px 30px #23374c26;position:relative;padding:24px 23px;color:var(--paper);border-left:7px solid #0002;display:flex;flex-direction:column;flex-shrink:0}.blue{background:var(--ink);transform:rotate(-9deg) translateY(-16px);z-index:2}.red{background:var(--red);transform:rotate(9deg) translate(-6px,34px)}.book-top{font-size:7px;letter-spacing:.17em}.book strong{font-family:serif;font-size:48px;line-height:1.15;letter-spacing:.08em;margin-top:24px;font-weight:500}.red strong{font-size:37px;writing-mode:vertical-rl;height:112px;margin:15px 0 8px}.book-sub{font-size:8px;letter-spacing:.14em;line-height:1.6;margin-top:14px}.cover-rule{width:25px;border-top:1px solid #fff8;margin-top:auto;margin-bottom:9px}.book small{font-size:7px}.art-caption{position:absolute;bottom:-5px;text-align:center;font-size:9px;color:var(--muted);line-height:1.7}.ribbon{background:var(--ink);color:var(--paper);display:flex;justify-content:space-evenly;gap:20px;padding:21px;font-size:10px;letter-spacing:.19em;overflow:hidden}.section{max-width:1160px;margin:auto;padding:90px 5%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section-head p:last-child{font-size:12px;color:var(--muted)}h2{font-family:serif;font-size:34px;font-weight:500;line-height:1.6;margin-bottom:0}.feature{display:grid;grid-template-columns:40% 1fr;gap:8%;border-top:1px solid var(--line);padding:40px 0}.title-panel{min-height:290px;padding:30px;color:var(--paper);display:flex;flex-direction:column;justify-content:space-between}.navy{background:var(--ink)}.vermilion{background:var(--red)}.title-panel span{font-size:9px;letter-spacing:.13em}.title-panel strong{font-family:serif;font-weight:400;font-size:46px;letter-spacing:.13em;line-height:1.5}.title-panel em{font-style:normal;font-size:27px}.title-panel p{font-size:10px;letter-spacing:.22em;margin:0}.feature-copy{padding:15px 0}.category{font-size:10px;letter-spacing:.1em;color:var(--muted)}h3{font-family:serif;font-weight:500;font-size:30px;margin:17px 0 20px}.feature-copy>p:not(.category):not(.availability){font-size:14px;line-height:2.1}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{font-size:10px;border:1px solid var(--line);padding:6px 10px}.availability{font-size:11px;line-height:1.8;margin:23px 0 0;color:var(--muted)}.upcoming{padding-top:0}.upcoming-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:35px}.upcoming article{padding-top:25px;border-top:1px solid var(--line)}.upcoming article>span{font-size:10px;letter-spacing:.15em}.upcoming p{font-size:13px;line-height:2;color:var(--muted)}.upcoming small{font-size:10px;color:var(--red)}.upcoming em{font-size:16px;font-style:normal}.about{max-width:none;background:#e9e7dc;display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:75px max(6%,calc((100vw - 1044px)/2))}.about h2{font-size:30px}.about>div:last-child{padding-top:30px;font-size:14px;line-height:2.2}footer{max-width:1320px;margin:auto;padding:36px 6%;display:flex;justify-content:space-between;align-items:center;gap:20px}footer .brand{font-size:16px;display:block}footer p,footer>a:last-child{font-size:10px;color:var(--muted);margin:0}html[lang=en] h1{font-size:clamp(35px,4.2vw,60px);letter-spacing:0;line-height:1.2}html[lang=en] h2{letter-spacing:0}@media(max-width:760px){header{padding:20px 6%;gap:10px}.brand{font-size:17px}.mark{width:34px;height:39px;font-size:21px}nav{gap:14px}nav a{display:none}.hero{padding-top:40px;grid-template-columns:1fr;gap:25px;min-height:0}.hero-art{height:370px}.book{width:165px;height:245px;padding:20px}.book strong{font-size:41px}.red strong{font-size:31px;height:95px}.orb{width:290px;height:290px}.book-sub{font-size:7px}.ribbon{justify-content:center;font-size:8px;gap:16px}.ribbon span:nth-last-child(-n+2){display:none}.section{padding:58px 6%}.section-head{display:block}.section-head p:last-child{margin-top:12px}.feature{grid-template-columns:1fr;gap:18px;padding:28px 0}.title-panel{min-height:240px}.feature-copy{padding:0}.upcoming{padding-top:0}.upcoming-grid{grid-template-columns:1fr;gap:30px}.about{grid-template-columns:1fr;gap:10px}.about>div:last-child{padding-top:14px}.about h2{font-size:27px}footer{flex-wrap:wrap}footer .brand{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.contact{border-top:1px solid var(--line)}.contact h2{margin-bottom:20px}.contact p:not(.eyebrow){font-size:14px;line-height:2;color:var(--muted)}.contact-link{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--ink);padding:20px 0;font-size:clamp(17px,3vw,28px);overflow-wrap:anywhere}.contact-link:hover{color:var(--red)}

.cover-book{display:block;width:195px;flex-shrink:0;box-shadow:12px 22px 30px #23374c26}.cover-book img{display:block;width:100%;height:auto}.cover-panel{display:flex;justify-content:center;align-items:center;padding:20px;background:#ebe7dc}.cover-panel img{display:block;width:100%;max-width:310px;height:auto;box-shadow:5px 9px 18px #23374c20}.feature{align-items:center}.hero-art{height:440px}@media(max-width:760px){.cover-book{width:155px}.hero-art{height:340px}.cover-panel img{max-width:270px}}@media(max-width:360px){.cover-book{width:135px}}

.sample-reader{border-top:1px solid var(--line);margin:0 0 36px;padding:20px 0}.sample-reader summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--ink);padding:14px 18px;background:#e9e7dc;list-style-position:inside}.sample-reader summary:hover{background:#e0ddd1}.sample-reader summary:focus-visible{outline:3px solid var(--red);outline-offset:4px}.sample-hint{font-size:12px;color:var(--muted);margin:20px 0}.sample-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.sample-pages figure{margin:0;min-width:0}.sample-pages a{display:block}.sample-pages img{display:block;width:100%;height:auto;box-shadow:0 3px 12px #23374c14}.sample-pages figcaption{font-size:12px;line-height:1.7;margin-top:12px}@media(max-width:600px){.sample-pages{grid-template-columns:1fr;gap:24px}.sample-reader{margin-bottom:24px}}
