/* book32 (8 Oct, Eli): the client book fills the screen - a full-screen spread that turns at the spine; the cloud sky behind the client pages */
.sky38{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:#2b3037}
.sky38>i,.sky38>img{position:absolute;left:-6%;top:-6%;width:112%;height:112%;display:block;max-width:none}
.sky38 .c1,.sky38 .c2{background:url(home32/sky.jpg) center/cover no-repeat}
.sky38 .c2{mix-blend-mode:screen}
.sky38 img.tw{object-fit:cover;mix-blend-mode:soft-light;filter:blur(4px) grayscale(.4)}
.sky38 .hz{left:0;top:0;width:100%;height:100%}
.sky38.cli .c1{background-position:center 46%;filter:brightness(1.35) contrast(.92)}
.sky38.cli .c2{opacity:.5;transform:scale(1.55) translate(-12%,10%);filter:brightness(1.3)}
.sky38.cli img.tw{opacity:.45;object-position:50% 45%}
.sky38.cli .hz{background:radial-gradient(ellipse at 50% 30%,rgba(205,212,222,.16),transparent 55%),linear-gradient(180deg,transparent 50%,rgba(16,18,22,.42) 100%)}
.book.bk32 .pin{padding:0!important;display:block!important;perspective:none!important}
.book.bk32 .head{z-index:30}
.bk32-book{position:absolute;inset:0;perspective:4200px;perspective-origin:50% 50%;transform-origin:50% 50%;will-change:transform}
.bk32-cover{position:absolute;left:-1.4%;right:-1.4%;top:-1.6%;bottom:-1.6%;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)}
.bk32-edge{position:absolute;top:.5%;bottom:.5%;width:4px}
.bk32-edge{background:repeating-linear-gradient(90deg,#ece6db 0 1px,#b2aa9d 1px 2px);box-shadow:inset 0 0 6px rgba(0,0,0,.25)}
.bk32-edge.l{right:100%}
.bk32-edge.r{left:100%}
.bk32-base{position:absolute;inset:0;overflow:hidden;background:#0d0d0e}
.bk32-half{position:absolute;top:0;bottom:0;width:50%;overflow:hidden}
.bk32-half.l{left:0}
.bk32-half.r{left:50%}
.bk32-half img,.bk32-face img{position:absolute;top:0;height:100%;width:200%;max-width:none;object-fit:cover;display:block}
.bk32-half.l img,.bk32-face.b img{left:0}
.bk32-half.r img,.bk32-face.f img{left:-100%}
.bk32-sh{position:absolute;inset:0;opacity:0;pointer-events:none}
.bk32-half.l .bk32-sh,.bk32-face.b .bk32-sh{background:linear-gradient(270deg,rgba(0,0,0,.72),rgba(0,0,0,.18) 45%,rgba(0,0,0,.05))}
.bk32-half.r .bk32-sh,.bk32-face.f .bk32-sh{background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.18) 45%,rgba(0,0,0,.05))}
.bk32-leaf{position:absolute;top:0;bottom:0;left:50%;width:50%;transform-origin:0 50%;transform-style:preserve-3d;will-change:transform}
.bk32-face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#0d0d0e}
.bk32-face.b{transform:rotateY(180deg)}
.bk32-spine{position:absolute;top:0;bottom:0;left:50%;width:150px;margin-left:-75px;pointer-events:none;
background:linear-gradient(90deg,transparent,rgba(0,0,0,.14) 40%,rgba(0,0,0,.34) 49.6%,rgba(255,255,255,.07) 50.4%,rgba(0,0,0,.14) 60%,transparent)}
.bk32-top{position:absolute;left:0;right:0;top:0;height:34%;z-index:25;pointer-events:none;background:linear-gradient(180deg,rgba(10,11,13,.62),rgba(10,11,13,.24) 52%,transparent)}
.bk32-bot{position:absolute;left:0;right:0;bottom:0;height:22%;z-index:25;pointer-events:none;background:linear-gradient(0deg,rgba(10,11,13,.5),transparent)}
.bk32-cap{position:absolute;left:clamp(24px,7vw,120px);bottom:clamp(22px,4svh,40px);z-index:30;font-family:var(--mono,monospace);font-size:10px;letter-spacing:.32em;color:var(--gold,#d9a441);background:rgba(14,14,16,.55);padding:6px 10px;pointer-events:none;transition:opacity .3s}
.bk32-count{position:absolute;right:clamp(24px,5vw,80px);bottom:clamp(22px,4svh,40px);z-index:30;font-family:var(--mono,monospace);font-size:10px;letter-spacing:.32em;color:rgba(236,236,232,.78);pointer-events:none}
/* book32 v2 (Eli 8 Oct): the films sit on the cloud sky too - the blurred photo behind the film goes; a soft shade seats the film on the sky */
.walk img.fill{display:none!important}
.walk .pin::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 62% 74% at 50% 52%,rgba(8,9,11,.4),rgba(8,9,11,.14) 62%,transparent 84%)}
.walk .scope{box-shadow:0 40px 120px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.06)}
.walk .vcap h2,.walk .vcap .meta{text-shadow:0 2px 28px rgba(0,0,0,.5)}