/* phone35 (10 Oct 17:4x, Eli on his phone) - portrait phones only. The book is a real book again (book35.js): one picture across both open
   pages, as wide as the phone allows, turning at the spine with the scroll or a sideways swipe; the before/after slides sit in a 4:3 frame with
   their words under it (Eli: "yes for 4:3"); Twin's five stage names fit the screen. Way back phone34.css. */
@media (max-width:760px) and (orientation:portrait){
.book.bk35 .pin{--bw:min(calc(100vw - 28px),calc((100svh - 250px)*0.8889));display:block!important;padding:0!important;perspective:none!important;place-items:normal!important;overflow:hidden}
.book.bk35 .head{position:absolute!important;left:18px!important;right:18px;top:clamp(74px,10.5svh,104px)!important;z-index:30}
.book.bk35 .head h3{font-size:clamp(20px,5.6vw,26px);margin:0!important}
.bk35-book{position:absolute;left:calc(50% - var(--bw)/2);top:calc(50% + 14px - var(--bw)*0.5625);width:var(--bw);height:calc(var(--bw)*1.125);transform-origin:50% 50%;perspective:1500px;perspective-origin:50% 50%;will-change:transform;touch-action:pan-y}
.bk35-cover{position:absolute;left:-7px;right:-7px;top:-7px;bottom:-7px;background:linear-gradient(180deg,#232427,#151618);border-radius:3px;box-shadow:0 34px 90px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.05)}
.bk35-edge{position:absolute;top:.6%;bottom:.6%;width:3px;background:repeating-linear-gradient(90deg,#ece6db 0 1px,#b2aa9d 1px 2px);box-shadow:inset 0 0 4px 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-half.l .bk35-sh,.bk35-face.b .bk35-sh{background:linear-gradient(270deg,rgba(0,0,0,.72),rgba(0,0,0,.18) 45%,rgba(0,0,0,.05))}
.bk35-half.r .bk35-sh,.bk35-face.f .bk35-sh{background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.18) 45%,rgba(0,0,0,.05))}
.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:44px;margin-left:-22px;pointer-events:none;z-index:2;background:linear-gradient(90deg,transparent,rgba(0,0,0,.10) 38%,rgba(0,0,0,.30) 49.5%,rgba(255,255,255,.08) 50.5%,rgba(0,0,0,.10) 62%,transparent)}
.bk35-foot{position:absolute;left:18px;right:18px;top:calc(50% + 14px + var(--bw)*0.5625 + 20px);display:flex;justify-content:space-between;align-items:center;font-family:var(--mono,monospace);font-size:9.5px;letter-spacing:.28em;pointer-events:none;z-index:30}
.bk35-foot .cap{color:var(--gold,#d9a441);background:rgba(14,14,16,.6);padding:5px 8px}
.bk35-foot b{font-weight:400;color:rgba(236,236,232,.82);margin-left:auto}
.wipe .tag{display:none!important}
.wipe.w35 .pin{--fw:calc(100vw - 24px)}
.wframe35{position:absolute;left:12px;width:var(--fw);height:calc(var(--fw)*0.75);top:calc(46% - var(--fw)*0.375);overflow:hidden;z-index:3;background:#0d0d0e;box-shadow:0 30px 90px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.07)}
.wframe35 .layer{position:absolute;inset:0}
.wframe35 .layer img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;display:block}
.wframe35 .veilg{background:linear-gradient(180deg,rgba(14,14,16,.16),transparent 30%,transparent 72%,rgba(14,14,16,.22))!important}
.wframe35 .seam{top:0;bottom:0}
.wipe.w35 .ticks{position:absolute;left:12px!important;right:12px!important;top:calc(46% + var(--fw)*0.375 + 16px);bottom:auto!important;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 13px!important}
.wipe.w35 .ticks i{font-size:9.5px!important;letter-spacing:.16em!important;margin-left:0!important;white-space:nowrap}
.wipe.w35 .label{position:absolute;left:18px!important;right:18px;top:calc(46% + var(--fw)*0.375 + 46px);bottom:auto!important}
.wipe.w35 .label .big{font-size:clamp(19px,5.4vw,24px)!important;line-height:1.25;margin-top:0!important}
}