/* About / HOME introduction only. Native links; no additional motion. */
.homeplace-introduction{background:#f4eee3;color:#20372b;padding:clamp(48px,7vw,100px) 24px;scroll-margin-top:100px}
.homeplace-introduction-inner{max-width:900px;margin-inline:auto}
.homeplace-kicker{font-size:1rem;letter-spacing:.1em;margin:0 0 24px}
.homeplace-introduction h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(1.8rem,3.5vw,3rem);font-weight:500;line-height:1.65;margin:0 0 28px;overflow-wrap:anywhere}
.homeplace-summary{max-width:42em;font-size:1.0625rem;line-height:2.1;margin:0 0 32px;overflow-wrap:anywhere}
.homeplace-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;padding:14px 22px;border:1px solid #20372b;background:#20372b;color:#f4eee3;text-decoration:none;font-size:1rem;line-height:1.8;overflow-wrap:anywhere}
.homeplace-action:focus-visible,.homeplace-return a:focus-visible{outline:3px solid #8a4b25;outline-offset:5px}
.about-mahoroba header{flex-wrap:wrap;position:static}
.homeplace-return{display:flex;flex-wrap:wrap;gap:8px 20px}
.homeplace-return a{min-height:48px;font-size:.875rem}
.about-mahoroba main{max-width:960px}
.about-mahoroba .homeplace-reading-intro,.homeplace-chapter{max-width:740px;margin-inline:auto}
.about-mahoroba .homeplace-reading-intro p,.homeplace-chapter p,.homeplace-chapter blockquote{font-size:1.0625rem;line-height:2.15;overflow-wrap:anywhere}
.homeplace-reading-intro .homeplace-english{color:#6d6459;font-size:1rem}
.homeplace-chapter h2{font-size:clamp(1.5rem,3vw,2.125rem);line-height:1.8;overflow-wrap:anywhere}
.homeplace-chapter blockquote{margin:32px 0;padding:8px 0 8px 24px;border-left:3px solid #9b8153}
.homeplace-chapter blockquote strong{font-weight:500}
.homeplace-ending{max-width:740px;margin:40px auto}
.homeplace-supplement{display:block;margin-top:64px}
@media(max-width:400px){.homeplace-introduction{padding-inline:20px}.homeplace-action{width:100%;padding-inline:14px}.homeplace-return{gap:4px 16px}}

/* Make the existing hero cue usable, including reduced-motion mode. */
#arrive .scroll-cue{display:flex;align-items:center;justify-content:center;width:48px;min-height:48px;left:50%;right:auto;bottom:180px;padding:0;pointer-events:auto;transform:translateX(-50%);text-decoration:none}
#arrive .scroll-cue:focus-visible{outline:3px solid #f4eee3;outline-offset:4px}
.homeplace-introduction h2{text-wrap:balance}

.homeplace-phrase{display:inline-block;max-width:100%;overflow-wrap:anywhere}