/* Physical book images; controls stay outside the photographed pages. */
body.experience-home .interactive-book-object{transform:none;perspective:none;overflow:hidden;border-radius:0}
body.experience-home .interactive-book-object::before{display:none}
body.experience-home .interactive-book-object img{mix-blend-mode:normal;border-radius:0;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
body.experience-home .interactive-book-object:hover{transform:none}
body.experience-home .interactive-book-object:hover img{transform:scale(1.025)}
body.experience-home .book-photo-reader{width:min(1400px,97vw);height:min(1080px,96dvh);max-height:96dvh;border-radius:0;background:#e9e4d9;color:#24372c;overflow:hidden}
body.experience-home .book-photo-reader[open]{display:flex;flex-direction:column}
.book-photo-reader .reader-top{flex:none;padding:18px 28px;background:#f6f3eb;border-bottom:1px solid #dcd7ca}
.book-photo-reader .reader-top .kicker{font-size:8px;letter-spacing:.15em}
body.experience-home .book-photo-reader .reader-top h2{font-size:30px;margin:5px 0 0}
.book-photo-reader .dialog-close{top:15px;right:20px}
.reader-photo-toolbar{display:flex;justify-content:space-between;align-items:center;flex:none;background:#f6f3eb;border-bottom:1px solid #dcd7ca;padding-right:22px;gap:12px}
.book-photo-reader .reader-tabs{padding:0 28px;gap:26px;border:0;background:none;min-width:0}
.book-photo-reader .reader-tabs button{font-size:12px;min-height:48px;padding-block:14px}
[data-book-zoom]{flex:none;background:none;border:0;color:inherit;font:12px var(--sans);cursor:pointer;min-height:44px;padding:12px}
.book-photo-reader .reader-pages{flex:1;min-height:0;max-height:none;padding:0;overflow:auto;perspective:none;overscroll-behavior:contain;scrollbar-color:#92927e #e9e4d9;touch-action:pan-x pan-y pinch-zoom}
body.experience-home .book-photo-reader .reader-spread{display:block;min-height:0;width:100%;height:100%;margin:0;filter:none;transform:none;background:none}
body.experience-home .book-photo-reader .reader-spread[hidden]{display:none}
.reader-photo img{display:block;width:100%;height:100%;object-fit:contain;max-width:none;user-select:none;-webkit-user-drag:none}
body.experience-home .book-photo-reader .reader-pages.is-zoomed .reader-spread{width:1800px;height:1200px;max-width:none}
.book-photo-reader .reader-pages.is-zoomed{cursor:grab}
.book-photo-reader .reader-pages.is-dragging{cursor:grabbing}
.book-photo-reader .reader-controls{display:flex;justify-content:space-between;align-items:center;flex:none;gap:24px;padding:12px 26px;background:#f6f3eb;border-top:1px solid #dcd7ca}
.reader-pagination{display:flex;align-items:center;gap:17px}
.book-photo-reader .reader-controls button{border:1px solid #cdd0c2;background:none;width:44px;height:44px;min-width:44px;cursor:pointer;font-size:18px;color:#2c4032}
.book-photo-reader .reader-controls button:disabled{opacity:.3;cursor:default}
.book-photo-reader [data-book-progress]{font-size:11px;letter-spacing:.12em;white-space:nowrap}
.book-photo-reader .reader-controls>a{font-size:12px;white-space:nowrap}
.reader-photo-caption{font-size:10px;color:#717267;text-align:center}
.book-photo-reader button:focus-visible{outline:2px solid #885b40;outline-offset:3px}
@media(max-width:650px){body.experience-home .book-photo-reader{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;inset:0;margin:0}.book-photo-reader .reader-top{padding:18px 20px}.book-photo-reader .reader-top .kicker{font-size:7px}body.experience-home .book-photo-reader .reader-top h2{font-size:25px!important}.reader-photo-toolbar{padding-right:8px;gap:4px;align-items:stretch}.book-photo-reader .reader-tabs{padding:0 12px;gap:12px}.book-photo-reader .reader-tabs button{font-size:10px;padding-inline:0;min-height:48px}[data-book-zoom]{font-size:10px;padding:8px;max-width:87px}.book-photo-reader .reader-controls{padding:12px 16px 16px;gap:12px;flex-wrap:wrap}.reader-pagination{gap:12px}.reader-photo-caption{order:3;flex-basis:100%;font-size:9px}.book-photo-reader .reader-controls>a{font-size:11px}.reader-photo img{object-position:center}.book-photo-reader .reader-pages{display:block}.book-photo-reader .reader-pages.is-zoomed .reader-spread{width:1350px!important;height:900px!important}}
@media(prefers-reduced-motion:reduce){body.experience-home .interactive-book-object img{transition:none}}
@media(max-width:650px){
  body.experience-home .book-photo-reader{height:max-content;max-height:96dvh;margin:auto}
  .book-photo-reader .reader-pages{flex:0 1 auto;aspect-ratio:3/2;width:100%;min-height:0}
  body.experience-home .book-photo-reader:has(.reader-pages.is-zoomed){height:96dvh}
  .book-photo-reader .reader-pages.is-zoomed{flex:1;aspect-ratio:auto}
}
.book-photo-reader .reader-photo-toolbar .reader-tabs{flex:1 1 0;min-width:0;overflow-x:auto}
/* Optional colour comparison within the family album. */
.book-colour-toolbar{flex:none;padding:6px 28px;background:#f6f3eb;border-bottom:1px solid #dcd7ca;display:flex;align-items:center;gap:12px 28px;flex-wrap:wrap}
.book-colour-toolbar[hidden],#book-colour-controls[hidden],#book-colour-hint[hidden],.book-colour-stage [hidden]{display:none}
[data-colour-toggle]{min-height:44px;border:0;border-bottom:1px solid #a7aa98;padding:8px 0;background:none;font:12px var(--sans);color:#304834;cursor:pointer}
[data-colour-toggle]:disabled{opacity:.6;cursor:wait}
#book-colour-controls{display:flex;align-items:center;gap:12px;flex:1;max-width:550px;font:11px var(--sans);color:#535c4b}
#book-colour-controls span{white-space:nowrap}
[data-colour-range]{appearance:none;-webkit-appearance:none;flex:1;min-width:60px;width:100px;height:44px;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;cursor:ew-resize}
[data-colour-range]::-webkit-slider-runnable-track{height:2px;background:#b8bcae}
[data-colour-range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-6px;border-radius:50%;background:#304834;border:2px solid #f6f3eb;box-shadow:0 0 0 1px #304834}
[data-colour-range]::-moz-range-track{height:2px;background:#b8bcae}
[data-colour-range]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#304834;border:2px solid #f6f3eb;box-shadow:0 0 0 1px #304834}
[data-colour-range]:focus-visible{outline:2px solid #885b40;outline-offset:3px}
#book-colour-hint{font:10px var(--sans);color:#656a5e;margin-left:auto}
.book-photo-reader .reader-album{position:relative}
.book-colour-stage{position:absolute;inset:0;margin:auto;width:100%;height:100%;--colour-reveal:50%}
.book-colour-layer{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--colour-reveal)) 0 0)}
.book-colour-stage.is-comparing{cursor:ew-resize;touch-action:none}
.book-colour-divider{position:absolute;left:var(--colour-reveal);top:0;bottom:0;width:1px;background:rgba(250,249,243,.95);box-shadow:0 0 0 1px rgba(39,52,40,.2);pointer-events:auto;touch-action:none}
.book-colour-divider>span{position:absolute;left:0;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#f6f3eb;color:#304834;font:16px var(--sans);box-shadow:0 2px 12px #15201735;border:1px solid #c7cbbb}
.reader-pages.is-zoomed .book-colour-stage.is-comparing{cursor:grab;touch-action:pan-x pan-y pinch-zoom}
.reader-pages.is-zoomed .book-colour-divider{cursor:ew-resize}
@media(max-width:650px){.book-colour-toolbar{padding:4px 16px;gap:0 12px}#book-colour-controls{flex-basis:100%;max-width:none;font-size:9px;gap:8px}#book-colour-hint{margin:0;padding:0 0 8px;font-size:9px}[data-colour-toggle]{font-size:11px}}