/* Original covers and spreads; CSS maps each half to the correct sheet face. */
.journal-page{max-width:1680px;margin:auto}
.journal-stage{display:grid;grid-template-columns:minmax(0,1fr) 370px}
.journal-gallery{position:relative;min-width:0;display:flex;flex-direction:column;height:min(850px,calc(100vh - 90px));min-height:670px;overflow:hidden;background:var(--stage-background)}
.journal-tools{position:absolute;right:28px;top:28px;z-index:2;display:flex;gap:1px;border:1px solid #d8d6caaa;background:#f9f7f0cc;border-radius:30px;padding:3px}
.journal-tools button{height:38px;min-width:40px;font-size:22px}
.journal-tools #journal-reset{font-size:13px;padding:0 14px}
.journal-object{position:relative;flex:1;min-height:0;display:grid;place-items:center;perspective:1700px;cursor:grab;touch-action:pan-y;outline-offset:-5px;--journal-width:300px;--journal-height:calc(var(--journal-width) * 2480 / 1748);--journal-depth:12px;--journal-half:6px;--journal-page-width:calc(var(--journal-width) - 8px);--journal-page-height:calc(var(--journal-page-width) * 2480 / 1748);--journal-page-top:calc((var(--journal-height) - var(--journal-page-height)) / 2);--journal-page-radius:12px}
.journal-object.dragging{cursor:grabbing}
.journal-scale{width:var(--journal-width);height:var(--journal-height);transform-style:preserve-3d;transform:scale(var(--journal-fit,1)) translateX(calc(var(--journal-width) * var(--journal-open,0) * .5))}
.journal-model{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateX(var(--journal-rx,-9deg)) rotateY(var(--journal-ry,-22deg)) rotateZ(calc(-3deg + var(--journal-open,0) * 3deg))}
.dragging .journal-model{transition:none}
.journal-face{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;background:#0f3d5f}
.journal-cover-hinge{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:left center;transform:translateZ(var(--journal-half)) rotateY(calc(var(--journal-open,0) * -180deg))}
.journal-front{border-radius:1px 18px 18px 1px;transform:translateZ(.6px)}
.journal-cover-lining{position:absolute;inset:0;border-radius:18px 1px 1px 18px;background-color:#f2f2e8;background-size:200% 100%;background-position:left top;backface-visibility:hidden;transform:rotateY(180deg) translateZ(.6px);box-shadow:inset -3px 0 7px #4439221a}
.journal-under-page{transform:translateZ(1.8px);border-radius:0 var(--journal-page-radius) var(--journal-page-radius) 0;background-color:#f2f2e8;background-size:200% 100%;background-position:right top;backface-visibility:hidden}
.journal-leaves{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}
.journal-leaf,.journal-under-page,.journal-page-rim{position:absolute;left:2px;top:var(--journal-page-top);width:var(--journal-page-width);height:var(--journal-page-height)}
.journal-leaf{transform-origin:left center;transform-style:preserve-3d;transform:translateZ(var(--leaf-z,5px)) rotateY(var(--leaf-angle,0deg))}
.journal-strip{position:absolute;left:100%;top:0;width:100%;height:100%;transform-origin:left center;transform-style:preserve-3d;transform:rotateY(var(--leaf-bend,0deg))}
.journal-leaf>.journal-strip{left:0;width:calc(100% / 6);transform:none}
.journal-paper-face{position:absolute;inset:0;background-color:#f2f2e8;background-image:var(--leaf-front);background-size:200% 100%;background-position:right top;backface-visibility:hidden;transform:translateZ(.12px);overflow:hidden}
.journal-paper-face::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#514b3533,transparent 65%);opacity:var(--leaf-shade,0)}
.journal-paper-back{transform:rotateY(180deg) translateZ(.12px);background-image:var(--leaf-back);background-position:left top}
.journal-strip>.journal-paper-face{right:-.3px}
.journal-strip-tip>.journal-paper-face{border-radius:0 var(--journal-page-radius) var(--journal-page-radius) 0}
.journal-strip-tip>.journal-paper-back{border-radius:var(--journal-page-radius) 0 0 var(--journal-page-radius)}
.journal-flat-face{border-radius:0 var(--journal-page-radius) var(--journal-page-radius) 0}
.journal-flat-face.journal-paper-back{border-radius:var(--journal-page-radius) 0 0 var(--journal-page-radius)}
.journal-leaf:not(.turning)>.journal-strip,.journal-leaf.turning>.journal-flat-face{display:none}
.journal-page-controls{position:absolute;left:22px;right:22px;bottom:130px;display:flex;justify-content:center;align-items:center;gap:15px;z-index:3}
.journal-page-controls>button:not(.pill-button){height:40px;width:40px;border:1px solid #aabdb577;border-radius:50%;background:#f7f7efe6;font-size:20px}
.journal-page-controls>span{font-size:13px;min-width:125px;text-align:center;color:#415b60}.journal-page-controls .pill-button{background:#f7f7efe6;min-width:126px}
.journal-scrub{margin:0 0 24px}.journal-scrub label{display:block;font-size:14px;margin:0 0 13px}.journal-scrub input{width:100%;accent-color:var(--ink)}
.journal-details .journal-source-note{font-size:13px;line-height:1.6;margin-top:24px}
.journal-scrub .text-button{margin-top:13px}
.journal-quote-jump label{display:block;font-size:14px;margin:0 0 10px}
.journal-quote-jump select{width:100%;padding:10px 26px 10px 10px;border:1px solid var(--line);border-radius:3px;background:transparent;font-size:14px}
.journal-back{border-radius:18px 1px 1px 18px;transform:rotateY(180deg) translateZ(var(--journal-half))}
.journal-face img{position:absolute;width:100%;height:100%;inset:0;pointer-events:none;user-select:none}
.journal-edge{position:absolute;backface-visibility:hidden;background:repeating-linear-gradient(90deg,#e2dbc6 0 1px,#f2ecdd 1px 3px)}
.journal-spine{width:var(--journal-depth);height:calc(100% - 8px);top:4px}
.journal-spine{left:calc(-1 * var(--journal-half));transform:rotateY(-90deg);background:linear-gradient(90deg,#17334a,#2c4d64,#19384e)}
.journal-page-rim{transform-style:preserve-3d;pointer-events:none}
/* Continuous side surfaces follow the inset paper block, including both arcs. */
.journal-rim-segment{position:absolute;height:10px;background:repeating-linear-gradient(0deg,#ded6c0 0 .6px,#f2ecdd .6px 2px);transform-origin:center;backface-visibility:visible}
.journal-shadow{position:absolute;left:50%;top:85%;width:270px;height:20px;border-radius:50%;background:#163449;opacity:.18;filter:blur(15px);transform:translateX(-50%) rotate(-3deg);pointer-events:none}
.journal-gallery-bottom{display:flex;justify-content:space-between;gap:12px;padding:12px 30px 16px;color:#526560;font-size:13px}
.journal-gallery-bottom p{margin:0}
.journal-modes{display:flex;gap:4px;margin:0 30px 26px;border-top:1px solid #9eafaa77;padding-top:15px}
.journal-modes button{flex:1;padding:13px 8px;font-size:14px;border-radius:3px}
.journal-modes button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.journal-details{border-left:1px solid var(--line);padding:45px 30px}
.journal-details h1{font-size:53px;margin:0 0 25px}
.journal-details>p{color:var(--muted);font-size:15px;line-height:1.75}
.journal-details .journal-intro{font:24px/1.25 var(--serif);color:var(--ink)}
.journal-details .primary-button{margin:28px 0 24px}
.journal-facts{border-top:1px solid var(--line);margin:28px 0}
.journal-facts p{font-size:14px;line-height:1.6;padding:15px 0;margin:0;border-bottom:1px solid var(--line)}
.journal-film{flex:1;min-height:0;align-content:center;padding:65px 30px 20px}
.journal-film video{display:block;width:100%;max-height:52vh;aspect-ratio:16/9;background:#d8ded8;object-fit:contain;border-radius:3px;box-shadow:0 18px 45px #19354b18}
.journal-film p{font-size:14px;color:#526560;margin:20px 0 12px}
.journal-film-stops{display:flex;flex-wrap:wrap;gap:8px}
.journal-film-stops button{border:1px solid #aabdb5;border-radius:25px;padding:9px 14px;font-size:13px}
.journal-film-stops button:hover{background:#eef0e8}
.journal-pair{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.8fr;align-items:center;gap:25px;padding:30px 5vw;background:#f6f3eb}
.journal-pair h2{font-size:40px;line-height:1.05;margin:0 0 16px}
.journal-pair p{color:var(--muted);font-size:16px}
.journal-pair button{padding:0}
.journal-pair img{width:100%;display:block;transition:transform .6s}
.journal-pair button:hover img{transform:translateY(-5px)}
.journal-art-dialog{width:min(1200px,96vw);padding:0}
.journal-art-body{padding:26px;background:#e8ece5;text-align:center}
.journal-art-body img{display:block;width:auto;height:auto;max-width:100%;max-height:64vh;margin:auto}
.journal-art-body p{margin:18px 0 0;font-size:14px;color:var(--muted)}
.journal-art-viewport{max-height:68vh;overflow:auto;overscroll-behavior:contain}
.journal-art-viewport.zoomed img{width:min(1400px,200%);max-width:none;max-height:none}
.journal-reader-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px;border-bottom:1px solid var(--line)}
.journal-reader-controls button{font-size:14px}
@media(min-width:1500px){.journal-stage{grid-template-columns:minmax(0,1fr) 400px}.journal-details{padding:45px 40px}.journal-object{--journal-width:340px}}
@media(max-width:1100px){.journal-stage{grid-template-columns:minmax(0,1fr) 340px}.journal-details{padding:35px 24px}.journal-details h1{font-size:48px}.journal-object{--journal-width:270px}}
@media(max-width:760px){
 .masthead{height:auto;min-height:102px;padding:18px 22px 0;flex-wrap:wrap;gap:6px 20px}.identity{font-size:24px}.tabs{width:100%;height:43px;gap:26px}.tabs button{padding:0 5px}
 .journal-stage{display:block}.journal-gallery{height:590px;min-height:0}.journal-object{--journal-width:240px}.journal-tools{top:18px;right:18px}.journal-shadow{width:220px;top:88%}
 .journal-gallery-bottom{padding:12px 20px;font-size:11px}.journal-modes{margin:0 18px 20px;padding-top:12px}.journal-modes button{font-size:13px;padding:12px 4px}
 .journal-page-controls{left:12px;right:12px;bottom:150px;gap:7px}.journal-page-controls>span{font-size:11px;min-width:105px}.journal-page-controls>button:not(.pill-button){width:32px;height:32px}.journal-page-controls .pill-button{font-size:11px;min-width:97px;padding:9px 11px}
 .journal-details{padding:32px 26px;border-left:0;border-top:1px solid var(--line)}.journal-details h1{font-size:51px}.journal-details .journal-intro{font-size:24px}.journal-film{padding:65px 16px 15px}.journal-film p{font-size:13px}.journal-film-stops{gap:5px}.journal-film-stops button{font-size:12px;padding:8px 10px}
 .journal-pair{grid-template-columns:1fr;gap:8px;padding:35px 24px 20px}.journal-pair h2{font-size:36px}.journal-pair p{font-size:14px}.journal-art-body{padding:15px}.journal-art-body p{font-size:12px}
}
@media(max-width:380px){.journal-gallery{height:540px}.journal-object{--journal-width:205px}.journal-gallery-bottom{font-size:10px;gap:8px}.journal-details h1{font-size:45px}.journal-shadow{width:180px}.journal-art-body{padding:10px}.journal-reader-controls{padding:12px 10px;gap:5px}.journal-reader-controls button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.journal-model,.journal-scale,.journal-pair img{transition:none}}