/* The original booklet is the artwork; the interface stays outside its pages. */
[hidden]{display:none!important}
.hero-content{opacity:1!important}.hero .eyebrow{margin:20px 0}.event-strip{grid-template-columns:.7fr 1.2fr 1.4fr}
.booklet{padding:64px 0 76px;background:#142821 url('assets/contact-scene.webp') center/cover;isolation:isolate}
.booklet:before{content:'';position:absolute;inset:0;background:#12261feb;z-index:-1}
.booklet-wrap{max-width:1480px;padding:0 clamp(20px,5vw,80px);margin:auto}
.booklet-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:36px}
.booklet .eyebrow{font-size:14px;letter-spacing:.15em;margin:0 0 15px}
.booklet h2{font-size:clamp(36px,4.4vw,66px);line-height:1.06;letter-spacing:-.05em}.booklet h2 br{display:none}
.booklet-tools{display:flex;flex-shrink:0;gap:8px}.booklet-tools button,.book-controls button,.reader-toolbar button,.reader-controls>button:not(.button){min-height:48px;padding:10px 16px;border:1px solid #eddbc459;background:transparent;color:inherit;font-size:16px}
.booklet-tools button:hover,.book-controls button:hover,.reader-toolbar button:hover{background:#eddbc415}
.booklet button:focus-visible,.booklet a:focus-visible{outline-color:#f0dbc1}
#booklet-index{padding:18px 0 24px;margin-bottom:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid #eddbc440;border-bottom:1px solid #eddbc440}
#booklet-index button{text-align:left;min-height:48px;border:1px solid #eddbc42b;background:#10201880;color:var(--paper);font-size:16px;padding:12px 14px;display:flex;gap:12px;align-items:center}
#booklet-index button[aria-current=true]{border-color:#e29374;background:#9f3d2e45}#booklet-index button span{opacity:.75}
.book-stage{position:relative;max-width:1200px;margin:auto;outline-offset:10px;touch-action:pan-y}
#album-book{margin:auto;width:100%;filter:drop-shadow(0 22px 18px #0006)}
#album-book:not(.stf__parent){display:flex;max-width:1100px;aspect-ratio:2}
#album-book:not(.stf__parent) .book-page{width:50%}
.book-page{background:#ddc6a8;overflow:hidden;border:1px solid #b99576;position:relative}
.book-page img{width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.book-page:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 1px #593b24}
.book-page.--left:after{background:linear-gradient(90deg,transparent 89%,#432f201c 98%,#24150940)}
.book-page.--right:after{background:linear-gradient(90deg,#24150935,#432f2014 3%,transparent 11%)}
.book-page-load-error:before{content:'Page could not load. Turn back to try again.';position:absolute;inset:30%;color:#182a24;font-size:16px;text-align:center}
.book-controls{display:flex;align-items:center;justify-content:center;gap:clamp(20px,5vw,70px);margin:28px 0 0}
.book-controls button{border:0;display:flex;align-items:center;gap:14px}.book-controls p{margin:0;min-width:125px;text-align:center;font-size:16px;font-variant-numeric:tabular-nums}
.booklet button:disabled,.reader-controls button:disabled{opacity:.35;cursor:default}
.book-action-row{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:64px;margin-top:4px}
.book-hint{font-size:14px;margin:0;color:#eddbc4bd}#book-play,#reader-play{background:#b54432;border-color:#cb6d53;font-size:16px;min-width:195px;justify-content:center}
.book-listening{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;border-top:1px solid #eddbc46b;margin-top:22px;padding-top:28px}
.spread-info h3{font-size:clamp(27px,3vw,42px);font-weight:400;line-height:1.2}.spread-info p:not(.eyebrow){font-size:16px;margin-top:16px}
.spread-info a,#playing-external{font-size:14px;text-decoration:underline;text-underline-offset:5px;display:inline-block;margin-top:24px;line-height:1.7}
.book-player-panel{min-width:0;width:100%;max-width:560px;justify-self:end}#book-now-playing{font-size:14px;margin:0 0 12px;min-height:21px}
#book-player-shell{width:100%;aspect-ratio:16/9;min-height:200px;border:1px solid #eddbc478;background:#080e0b}
#book-youtube{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}
#book-youtube>img{height:100%;width:auto;max-width:100%;object-fit:contain;opacity:.65}
#book-player-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:12px;align-items:center;white-space:nowrap;min-height:48px;padding:12px 20px;border:1px solid #eddbc4;background:#a93428;color:#fff3df;font-size:16px}
#book-player-shell iframe{display:block;width:100%;height:100%;min-height:200px;border:0}
#book-player-status{font-size:14px;line-height:1.5;margin:10px 0 0}#book-player-status:empty{display:none}#playing-external{margin-top:8px}
#book-message{font-size:16px;margin:10px 0}#book-reader{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:20px 28px;background:#142821;color:var(--paper);border:0;overflow:hidden}
#book-reader[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px;animation:none}
.reader-toolbar,.reader-toolbar>div,.reader-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.reader-toolbar p{margin:0;font-size:16px}
#reader-viewport{overflow:auto;min-height:0;display:flex;align-items:flex-start;justify-content:center;overscroll-behavior:contain}
#reader-image{height:100%;width:auto;max-width:100%;object-fit:contain;flex-shrink:0}
#reader-viewport.zoomed{display:block}#reader-viewport.zoomed #reader-image{width:1800px;height:auto;max-width:none}
.reader-controls{justify-content:center;gap:30px}.reader-controls button{font-size:16px}.reader-toolbar button{border-color:#eddbc46b}
@media(min-width:1600px){.booklet-wrap{max-width:1540px}}
@media(max-width:1050px){.booklet-heading{align-items:start;flex-direction:column;gap:22px}.booklet h2 br{display:block}.booklet-tools{align-self:flex-end;margin-top:-62px}.book-listening{gap:5%}}
@media(max-width:720px){
 .booklet{padding:38px 0 46px}.booklet-wrap{padding-inline:20px}.booklet-heading{margin-bottom:24px;gap:18px}.booklet h2{font-size:38px}.booklet-tools{align-self:flex-start;margin:0}.booklet-tools button{font-size:14px;padding:8px 12px}.booklet .eyebrow{font-size:14px}
 #booklet-index{grid-template-columns:1fr 1fr}#booklet-index button{font-size:14px;padding:10px;gap:6px}
 .book-controls{gap:8px;justify-content:space-between;margin-top:16px}.book-controls button{padding:8px;font-size:14px;gap:8px}.book-controls p{font-size:14px;min-width:92px}
 .book-action-row{flex-direction:column;gap:16px;margin-top:12px;min-height:0}.book-hint{font-size:14px;text-align:center}#book-play{width:100%;font-size:16px}
 .book-listening{grid-template-columns:1fr;gap:25px;margin-top:28px;padding-top:26px}.book-player-panel{max-width:none}.spread-info h3{font-size:28px}.spread-info a{margin-top:16px}
 #book-reader{padding:14px 12px}.reader-toolbar p{font-size:14px}.reader-toolbar button{font-size:14px;padding:8px 10px}.reader-controls{gap:8px;flex-wrap:wrap}.reader-controls>button{padding:10px;font-size:14px}#reader-play{min-width:0;font-size:14px;flex-basis:100%;order:3}
 .event-strip{grid-template-columns:1fr}.hero,.motion-paused .hero{height:650px}.hero-content{top:35px}.hero-landscape{background-size:auto 78%}
}
@media(prefers-reduced-motion:reduce){.book-page:after{background:none}}