/* User-opened cloth cover; a single large artwork continues behind both bands. */
.book-hero.cover-waiting .book-cover{visibility:visible;pointer-events:auto;cursor:grab;touch-action:none;user-select:none}
.book-hero .book-cover{inset:0 0 0 50%;height:100%;aspect-ratio:auto;transform-origin:left center}
.book-cover:active{cursor:grabbing}
.book-cover:focus-visible{outline:3px solid #dcc890;outline-offset:-5px}
.book-cover-front{isolation:isolate;overflow:hidden;background:#263b48}
.cover-pattern{position:absolute;inset:0;z-index:-2;background:#eee7d4;animation:cover-ink-tide 3s ease-in-out infinite}
.cover-pattern:before,.cover-pattern:after{content:'';position:absolute;inset:0 0 auto;height:19%;background:url('/goshuin/assets/band-indigo-waves-20261004.webp') 15% 40%/cover no-repeat}
.cover-pattern:after{inset:auto 0 0;background-position:85% 75%;background-size:cover}
.cover-pattern:has(video):before,.cover-pattern:has(video):after{display:none}
.cover-pattern-video{position:absolute;inset:0 0 auto;width:100%;height:19%;object-fit:cover;object-position:center 20%;display:block}
.cover-pattern-video-bottom{inset:auto 0 0;object-position:center 80%}
.book-cover-front:before{content:'';position:absolute;inset:19% 0 19%;z-index:-1;background-color:#263b48;background-image:repeating-linear-gradient(0deg,#c6d0c305 0 1px,transparent 1px 5px),repeating-linear-gradient(90deg,#c6d0c305 0 1px,transparent 1px 5px);border-block:1px solid #c9b77b80;box-shadow:0 2px 10px #14232a20}
.book-cover .cover-band{display:none}
.book-cover .cover-title{left:12%;top:27%;font-size:clamp(24px,3vw,38px)}
.book-cover .cover-imprint{margin:0 0 0 13%;font-size:clamp(35px,5vw,64px);align-self:center}
.cover-open-cue{position:absolute;bottom:24%;left:0;right:0;text-align:center;color:#e4d8b8;font:11px/1.5 var(--sans);letter-spacing:.08em}
.cover-open-cue>span{display:inline-block;font-size:21px;margin-right:9px;vertical-align:middle}
.cover-open-cue small{display:block;margin-top:5px;font:9px/1.5 var(--sans);letter-spacing:.04em;color:#c3c9be}
.cover-waiting .scene-replay{visibility:hidden}
@keyframes cover-ink-tide{0%,100%{filter:brightness(1) saturate(.95)}50%{filter:brightness(1.08) saturate(1.08)}}
.book-motion-paused .cover-pattern{animation-play-state:paused}
@media(max-width:700px){
 .is-book-reader .book-hero .book-cover{inset:auto 0 0;height:42%;transform-origin:center top}
 .book-cover .cover-title{left:12%;top:24%;padding:10px 7px;font-size:20px}
 .book-cover .cover-imprint{font-size:38px;margin-left:24%}
 .book-cover .cover-imprint>span{font-size:7px;letter-spacing:.15em}
 .cover-pattern:before,.cover-pattern:after{background-size:auto 160%;background-position:15% 40%}
 .cover-pattern:after{background-position:85% 75%}
 .cover-open-cue{bottom:22%;font-size:9px}
 .cover-open-cue small{font-size:8px;margin-top:0}
 .cover-open-cue>span{font-size:17px}
 .book-cover .cover-imprint{font-size:30px;margin-top:-22px}
}
@media(prefers-reduced-motion:reduce){
 .book-hero.cover-waiting .book-cover{visibility:visible!important}
 .cover-pattern{animation:none}
}

/* Veo supplies the motion; its poster remains still when motion is disabled. */
.cover-pattern:has(video){animation:none}