:root{--paper:#f7f4ed;--ink:#344d59;--text:#4e5655;--muted:#69706a;--line:#d8d9cc;--blue:#dce5e7;--white:#fffefa;--serif:Georgia,'Times New Roman',serif;--sans:'Avenir Next',Avenir,'Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--text);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid #8c674a;outline-offset:6px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);color:var(--ink);font-weight:400}h1,h2{line-height:1.06;letter-spacing:-.035em}em{font-weight:400}h2{font-size:clamp(2.3rem,4.3vw,3.6rem)}.container{width:min(1180px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;top:-100px;left:20px;z-index:20;background:var(--ink);color:#fff;padding:12px}.skip-link:focus{top:12px}.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.wordmark{text-decoration:none;font-family:var(--serif);color:var(--ink);font-size:1.8rem;letter-spacing:-.04em;line-height:1}.wordmark span{font-style:italic;font-size:1.6rem}.header nav{display:flex;align-items:center;gap:34px;font-size:.875rem}.header nav a{text-decoration:none;white-space:nowrap}.header nav a:hover,.footer a:hover{color:#1a3340;text-decoration:underline}.nav-book{border-bottom:1px solid var(--ink);padding-bottom:3px}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:64px;padding-block:62px 65px;min-height:720px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;font-weight:600;color:var(--ink);margin-bottom:22px}.hero h1{font-size:clamp(3.9rem,6.6vw,6.15rem)}.subtitle{font-size:1.2rem;font-family:var(--serif);color:var(--ink);margin-top:22px}.hero-intro{max-width:450px;margin-top:26px;font-size:1.025rem;line-height:1.8}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 28px;margin-top:30px;background:var(--ink);border:1px solid var(--ink);border-radius:3px;color:var(--paper);text-decoration:none;font-size:.9rem;transition:background .22s ease,transform .22s ease,box-shadow .22s ease}.availability{font-size:.8125rem;color:#61675f;margin-top:13px}.hero-art{min-width:0}.cover-stage{background:var(--blue);padding:30px 50px 32px;border-radius:46% 46% 3px 3px;position:relative}.hero-cover{width:100%;transform:rotate(2deg);box-shadow:5px 14px 24px #233e4b2a,-3px 0 0 #e5ded0;position:relative}.cover-caption{font-family:var(--serif);font-style:italic;font-size:1rem;text-align:center;margin-top:25px;color:var(--ink)}.cover-caption span{opacity:.8}.book-strip{border-block:1px solid var(--line);background:#eeeee5}.strip-inner{display:flex;justify-content:space-around;gap:28px;padding-block:23px}.strip-inner p{display:flex;align-items:center;gap:14px}.strip-inner strong{font-family:var(--serif);color:var(--ink);font-weight:400;font-size:2rem;line-height:1}.strip-inner span{font-size:.85rem}.section-space{padding-block:105px}.section-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:65px;align-items:end;margin-bottom:56px}.section-heading .eyebrow{margin-bottom:20px}.section-heading>p{max-width:355px;justify-self:end;padding-bottom:4px}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 48px}.scene-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;background:#edeee8;border:1px solid #dedfd5;border-radius:3px}.scene-pair figure{min-width:0}.scene-pair img{width:100%;height:auto;aspect-ratio:390/504;object-fit:contain;background:white}.scene-pair figcaption{color:#525e5d;text-align:center;font-size:.75rem;padding-top:10px;line-height:1.4}.scene-heading{display:flex;align-items:baseline;gap:14px;margin-top:20px}.scene-number{font-size:.75rem;letter-spacing:.1em;color:#696e66}.scene h3{font-size:1.5rem;line-height:1.2;letter-spacing:-.025em}.scene>p{font-size:.9rem;margin-top:7px;max-width:460px}.story{background:var(--blue)}.story-inner{display:grid;grid-template-columns:1fr 1.35fr;gap:95px;padding-block:86px}.story-aside{border-right:1px solid #bdcbcc;display:flex;flex-direction:column;justify-content:center}.story-aside .eyebrow{margin-bottom:30px}.japanese{font-family:var(--serif);font-size:3.4rem;line-height:1.4;letter-spacing:.08em;color:var(--ink)}.word-note{margin-top:15px;font-family:var(--serif);font-style:italic;color:var(--ink);font-size:1.2rem;line-height:1.5}.word-note span{font-family:var(--sans);font-style:normal;font-size:.875rem;color:#536363}.story-copy h2{margin-bottom:29px}.story-copy>p{max-width:540px}.story-copy>p+p{margin-top:18px}.book{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px;align-items:center}.book-image{max-width:295px;justify-self:center;padding:12px 0}.book-image img{box-shadow:6px 12px 28px #233e4b24;transform:rotate(-3deg)}.book h2{font-size:clamp(2.5rem,4vw,3.45rem)}.book-subtitle{font-family:var(--serif);font-size:1.1rem;margin-top:14px}.book-details{list-style:none;padding:0;margin:26px 0 28px;font-size:.925rem}.book-details li{padding:7px 0 7px 21px;position:relative}.book-details li:before{content:'';position:absolute;left:0;top:19px;width:5px;height:5px;background:#8f9e95;border-radius:50%}.launch-note{padding:20px 22px;background:#ecece2;border-left:2px solid #738d95;max-width:480px}.launch-note h3{font-family:var(--sans);font-size:.9rem;font-weight:600}.launch-note p{font-size:.875rem;margin-top:6px}.text-link{display:inline-block;margin-top:24px;font-size:.9rem;color:var(--ink);text-decoration-thickness:1px}.footer{border-top:1px solid var(--line)}.footer-inner{display:flex;gap:25px;align-items:center;justify-content:space-between;padding-block:34px}.footer p{font-size:.875rem;font-family:var(--serif);font-style:italic}.footer-inner>a:last-child{font-size:.8125rem}.footer .wordmark{font-size:1.4rem}.footer .wordmark span{font-size:1.25rem}@media(min-width:1450px){.hero{gap:100px}.cover-stage{padding:36px 57px}}@media(max-width:1050px){.container{width:calc(100% - 64px)}.hero{gap:36px;min-height:auto;padding-block:52px}.hero h1{font-size:4.3rem}.cover-stage{padding:25px 30px}.desktop-break{display:none}.section-heading{gap:35px}.gallery{gap:42px 26px}.scene-pair{padding:11px;gap:9px}.story-inner{gap:55px}.book{gap:65px}.section-space{padding-block:80px}}@media(max-width:700px){.container{width:calc(100% - 40px)}.header{height:82px;gap:15px}.wordmark{font-size:1.55rem}.wordmark span{font-size:1.35rem}.header nav{gap:16px;font-size:.8125rem}.header nav a:first-child{display:none}.hero{grid-template-columns:1fr;gap:32px;padding-top:39px;padding-bottom:42px}.hero-copy{text-align:center}.hero .eyebrow{font-size:.75rem;letter-spacing:.13em;margin-bottom:18px}.hero h1{font-size:3.8rem;line-height:1.03}.hero h1 br{display:none}.hero h1 em{display:block}.subtitle{font-size:1.075rem;margin-top:14px}.hero-intro{font-size:.94rem;line-height:1.7;max-width:340px;margin:18px auto 0}.button{margin-top:23px;min-height:48px;padding:10px 26px}.availability{font-size:.75rem;margin-top:10px}.hero-art{width:min(350px,100%);justify-self:center}.cover-stage{padding:23px 42px 26px}.cover-caption{font-size:.9375rem;margin-top:19px}.strip-inner{gap:12px;justify-content:space-between;padding-block:20px}.strip-inner p{flex-direction:column;gap:8px;flex:1;text-align:center}.strip-inner strong{font-size:1.8rem}.strip-inner span{font-size:.75rem;line-height:1.35;max-width:112px}.section-space{padding-block:61px}.section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:33px}.section-heading>p{font-size:.95rem;justify-self:start;max-width:420px}.eyebrow{font-size:.75rem;margin-bottom:17px}.section-heading .eyebrow{margin-bottom:16px}h2{font-size:2.55rem}.gallery{grid-template-columns:1fr;gap:35px}.scene-pair{padding:12px;gap:10px}.scene-pair figcaption{font-size:.75rem;padding-top:8px}.scene-heading{margin-top:17px;gap:12px}.scene h3{font-size:1.4rem}.scene>p{font-size:.875rem}.story-inner{grid-template-columns:1fr;gap:30px;padding-block:52px}.story-aside{border-right:0;border-bottom:1px solid #bdcbcc;display:grid;grid-template-columns:1fr 1fr;padding-bottom:25px;gap:5px 20px}.story-aside .eyebrow{grid-column:1/-1;margin-bottom:13px}.japanese{font-size:2.3rem;letter-spacing:0}.word-note{font-size:1.05rem;margin-top:0;align-self:center}.word-note span{font-size:.8125rem}.story-copy h2{margin-bottom:23px}.story-copy>p{font-size:.95rem}.book{grid-template-columns:1fr;gap:36px}.book-image{max-width:210px}.book-copy{text-align:center}.book h2{font-size:2.6rem}.book-subtitle{font-size:1rem}.book-details{display:inline-block;text-align:left;font-size:.875rem;margin:22px 0}.book-details li{padding-top:6px;padding-bottom:6px}.book-details li:before{top:17px}.launch-note{text-align:left;margin-inline:auto}.footer-inner{flex-wrap:wrap;gap:20px 15px;padding-block:28px}.footer p{order:3;flex-basis:100%;font-size:.875rem;margin-top:-5px}.footer-inner>a:last-child{font-size:.75rem}}@media(max-width:370px){.container{width:calc(100% - 32px)}.header nav{gap:12px}.wordmark{font-size:1.35rem}.wordmark span{font-size:1.2rem}.hero h1{font-size:3.35rem}.hero .eyebrow{font-size:.75rem}.hero-art{max-width:305px}.cover-stage{padding-inline:34px}h2{font-size:2.3rem}.scene-pair{padding:8px;gap:8px}.scene-pair figcaption{font-size:.75rem}.japanese{font-size:2rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
/* Keep reading copy comfortable at every screen size. */
.hero-intro,.section-heading>p,.scene>p,.story-copy>p,.book-details,.launch-note p{font-size:1rem}

/* Motion is an enhancement: the page remains visible before and without JS. */
@keyframes quiet-arrival {
  from { opacity: .3; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}
.motion-reveal { animation: quiet-arrival .6s cubic-bezier(.2,.7,.3,1); }
.motion-reveal:focus-within { animation: none; }
.scene-pair img { transition: transform .4s ease, box-shadow .4s ease; }
.button:focus-visible { background: #233e4b; transform: translateY(-2px); }
@media (hover: hover) and (pointer: fine) {
  .button:hover { background: #233e4b; transform: translateY(-2px); box-shadow: 0 4px 10px #233e4b16; }
  .scene-pair:hover img { transform: translateY(-3px); box-shadow: 0 5px 12px #233e4b12; }
}
.button:active { transform: translateY(0); box-shadow: none; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .motion-reveal { animation: none; }
  .button, .scene-pair img { transition: none; }
  .button:hover, .button:focus-visible, .scene-pair:hover img { transform: none; }
}
@media print {
  .motion-reveal { animation: none; }
}