/* book46.css (12 Oct, Eli: "both pages are one frame, one image") - desktop and landscape: the book is the phone's book (book46.js) in a 16:9 frame -
   one picture at a time across both open pages, the whole picture, turning at the spine. Portrait phones keep phone35.css. Way back: book44.js. */
@media not all and (max-width:760px) and (orientation:portrait){
.book.bk35 .pin{--bw:min(calc(100vw - 2*clamp(24px,5vw,80px)),calc((100svh - 196px)*1.7778));display:block!important;padding:0!important;perspective:none!important;place-items:normal!important;overflow:hidden}
.book.bk35 .head{top:clamp(80px,10.5svh,96px)!important;z-index:30}
.book.bk35 .head h3{margin:0!important}
.bk35-book{position:absolute;left:calc(50% - var(--bw)/2);top:144px;width:var(--bw);height:calc(var(--bw)*0.5625);transform-origin:50% 50%;perspective:3600px;perspective-origin:50% 50%;will-change:transform}
.bk35-cover{position:absolute;left:-1.2%;right:-1.2%;top:-2%;bottom:-2%;background:linear-gradient(180deg,#232427,#151618);border-radius:4px;box-shadow:0 60px 160px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.05)}
.bk35-edge{position:absolute;top:.5%;bottom:.5%;width:4px;background:repeating-linear-gradient(90deg,#ece6db 0 1px,#b2aa9d 1px 2px);box-shadow:inset 0 0 6px rgba(0,0,0,.25)}
.bk35-edge.l{right:100%}.bk35-edge.r{left:100%}
.bk35-base{position:absolute;inset:0;overflow:hidden;background:#121214}
.bk35-half{position:absolute;top:0;bottom:0;width:50%;overflow:hidden}
.bk35-half.l{left:0}.bk35-half.r{left:50%}
.bk35-pic{position:absolute;overflow:hidden}
.bk35-pic img{position:absolute;top:0;height:100%;max-width:none;display:block;object-fit:cover}
.bk35-sh{position:absolute;inset:0;opacity:0;pointer-events:none}
.bk35-leaf{position:absolute;top:0;bottom:0;left:50%;width:50%;transform-origin:0 50%;transform-style:preserve-3d;will-change:transform}
.bk35-face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#121214}
.bk35-face.b{transform:rotateY(180deg)}
.bk35-spine{position:absolute;top:0;bottom:0;left:50%;width:150px;margin-left:-75px;pointer-events:none;z-index:2}
.bk35-foot{position:absolute;left:calc(50% - var(--bw)/2);right:calc(50% - var(--bw)/2);top:calc(144px + var(--bw)*0.5625 + 16px);display:flex;justify-content:space-between;align-items:center;font-family:var(--mono,monospace);font-size:10px;letter-spacing:.32em;pointer-events:none;z-index:30}
.bk35-foot .cap{color:var(--gold,#d9a441);background:rgba(14,14,16,.55);padding:6px 10px}
.bk35-foot b{font-weight:400;color:rgba(236,236,232,.78);margin-left:auto}
}