:root{--ink:#272824;--muted:#67685e;--yellow:#ffed32;--paper:#fbfaf5;--orange:#b93d20;--line:#d9d8ce;--green:#264d3f;--sans:'Noto Sans CJK JP','Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;--serif:'Noto Serif CJK JP','Yu Mincho',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:15px;line-height:1.9;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #1e668b;outline-offset:5px}button:disabled{opacity:.35;cursor:default}.wrap{width:min(1184px,calc(100% - 96px));margin:auto}.section{padding-top:112px;padding-bottom:112px}h1,h2,h3,p{margin:0}h2{font-size:clamp(28px,3.1vw,40px);line-height:1.65;letter-spacing:.015em;font-weight:800}h3{line-height:1.6}.eyebrow{font-family:var(--sans);font-size:11px;letter-spacing:.12em;line-height:1.8;font-weight:700;margin-bottom:23px}.small-note{font-size:11px;line-height:1.9;color:var(--muted)}.header{height:88px;display:flex;align-items:center;justify-content:space-between;max-width:1440px;padding:0 48px;margin:auto;border-bottom:1px solid rgba(39,40,36,.1)}.brand{display:inline-flex;align-items:center;gap:12px;font-size:20px;letter-spacing:.03em;font-weight:800;line-height:1.3}.brand svg{width:35px;flex-shrink:0}.brand small{display:block;font-size:9px;font-weight:500;letter-spacing:.08em;margin-top:6px}.header nav{display:flex;align-items:center;gap:32px;font-size:12px;font-weight:700}.header nav a:hover{color:var(--orange)}.nav-buy{border:1px solid var(--ink);padding:10px 20px}.nav-buy span{margin-left:16px}.hero{overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;padding-top:65px;padding-bottom:68px;align-items:center}.hero .eyebrow{font-size:11px;letter-spacing:.03em;display:flex;align-items:center;gap:9px;margin-bottom:28px}.mini-square{width:9px;height:9px;background:var(--orange);display:inline-block}.hero-intro{font-size:20px;font-weight:700;line-height:1.65;margin-bottom:17px}.hero h1{font-size:clamp(38px,4.35vw,62px);line-height:1.37;letter-spacing:.025em;font-weight:900;margin-left:-3px}.hero h1 span{display:block}.hero h1 strong{font-size:1.26em;display:inline-block;position:relative;z-index:0;line-height:1.26;padding-right:10px}.hero h1 strong:before{content:'';position:absolute;z-index:-1;inset:40% -4px 1% 5px;background:var(--yellow);transform:rotate(-2deg)}.subtitle{font-size:17px;line-height:1.6;font-weight:700;margin-top:22px}.hero-lead{font-size:14px;line-height:2.05;margin-top:24px}.hero-buttons{display:flex;gap:28px;align-items:center;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:17px 25px;font-weight:700;font-size:13px;line-height:1.6;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button.dark{background:var(--ink);color:white}.button.dark:hover{background:var(--green)}.button span{font-size:20px;line-height:1}.quiet-link{display:inline-flex;gap:15px;align-items:center;font-weight:700;font-size:12px;border-bottom:1px solid currentColor;padding:3px 0}.quiet-link:hover{color:var(--orange)}.credits{font-size:10px;margin-top:27px;line-height:1.9;color:var(--muted)}.hero-visual{position:relative;min-height:680px;display:flex;justify-content:center;align-items:center;padding:55px 0 60px}.hero-visual:before{content:'';position:absolute;width:630px;height:630px;right:-138px;top:32px;background:var(--yellow);border-radius:50%;z-index:-1}.visual-label{position:absolute;top:0;left:27px;font-size:10px;line-height:1.5;letter-spacing:.12em}.book-object{width:340px;position:relative;transform:perspective(1500px) rotateY(-9deg) rotateZ(5deg);box-shadow:8px 11px 0 #d8d4c2,14px 17px 0 #f5f3e9,24px 33px 30px rgba(47,38,17,.18);border-left:3px solid #d7bc15}.book-object img{width:100%;height:auto}.visual-caption{position:absolute;right:-8px;top:27px;font-size:15px;font-weight:700;line-height:1.8;transform:rotate(7deg);background:var(--paper);padding:16px 22px;border:1px solid var(--ink)}.hero-index{position:absolute;bottom:0;left:30px;font-size:28px;letter-spacing:.06em;line-height:1.25}.hero-index span{font-size:10px;letter-spacing:.04em}.spec-strip{background:var(--yellow);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.spec-strip .wrap{display:flex;justify-content:space-between;align-items:center;padding:21px 0}.spec-strip p{font-size:14px;line-height:1.4}.spec-strip b{font-size:24px;margin:0 6px}.spec-strip p:last-child{font-size:13px;letter-spacing:.06em}.spec-strip p>span{font-size:11px}.introduction{display:grid;grid-template-columns:1fr 1fr;gap:65px}.intro-right>p+p{margin-top:25px}.section-lead{font-size:19px;font-weight:700;line-height:1.9}.intro-right>p:not(.section-lead):not(.small-note){font-family:var(--serif);font-size:15px;line-height:2.3}.intro-right .small-note{max-width:470px}.three-perspectives{padding:83px 0 92px;background:var(--green);color:white;position:relative}.three-perspectives .eyebrow{color:#e4eac7}.three-perspectives h2{font-size:38px;line-height:1.7}.perspective-list{display:grid;grid-template-columns:repeat(3,1fr);gap:43px;margin-top:48px}.perspective-list article{border-top:1px solid #789183;padding-top:23px}.num{display:block;font-size:38px;line-height:1;color:var(--yellow);margin-bottom:24px;font-family:Georgia,serif}.perspective-list h3{font-size:20px;margin-bottom:17px}.perspective-list p{font-size:13px;line-height:2}.topic{display:inline-block;margin-top:25px;font-size:10px;letter-spacing:.04em;color:#e5ecc6;border-bottom:1px solid #789183;padding-bottom:5px}.inside{background:#f1efe6}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:45px}.section-heading>p{font-size:13px;line-height:2;padding-bottom:7px}.sample-picker{display:flex;gap:12px;margin-bottom:27px}.sample-tab{border:1px solid var(--ink);background:transparent;padding:13px 24px;font-size:13px;font-weight:700}.sample-tab span{font-size:10px;margin-right:10px;font-weight:500}.sample-tab.active{background:var(--ink);color:white}.spread{display:grid;grid-template-columns:1fr 1fr;max-width:950px;margin:auto;gap:3px;filter:drop-shadow(0 8px 10px rgba(39,40,36,.13))}.sample-page{display:block;background:white;position:relative}.sample-page img{width:100%;height:auto}.sample-page>span{background:var(--ink);color:white;position:absolute;bottom:20px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;padding:7px 15px;font-size:11px;opacity:0;transition:opacity .2s}.sample-page:hover>span,.sample-page:focus-visible>span{opacity:1}.sample-page b{font-size:20px}.sample-caption{font-size:11px;text-align:center;margin-top:23px}.inside .small-note{text-align:center;margin-top:5px}.reading-flow{border-top:1px solid var(--line);padding-top:28px;margin-top:34px;display:flex;align-items:center;justify-content:center;gap:27px;font-size:13px}.reading-flow b{font-family:Georgia,serif;font-size:18px;color:var(--orange);margin-right:9px}.reading-flow i{font-style:normal;color:#85877c}.contents{display:grid;grid-template-columns:1fr 1.5fr;gap:95px;align-items:start}.contents-heading{position:sticky;top:70px}.contents-heading>p:not(.eyebrow){font-size:13px;margin-top:25px;line-height:2}.contents-total{font-size:11px;display:inline-block;margin-top:32px;border:1px solid var(--ink);padding:7px 14px}.highlight{background:linear-gradient(transparent 55%,var(--yellow) 55%)}.chapter-list{list-style:none;margin:0;padding:0}.chapter-list li{display:flex;gap:23px;padding:20px 0;border-bottom:1px solid var(--line)}.chapter-list li:first-child{padding-top:0}.chapter-list li>span{font:22px Georgia,serif;color:var(--orange);padding-top:4px;min-width:28px}.chapter-list h3{font-size:16px;font-weight:700}.chapter-list p{font-size:10px;color:var(--muted);margin-top:6px}.team-reading{background:#e9eddf;padding:85px 0}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.team-grid>div>p:not(.eyebrow){font-size:13px;margin-top:27px}.team-grid>div>.small-note{font-size:10px;max-width:390px}.use-list{list-style:none;padding:0;margin:0;counter-reset:uses}.use-list li{padding:0 0 24px 52px;position:relative;counter-increment:uses}.use-list li:not(:last-child){border-bottom:1px solid #c8cfc0;margin-bottom:23px}.use-list li:before{content:'0'counter(uses);position:absolute;left:0;top:0;font:24px Georgia,serif;color:var(--green)}.use-list b{font-size:19px}.use-list p{margin-top:8px;font-size:13px;line-height:1.9}.publisher{display:grid;grid-template-columns:1fr 1.5fr;gap:95px}.publisher-name{font-size:20px;font-weight:700;line-height:1.7}.publisher-name small{display:block;font-size:11px;margin-bottom:9px;color:var(--muted);font-weight:500}.publisher-body>p:nth-child(2){font-size:13px;line-height:2;margin-top:20px}.supervisor{display:flex;gap:23px;margin-top:33px;align-items:center}.supervisor img{width:92px;height:110px;object-fit:cover;object-position:50% 20%;filter:grayscale(.15)}.supervisor small{font-size:10px}.supervisor h3{font-size:23px;line-height:1.5}.supervisor h3 span{display:inline-block;font-size:9px;font-weight:400;margin-left:8px}.supervisor p{font-size:10px;margin:5px 0}.supervisor a{font-size:10px}.publisher-signature{border-top:1px solid var(--line);margin-top:33px;padding-top:24px;font-size:18px;font-weight:800}.publisher-signature span{display:block;margin-top:3px;font-size:10px;font-weight:400}.faq-section{background:#f1efe6}.faq-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:95px}.faq-list details{border-bottom:1px solid #c7c8bd;padding:21px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{cursor:pointer;list-style:none;display:flex;gap:20px;justify-content:space-between;font-size:14px;font-weight:700;line-height:1.7}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:21px;font-weight:400;line-height:1}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{font-size:12px;line-height:2;padding-top:17px;padding-right:25px}.purchase-section{padding:100px 0;background:var(--yellow)}.purchase-grid{display:grid;grid-template-columns:.9fr 1.3fr;gap:100px;align-items:center;max-width:1000px}.purchase-cover{width:280px;margin:auto;box-shadow:7px 7px 0 #e3d583,14px 22px 20px #877f3933;transform:rotate(-4deg)}.purchase-copy h2{font-size:36px}.purchase-title{font-size:19px;font-weight:800;margin-top:24px}.purchase-title+p{font-size:13px;margin-top:3px}.book-spec{font-size:11px;line-height:1.8;margin:25px 0}.book-spec>div{display:grid;grid-template-columns:60px 1fr;margin-top:6px}.book-spec dt{color:#58571f}.book-spec dd{margin:0}.purchase-button{width:100%;max-width:400px;padding:20px 26px}.purchase-note{font-size:10px;margin-top:13px;line-height:1.9}footer{padding:48px 0 30px;background:var(--ink);color:#e9e9e3}.footer-main{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.footer-main .brand{font-size:18px;white-space:nowrap}.footer-main>div{display:flex;flex-wrap:wrap;gap:9px 23px;justify-content:flex-end;font-size:10px;max-width:550px}.footer-main a:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #585a4e;padding-top:23px;margin-top:35px;font-size:9px;color:#b7baaf}.mobile-only,.mobile-cta{display:none}.skip{position:fixed;top:-80px;left:12px;padding:12px;background:white;z-index:1000}.skip:focus{top:12px}dialog{border:0;padding:0;width:min(850px,95vw);height:94vh;max-height:94vh;background:var(--paper);color:var(--ink);border-radius:2px;overflow:auto}dialog::backdrop{background:#1d221ed9}.reader-toolbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:12px 22px;background:var(--ink);color:white}.reader-toolbar h2{font-size:13px}.reader-toolbar button{background:none;border:1px solid #a8aca0;color:white;padding:7px 14px;font-size:12px}.reader-content{max-width:650px;margin:20px auto}.reader-content img{width:100%}.reader-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px 25px 25px;font-size:12px}.reader-controls button{background:transparent;border:1px solid var(--ink);padding:8px 12px}.reader-text{padding:25px;border-top:1px solid var(--line);font-size:13px;line-height:2.1}.reader-text h3{font-size:16px;margin-bottom:15px}.reader-text p+p{margin-top:15px}
@media(min-width:1500px){.hero-grid{padding-top:90px;padding-bottom:90px}.hero h1{font-size:62px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header{padding:0 32px}.header nav{gap:20px}.hero-grid{gap:35px}.hero-visual{min-height:640px}.hero-visual:before{width:540px;height:540px;right:-160px;top:75px}.book-object{width:290px}.visual-caption{right:-15px;font-size:13px}.hero-buttons{gap:20px}.hero-buttons .quiet-link{font-size:10px}.button{font-size:12px;padding:17px 20px}.contents,.publisher,.faq-grid{gap:50px}.purchase-grid{gap:55px}.team-grid{gap:55px}.perspective-list{gap:28px}}
@media(max-width:760px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 40px)}.section{padding-top:70px;padding-bottom:70px}h2{font-size:29px;line-height:1.7}.eyebrow{font-size:10px;margin-bottom:18px}.header{height:74px;padding:0 20px}.brand{font-size:16px;gap:9px}.brand svg{width:29px}.brand small{font-size:8px;margin-top:4px}.header nav>a:not(.nav-buy){display:none}.nav-buy{padding:8px 10px;font-size:10px}.nav-buy span{margin-left:5px}.hero-grid{display:flex;flex-direction:column;gap:13px;padding:36px 0 44px;align-items:stretch}.hero-copy{position:relative;z-index:1}.hero .eyebrow{font-size:9px;letter-spacing:0;margin-bottom:24px;gap:7px}.mini-square{width:7px;height:7px}.hero-intro{font-size:18px;line-height:1.65;margin-bottom:16px}.hero h1{font-size:clamp(35px,10.3vw,52px);line-height:1.38;margin-left:0;letter-spacing:.015em}.hero h1 strong{font-size:1.2em;line-height:1.4}.subtitle{font-size:15px;margin-top:18px}.hero-lead{font-size:12px;line-height:2;margin-top:20px}.hero-buttons{margin-top:25px;gap:20px}.hero-buttons .button{font-size:11px;gap:18px;padding:16px 18px}.hero-buttons .quiet-link{font-size:10px;gap:7px}.credits{font-size:9px;margin-top:18px}.hero-visual{min-height:480px;padding:28px 0 60px;margin-top:25px}.hero-visual:before{width:440px;height:440px;right:-145px;top:7px}.book-object{width:247px;transform:perspective(1000px) rotateY(-9deg) rotateZ(5deg);box-shadow:5px 7px 0 #d8d4c2,9px 12px 0 #f5f3e9,16px 24px 22px #2f26112e}.visual-label{font-size:8px;top:-8px;left:0}.visual-caption{font-size:11px;padding:9px 13px;right:-5px;top:3px}.hero-index{left:0;bottom:0;font-size:24px}.hero-index span{font-size:9px}.spec-strip .wrap{display:grid;grid-template-columns:repeat(3,1fr);padding:20px 0;gap:16px 5px;text-align:center}.spec-strip p{font-size:10px}.spec-strip b{font-size:19px;margin:0 3px}.spec-strip p:last-child{grid-column:1 / -1;font-size:11px;border-top:1px solid #b8ab29;padding-top:14px}.introduction{display:block}.intro-right{margin-top:31px}.section-lead{font-size:17px}.intro-right>p:not(.section-lead):not(.small-note){font-size:13px;line-height:2.2}.intro-right>p+p{margin-top:21px}.three-perspectives{padding:65px 0}.three-perspectives h2{font-size:29px}.perspective-list{display:block;margin-top:33px}.perspective-list article{display:flex;gap:24px;padding-top:24px;margin-top:27px}.num{font-size:33px;min-width:40px;margin:4px 0 0}.perspective-list h3{font-size:19px;margin-bottom:12px}.perspective-list p{font-size:12px}.topic{margin-top:16px;font-size:10px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:18px;font-size:12px}.sample-picker{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:25px}.sample-tab{font-size:12px;padding:12px 10px}.sample-tab span{font-size:9px}.spread{gap:2px;margin:0 -5px}.sample-page>span{opacity:1;left:5px;right:5px;bottom:5px;font-size:8px;padding:3px 6px;gap:5px;line-height:1.5}.sample-page b{font-size:14px}.sample-caption{font-size:9px;line-height:1.8;margin-top:18px}.inside .small-note{font-size:9px;text-align:left;margin-top:10px}.reading-flow{flex-direction:column;gap:7px;margin-top:24px;padding-top:21px;align-items:flex-start;padding-left:23px;font-size:12px}.reading-flow i{display:none}.reading-flow b{font-size:18px;display:inline-block;width:25px}.contents{display:block}.contents-heading{position:static}.contents-heading>p:not(.eyebrow){font-size:12px;margin-top:18px}.contents-total{margin-top:20px;font-size:10px}.chapter-list{margin-top:36px}.chapter-list li{gap:17px;padding:18px 0}.chapter-list li>span{font-size:23px;min-width:29px}.chapter-list h3{font-size:14px;line-height:1.7}.chapter-list p{font-size:9px}.team-reading{padding:65px 0}.team-grid{display:block}.team-grid>div>p:not(.eyebrow){font-size:12px;margin-top:21px}.team-grid>div>.small-note{font-size:9px}.use-list{margin-top:36px}.use-list li{padding-left:45px}.use-list b{font-size:17px}.use-list p{font-size:12px}.publisher{display:block}.publisher-heading h2 br:nth-child(2){display:none}.publisher-body{margin-top:34px}.publisher-name{font-size:18px}.publisher-body>p:nth-child(2){font-size:12px}.supervisor{gap:17px}.supervisor img{width:80px;height:98px}.supervisor h3{font-size:21px}.supervisor h3 span{display:block;margin:2px 0 0;font-size:9px}.supervisor p{font-size:9px}.publisher-signature{font-size:16px}.faq-grid{display:block}.faq-list{margin-top:32px}.faq-list summary{font-size:13px}.faq-list details>p{font-size:12px;padding-right:0}.purchase-section{padding:66px 0}.purchase-grid{display:flex;flex-direction:column-reverse;gap:40px}.purchase-copy{width:100%}.purchase-copy h2{font-size:30px}.purchase-title{font-size:17px}.purchase-title+p{font-size:11px}.purchase-button{font-size:13px;max-width:none;padding:20px 22px}.purchase-cover{width:180px}.book-spec{font-size:11px;margin:23px 0}.purchase-note{font-size:10px}.footer-main{display:block}.footer-main>div{justify-content:flex-start;margin-top:25px;font-size:9px;gap:13px 20px}.footer-bottom{display:block;font-size:8px;margin-top:27px}.footer-bottom span{display:block;margin-top:8px}footer{padding:40px 0 100px}.mobile-only{display:block}.mobile-cta{display:flex;position:fixed;z-index:10;bottom:0;left:0;right:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fbfaf5f5;border-top:1px solid var(--line);gap:8px;backdrop-filter:blur(8px)}.mobile-cta a{font-size:12px;line-height:1.5;padding:12px 10px;text-align:center;border:1px solid var(--ink);flex:1}.mobile-cta a:last-child{background:var(--ink);color:white;flex:1.4}.mobile-cta span{margin-left:10px}.reader-toolbar{padding:12px}.reader-toolbar h2{font-size:11px}.reader-content{margin:10px 0}.reader-controls{font-size:10px;gap:5px;padding:12px}.reader-controls button{font-size:10px;padding:8px}.reader-text{font-size:12px;padding:20px}.reader-text h3{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Keep the actual book visible early on small screens. */
@media(max-width:760px){.hero-grid{gap:0}.hero-copy{display:contents}.hero .eyebrow{order:1}.hero-intro{order:2}.hero h1{order:3}.hero .subtitle{order:4}.hero-visual{order:5;min-height:400px;padding:26px 0 45px;margin-top:32px;margin-bottom:13px}.hero-visual:before{width:365px;height:365px;top:10px;right:-105px}.book-object{width:217px}.hero-index{font-size:22px;bottom:0}.hero .hero-lead{order:6;margin-top:20px}.hero-buttons{order:7}.credits{order:8}.visual-caption{right:0;top:0}}
@media(max-width:360px){.header{padding:0 16px}.header .brand{font-size:13px;gap:7px;white-space:nowrap}.header .brand svg{width:25px}.header .brand small{font-size:7px}.nav-buy{font-size:9px;white-space:nowrap;padding:8px}.hero .eyebrow{font-size:8px}.hero-buttons{gap:14px}.hero-buttons .button{padding:15px 13px;font-size:10px;gap:12px}.hero-buttons .quiet-link{font-size:9px}}