:root{--paper:#f5f4ef;--ink:#242e2b;--green:#438d80;--line:#d8dcd5;--serif:'Noto Serif JP',serif;--sans:'Noto Sans JP',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:132px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--green);outline-offset:7px}img{display:block;width:100%;height:auto}figure{margin:0}.skip{position:fixed;left:20px;top:-80px;padding:12px;background:white;z-index:100}.skip:focus{top:12px}.progress{position:fixed;height:3px;left:0;top:0;background:var(--green);z-index:50;width:0}header{height:92px;display:flex;align-items:center;padding:0 5%;gap:30px;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:20}.brand{display:flex;align-items:center;font-size:23px;letter-spacing:.3em;font-weight:600;white-space:nowrap}.brand sup{font-size:9px;align-self:flex-start;letter-spacing:0;margin:6px 0 0 0}.brand i{width:26px;height:30px;border:6px solid #60b7ac;display:inline-block;margin-right:15px;position:relative}.brand i:after{content:'';position:absolute;background:var(--paper);width:12px;height:9px;left:-7px;bottom:-7px;transform:skewY(-40deg)}.header-sub{font-size:10px;letter-spacing:.18em;border-left:1px solid var(--line);padding-left:30px}header nav{display:flex;gap:32px;margin-left:auto;font-size:11px;letter-spacing:.06em}header a:hover,.next:hover,.contents a:hover{color:var(--green)}.hero{padding:52px 5% 0;max-width:1800px;margin:auto}.hero-top{display:flex;justify-content:space-between}.eyebrow{font-size:10px;letter-spacing:.18em;line-height:2;color:var(--green);font-weight:500;margin:0}.eyebrow span{display:block;font-size:12px;letter-spacing:.12em;color:#59645e;margin-top:6px}.edition{font-size:9px;letter-spacing:.13em;text-align:right;line-height:1.8;color:#7b837d}.hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:45px;margin-top:40px;padding-bottom:50px}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(46px,5.2vw,82px);line-height:1.65;letter-spacing:.04em;margin:0 0 24px}.hero h1 span{color:var(--green)}.hero-lead{font-size:15px;line-height:2.2;letter-spacing:.18em;margin-bottom:34px}.read-link{display:inline-flex;align-items:center;gap:50px;border-bottom:1px solid #657d73;padding:0 0 15px;font-size:12px}.read-link span{font-size:23px;color:var(--green)}.hero-art img{aspect-ratio:1.25;object-fit:cover}.hero-art figcaption{text-align:right;font-size:8px;letter-spacing:.16em;margin-top:14px;color:#79867c}.hero-bottom{border-top:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em}.intro{max-width:1440px;margin:auto;padding:130px 8%;display:grid;grid-template-columns:1fr 1fr;gap:20px 70px}.intro>.eyebrow{grid-column:1/-1}.intro h2{font-family:var(--serif);font-weight:400;font-size:35px;line-height:1.85;margin:10px 0}.intro>div{font-size:14px;line-height:2.5;padding-top:6px}.intro p{margin:0 0 24px}.contents{background:#e9ede7;padding:78px 8% 85px;display:grid;grid-template-columns:1fr 2fr;gap:60px}.contents h2{font-family:var(--serif);font-weight:400;font-size:32px;letter-spacing:.07em}.muted{color:#77847c;font-size:13px;line-height:2.1}.contents nav{display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.contents nav a{display:flex;gap:15px;padding:18px 0;border-bottom:1px solid #cdd5ce;font-size:12px;align-items:baseline}.contents nav a span{color:var(--green);font-size:10px;min-width:24px}.contents nav a b{margin-left:auto;font-weight:400;color:#87968b}.reading-bar{position:sticky;top:0;z-index:10;background:rgba(245,244,239,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:17px 5%;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.08em}.reading-bar>span:first-child{color:var(--green);font-size:9px}.reading-bar a{font-size:11px}.chapters{max-width:1500px;margin:auto;padding:0 8%}.chapter{padding:90px 0 65px;border-bottom:1px solid var(--line)}.chapter-heading{display:flex;gap:28px;align-items:center;margin-bottom:45px}.chapter-number{font-family:Georgia,serif;font-size:70px;color:#b9c9bd;font-weight:400;min-width:85px}.chapter h2{font-family:var(--serif);font-size:clamp(25px,2.6vw,37px);line-height:1.6;letter-spacing:.03em;font-weight:500;margin:8px 0 0}.chapter-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:start}.chapter figure{position:sticky;top:100px}.chapter figure img{border:1px solid #e3e6dd}.chapter figcaption{font-size:9px;letter-spacing:.14em;color:#829083;margin-top:14px}.prose{font-size:15px;line-height:2.35;letter-spacing:.035em;overflow-wrap:anywhere}.prose p{margin:0 0 25px}.prose p:last-child{margin-bottom:0}.next{display:flex;justify-content:space-between;border-bottom:1px solid #a5b5a9;margin:45px 0 0 auto;width:53%;padding:15px 0;font-size:11px}.next span{color:var(--green);font-size:18px}.closing{background:#263e36;color:#f1f3eb;padding:100px 8%;margin-top:80px;position:relative}.closing .eyebrow{color:#98c4b3}.closing h2{font-family:var(--serif);font-size:clamp(35px,5vw,64px);font-weight:400;line-height:1.7;margin:24px 0}.closing>p:not(.eyebrow){font-size:14px;line-height:2.2;color:#bacdc1}.contact{display:flex;justify-content:space-between;border-bottom:1px solid #80998c;max-width:440px;padding:25px 0;font-size:14px;margin-top:24px}.contact:hover{color:#b5dfcd}.official{display:inline-block;font-size:11px;margin-top:26px;color:#bacdc1}footer{padding:55px 5% 30px}footer>p{font-size:12px;color:#7a877d;margin-top:20px}footer>div{display:flex;gap:40px;justify-content:flex-end;align-items:center;border-top:1px solid var(--line);padding-top:30px;margin-top:40px;font-size:10px}footer>div span{margin-left:auto;color:#7b867e;font-size:9px}
@media(min-width:1600px){.hero-grid{gap:90px}.hero-art img{aspect-ratio:1.5}}
@media(max-width:900px){header{height:76px;gap:16px}.brand{font-size:18px}.header-sub{padding-left:16px;font-size:8px}header nav{gap:15px;font-size:10px}.hero{padding-top:32px}.hero-grid{gap:20px}.hero h1{font-size:46px}.hero-art img{aspect-ratio:.95}.intro{padding:85px 6%;gap:20px 30px}.intro h2{font-size:28px}.intro>div{font-size:12px}.contents{padding:60px 6%;gap:20px;grid-template-columns:.8fr 2fr}.contents nav{column-gap:20px}.chapter-layout{gap:30px;grid-template-columns:.8fr 1.2fr}.chapters{padding:0 6%}.prose{font-size:14px}.chapter-number{font-size:56px;min-width:65px}.chapter-heading{gap:20px}.closing{padding:80px 6%}}
@media(max-width:640px){html{scroll-padding-top:75px}header{padding:0 6%;height:70px}.brand{font-size:18px;letter-spacing:.22em}.brand i{width:21px;height:25px;border-width:5px;margin-right:10px}.header-sub{display:none}header nav{gap:16px}header nav a:last-child{font-size:9px}.hero{padding:28px 6% 0}.edition{display:none}.eyebrow span{font-size:10px}.hero-grid{grid-template-columns:1fr;margin-top:30px;gap:35px;padding-bottom:25px}.hero h1{font-size:49px;line-height:1.5;margin-bottom:20px}.hero-copy{position:relative}.hero-lead{font-size:12px;line-height:2;margin-bottom:0}.read-link{position:absolute;right:0;bottom:0;gap:18px;font-size:11px;padding-bottom:10px}.hero-art img{aspect-ratio:1.5;object-fit:contain}.hero-art figcaption{font-size:7px}.hero-bottom{font-size:7px;letter-spacing:.03em;gap:10px}.hero-bottom>span:nth-child(2){display:none}.intro{padding:65px 8%;grid-template-columns:1fr;gap:10px}.intro>.eyebrow{grid-column:auto}.intro h2{font-size:29px;margin-bottom:20px}.intro>div{font-size:13px}.intro br{display:none}.intro h2 br{display:block}.contents{display:block;padding:50px 8%}.contents h2{font-size:29px;margin:12px 0 20px}.contents .muted{display:none}.contents nav{display:block}.contents nav a{font-size:13px;padding:17px 0}.reading-bar{padding:15px 6%;gap:12px}.reading-bar>span:first-child{display:none}.reading-bar #current-chapter{font-size:11px;max-width:75%;letter-spacing:0}.chapters{padding:0 8%}.chapter{padding:55px 0 40px}.chapter-heading{gap:17px;align-items:flex-start;margin-bottom:25px}.chapter-number{min-width:43px;font-size:40px;line-height:1.35}.chapter-heading .eyebrow{font-size:8px;letter-spacing:.06em}.chapter h2{font-size:25px;margin-top:6px}.chapter-layout{display:block}.chapter figure{position:static;margin-bottom:30px}.chapter figcaption{font-size:8px;margin-top:10px}.prose{font-size:14px;line-height:2.25;letter-spacing:.025em}.prose p{margin-bottom:24px}.next{width:100%;margin-top:30px}.closing{padding:65px 8%;margin-top:50px}.closing h2{font-size:39px}.closing .eyebrow{font-size:8px}.contact{font-size:13px}footer{padding:40px 8% 25px}footer>div{flex-wrap:wrap;gap:22px;margin-top:28px}footer>div span{width:100%;margin-left:0;font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.chapter-subtitle{font-size:12px;letter-spacing:.08em;color:var(--green);margin-top:12px}

@media(min-width:641px) and (max-width:900px){.contents{grid-template-columns:1fr}.contents nav{margin-top:20px}.contents .muted{display:none}}

.brand{font-size:0;letter-spacing:0;line-height:0}.brand-svg{display:block;width:190px;height:auto;flex:none}@media(max-width:900px){.brand-svg{width:166px}}@media(max-width:640px){.brand-svg{width:146px}}