/* A real cylindrical book carousel: the entire shelf rotates in 3D. */
.hero-book-stage{--orbit-radius:290px;--orbit-width:185px;--orbit-height:300px;height:535px;min-height:535px;transform:none;}
.hero-books{position:absolute;inset:8px 0 auto;height:365px;perspective:1000px;perspective-origin:50% 40%;overflow:visible;}
.book-orbit{position:absolute;width:var(--orbit-width);height:var(--orbit-height);left:calc(50% - var(--orbit-width)/2);top:40px;transform-style:preserve-3d;transform:translateZ(calc(-1 * var(--orbit-radius))) rotateY(var(--orbit-turn,0deg));transition:transform 1.8s cubic-bezier(.25,.7,.2,1);will-change:transform;}
.hero-books .orbit-volume,.hero-books .orbit-volume:hover,.hero-books .orbit-volume:focus-visible{inset:0;width:100%;height:100%;padding:17px 12px 13px 21px;transform:rotateY(var(--cover-angle)) translateZ(var(--orbit-radius));transform-origin:center;backface-visibility:hidden;opacity:var(--book-depth);transition:opacity 1.5s,filter .3s;z-index:auto!important;border:1px solid #417a9a66;box-shadow:inset 8px 0 #ffffff3b,4px 3px #fffbe9,6px 5px #b3b4a0,11px 13px 18px #244b6928;outline-offset:5px;}
.hero-books .orbit-volume>img{height:79px;flex-shrink:0;}.hero-books .volume-topic{font-size:17px;line-height:1.5;margin:13px 0;}.hero-books .orbit-volume>strong{font-size:10px;line-height:1.7;-webkit-line-clamp:3;}.hero-books .volume-ribbon{font-size:6px;line-height:1.7;}.hero-books .volume-open{font-size:8px;}
.hero-book-stage:before{inset:auto 3% 135px;height:53px;background:#d8ae6030;border-radius:50%;transform:rotate(0);filter:blur(9px);}
.stage-shelf{left:8%;right:8%;bottom:155px;height:13px;border-radius:50%;transform:rotateX(60deg);box-shadow:0 8px #14679525,0 16px 20px #957b4730;background:#fff6cc;border:1px solid #d9bd72;}
.stage-stamp{width:78px;height:78px;right:0;top:10px;font-size:12px;background:#fff0a6;border-color:#e37fac;box-shadow:3px 4px #efb73b33;}
.stage-stamp>span{font-size:4px;}.carousel-controls{bottom:91px;gap:19px;}.carousel-controls button{width:40px;height:40px;box-shadow:0 3px #217cae;}.stage-note{bottom:0;padding-inline:10px;font-size:12px;transform:none;line-height:1.8;}.stage-note #hero-book-caption{font-family:var(--sans);font-size:10px;line-height:1.8;color:#406c7b;margin:8px auto 0;max-width:330px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px;}
.hero-message{font-size:clamp(20px,2vw,26px);line-height:1.85;letter-spacing:.02em;}.hero-invitation{max-width:440px;line-height:2.2;color:#4c6e6b;}.hero-place{margin-bottom:20px;}
/* The four covers contain folded scenery and real video stills. */
.chapters-grid{gap:38px 30px;padding:26px 8px 35px;perspective:1400px;}
.library-book{min-height:365px;overflow:visible;transform-style:preserve-3d;perspective:1000px;transition:transform .45s,box-shadow .45s;--tilt-x:0deg;--tilt-y:0deg;}
.library-book .book-cover{transform-style:preserve-3d;transition:transform .6s,box-shadow .6s;padding:21px 20px 15px;}
.library-book .chapter-top{margin-bottom:12px;}.library-book .book-cover>strong{font-size:24px;}.library-book .chapter-en{font-size:8px;letter-spacing:.1em;}
.popup-scene{height:127px;position:relative;display:block;margin:11px -3px 8px;transform-style:preserve-3d;}
.popup-fold{position:absolute;bottom:8px;left:9%;right:4%;height:56px;transform-origin:bottom;transform:rotateX(62deg);background:linear-gradient(145deg,#fff6ca 48%,#f4d691 49%,#fff6dc 51%);border:1px solid #a6822f44;border-radius:4px;transition:transform .6s;}
.popup-photo{position:absolute;display:block;width:52%;max-width:157px;background:#fff9e8;border:1px solid #cfbd913e;padding:4px 4px 5px;box-shadow:2px 4px #afa16b33,0 9px 10px #536f7725;transform-origin:50% 95%;transition:transform .65s cubic-bezier(.2,.75,.2,1),box-shadow .65s;backface-visibility:hidden;}
.popup-photo img{width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;display:block;}.popup-photo>span{display:block;text-align:center;font-size:7px;line-height:1.7;margin-top:3px;letter-spacing:.04em;color:#426d7a;}
.popup-photo-1{left:2%;top:10px;transform:translateZ(6px) rotate(-8deg);z-index:1;}.popup-photo-2{right:1%;top:25px;transform:translateZ(13px) rotate(8deg);z-index:2;}
.popup-mark{position:absolute;right:2%;top:0;color:#d1357b;border:1px solid #d1357b;transform:translateZ(15px) rotate(11deg);font-size:6px;line-height:1.5;letter-spacing:.05em;border-radius:50%;padding:6px;background:#fff2bd;transition:transform .6s;z-index:3;}
.library-book .chapter-bottom{margin-top:auto;padding-top:10px;}.library-book .chapter-bottom>span{min-height:0;font-size:10px;}.library-book .chapter-bottom>b{font-size:13px;margin-top:11px;}.cover-open-note{font-size:8px;align-self:flex-end;color:var(--chapter);opacity:0;transform:translateY(3px);transition:.3s;margin-top:3px;}
.library-book:hover,.library-book:focus-visible{z-index:8;transform:translateY(-10px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));box-shadow:5px 5px #fff9,7px 7px #b9b19a,10px 11px #fff7,12px 13px #b9b19a,15px 25px 30px #254b6430;}
.library-book:hover .book-cover,.library-book:focus-visible .book-cover{transform:rotateY(-10deg);box-shadow:9px 0 13px #28526925;}
.library-book:hover .popup-photo-1,.library-book:focus-visible .popup-photo-1,.library-book.is-opening .popup-photo-1{transform:translate3d(-5px,-23px,80px) rotate(-11deg) rotateY(7deg);box-shadow:0 19px 17px #2d556238;}
.library-book:hover .popup-photo-2,.library-book:focus-visible .popup-photo-2,.library-book.is-opening .popup-photo-2{transform:translate3d(5px,-12px,115px) rotate(10deg) rotateY(-8deg);box-shadow:0 22px 20px #2d556238;}
.library-book:hover .popup-fold,.library-book:focus-visible .popup-fold,.library-book.is-opening .popup-fold{transform:rotateX(30deg) translateZ(30px);}.library-book:hover .popup-mark,.library-book:focus-visible .popup-mark{transform:translate3d(7px,-17px,135px) rotate(15deg);}.library-book:hover .cover-open-note,.library-book:focus-visible .cover-open-note{opacity:1;transform:none;}
.library-book.is-opening .book-cover{animation:popup-cover-open 1s cubic-bezier(.2,.7,.25,1);}
@keyframes popup-cover-open{0%{transform:rotateY(0)}45%,70%{transform:rotateY(-24deg)}100%{transform:rotateY(-10deg)}}
/* New arrivals are always derived from the actual publication date. */
.arrival-photo{width:100%;aspect-ratio:16/9;overflow:hidden;align-self:start;}
.arrival-photo img{position:absolute;inset:0;width:100%!important;height:100%!important;}
.new-arrivals{padding-block:58px 65px;}.arrival-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;}.arrival-heading>div{flex:1;}.arrival-heading .zukan-heading{margin-bottom:0;}.arrival-heading>a{flex-shrink:0;font-size:10px;}.arrival-intro{font-family:var(--serif);font-size:15px;line-height:2;color:#4b6e6a;margin:22px 0 30px;}
.new-arrivals-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;align-items:stretch;perspective:1400px;border-bottom:8px solid #dfb953;padding-bottom:24px;box-shadow:0 5px #c4a24a24;}
.arrival-volume{min-width:0;--jacket:#f5c354;--jacket-light:#fff9df;box-shadow:3px 3px #fff,5px 5px #d0bb81,7px 7px #fff,9px 9px #d0bb81;border-radius:3px 12px 12px 3px;background:var(--jacket-light);border:1px solid #cfbd83;transform-style:preserve-3d;transition:transform .5s,box-shadow .5s;}
.arrival-volume:nth-child(2){--jacket:#f486ba;--jacket-light:#fff0f6;}.arrival-volume:nth-child(3){--jacket:#63bde1;--jacket-light:#edf9ff;}.arrival-volume:hover{transform:translateY(-9px) rotateY(-4deg);box-shadow:4px 4px #fff,7px 7px #d0bb81,10px 10px #fff,13px 13px #d0bb81,15px 25px 23px #34566d24;}
.arrival-open{width:100%;height:100%;padding:0;display:grid;grid-template-columns:19px minmax(0,1fr);text-align:left;color:#255672;border-radius:inherit;overflow:hidden;}.arrival-spine{writing-mode:vertical-rl;font-size:7px;letter-spacing:.12em;background:var(--jacket);padding:19px 4px;border-right:1px solid #a47e4733;}.arrival-cover{padding:15px 15px 18px;display:flex;flex-direction:column;}.arrival-topline{display:flex;flex-wrap:wrap;gap:7px;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:8px;}.arrival-topline>span{background:var(--jacket);color:#285168;padding:3px 7px;font-weight:600;border-radius:2px;}.arrival-topline time{font-size:7px;}.arrival-photo{display:block;position:relative;}.arrival-photo img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;box-shadow:2px 4px #9d9e8555;}.arrival-photo>span{display:inline-block;position:absolute;left:5px;bottom:5px;background:#fff9e9ee;font-size:7px;padding:2px 5px;color:#345769;}.arrival-region{font-size:9px;color:#6a7e76;margin-top:16px;}.arrival-cover h3{font-size:14px;line-height:1.9;margin:8px 0 11px;font-weight:600;}.arrival-summary{font-size:10px;line-height:2;color:#526e76;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:15px;}.arrival-bottom{margin-top:auto;border-top:1px solid #b2b29566;padding-top:12px;font-size:10px;display:flex;justify-content:space-between;align-items:center;}.arrival-bottom b{font-size:20px;font-weight:400;}
.pick-1 .pick-perspective{color:#c72876;}.pick-1{border-left-color:#ec3c93;}
.motion-paused .book-orbit,.motion-paused .library-book,.motion-paused .book-cover,.motion-paused .popup-scene *{transition:none!important;animation:none!important;}.motion-paused .library-book:hover,.motion-paused .library-book:focus-visible{transform:none;}
@media(min-width:1000px){.new-arrivals-grid{gap:33px;}.arrival-cover{padding:19px 21px;}.arrival-cover h3{font-size:16px;}.arrival-summary{font-size:12px;}.arrival-topline time{font-size:9px;}.arrival-topline>span{font-size:10px;}.arrival-photo>span{font-size:9px;}.popup-scene{height:139px;}.library-book{min-height:385px;}.popup-photo{max-width:195px;}.popup-photo>span{font-size:9px;}}
@media(max-width:900px){.new-arrivals-grid{gap:17px;}.arrival-cover{padding:12px 10px;}.arrival-cover h3{font-size:12px;}.arrival-summary{font-size:10px;}.arrival-spine{font-size:6px;}.hero-book-stage{--orbit-radius:195px;--orbit-width:155px;}.library-book .book-cover>strong{font-size:22px;}.library-book .book-cover{padding-inline:15px;}.popup-photo>span{font-size:7px;}}
@media(max-width:700px){.new-arrivals-grid{grid-template-columns:1fr;gap:25px;}.arrival-open{grid-template-columns:20px minmax(0,1fr);}.arrival-cover{padding:18px;}.arrival-cover h3{font-size:17px;}.arrival-summary{font-size:12px;-webkit-line-clamp:3;}.arrival-topline{font-size:11px;}.arrival-topline time{font-size:10px;}.arrival-photo>span{font-size:10px;}.arrival-region{font-size:11px;}.arrival-bottom{font-size:12px;}.arrival-heading{display:block;}.arrival-heading>a{display:inline-block;margin-top:15px;}.new-arrivals{padding-block:38px 45px;}.arrival-intro{font-size:13px;}.arrival-cover{display:grid;grid-template-columns:42% minmax(0,1fr);column-gap:14px;}.arrival-topline,.arrival-summary,.arrival-bottom{grid-column:1/-1;}.arrival-photo{grid-row:2/4;align-self:start;}.arrival-region{grid-column:2;margin-top:0;align-self:end;}.arrival-cover h3{grid-column:2;margin-top:4px;font-size:13px;line-height:1.8;}.arrival-summary{margin-top:9px;}.arrival-bottom{margin-top:0;}}
@media(max-width:600px){.hero-book-stage{--orbit-radius:165px;--orbit-width:145px;--orbit-height:257px;height:465px;min-height:465px;}.hero-books{height:325px;inset:0 0 auto;perspective:750px;}.book-orbit{top:30px;}.hero-books .orbit-volume{padding:13px 9px 11px 19px;height:100%;}.hero-books .volume-topic{font-size:15px;}.hero-books .orbit-volume>img{height:70px;}.hero-books .orbit-volume>strong{font-size:9px;}.stage-stamp{width:66px;height:66px;font-size:10px;top:3px;right:-3px;}.stage-shelf{bottom:147px;left:10%;right:10%;}.carousel-controls{bottom:87px;}.stage-note{font-size:10px;}.stage-note #hero-book-caption{font-size:9px;}.hero-message{font-size:19px;}.hero-invitation{font-size:11px;}.chapters-grid{gap:30px 18px;padding:20px 1px 25px;}.library-book{min-height:320px;grid-template-columns:15px minmax(0,1fr);}.library-book .book-cover{padding:14px 10px 11px;}.library-book .book-cover>strong{font-size:18px;}.library-book .chapter-en{font-size:5px;letter-spacing:0;}.library-book .chapter-top{margin-bottom:13px;}.popup-scene{height:90px;margin:11px -3px 10px;}.popup-photo{width:68%;padding:3px;}.popup-photo-1{top:2px;left:-2%;}.popup-photo-2{top:27px;right:-3%;}.popup-photo>span{font-size:5px;}.popup-fold{height:40px;}.popup-mark{font-size:4px;padding:4px;right:-2%;}.library-book .chapter-bottom>span{font-size:7px;min-height:20px;}.library-book .chapter-bottom>b{font-size:11px;margin-top:5px;}.cover-open-note{font-size:6px;}.library-book:hover .popup-photo-1,.library-book:focus-visible .popup-photo-1,.library-book.is-opening .popup-photo-1{transform:translate3d(-1px,-14px,30px) rotate(-10deg);}.library-book:hover .popup-photo-2,.library-book:focus-visible .popup-photo-2,.library-book.is-opening .popup-photo-2{transform:translate3d(1px,-8px,45px) rotate(9deg);}.library-book .book-spine{padding-inline:2px;font-size:5px;}.library-book:before{left:15px;}}
@media(prefers-reduced-motion:reduce){.book-orbit,.hero-books .orbit-volume,.popup-scene *,.library-book,.arrival-volume{transition:none!important;animation:none!important;}.library-book:hover,.library-book:focus-visible,.library-book .book-cover,.library-book:hover .book-cover,.library-book:focus-visible .book-cover,.library-book.is-opening .book-cover{transform:none!important;}.popup-photo-1,.library-book:hover .popup-photo-1,.library-book:focus-visible .popup-photo-1,.library-book.is-opening .popup-photo-1{transform:rotate(-8deg);}.popup-photo-2,.library-book:hover .popup-photo-2,.library-book:focus-visible .popup-photo-2,.library-book.is-opening .popup-photo-2{transform:rotate(8deg);}}

@media(min-width:601px) and (max-width:900px){
.library-book:hover .book-cover,.library-book:focus-visible .book-cover{transform:rotateY(-6deg);}
.library-book:hover .popup-photo-1,.library-book:focus-visible .popup-photo-1,.library-book.is-opening .popup-photo-1{transform:translate3d(-2px,-20px,40px) rotate(-10deg);}
.library-book:hover .popup-photo-2,.library-book:focus-visible .popup-photo-2,.library-book.is-opening .popup-photo-2{transform:translate3d(2px,-12px,60px) rotate(8deg);}
.library-book:hover .popup-mark,.library-book:focus-visible .popup-mark{transform:translate3d(0,-12px,65px) rotate(12deg);}
}