:root{--black:#101010;--panel:#171717;--deep:#0b0b0b;--orange:#ed8224;--orange-lite:#ffa04f;--white:#f7f7f5;--muted:#a5a49e;--hair:#373737;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.28!important;cursor:not-allowed!important}button:focus-visible,a:focus-visible,input:focus-visible,.flip-stage:focus-visible,.scroll-stage:focus-visible{outline:2px solid var(--orange);outline-offset:4px}::selection{background:var(--orange);color:#0c0c0c}[hidden]{display:none!important}.orange{color:var(--orange)}.svg-library{position:absolute;overflow:hidden;width:0;height:0;pointer-events:none}.icon{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}body{overflow-x:hidden}.grain{position:fixed;pointer-events:none;inset:0;background-image:radial-gradient(#fff1 0.55px,transparent .65px);background-size:6px 6px;opacity:.09;z-index:0}.skip-link{position:absolute;z-index:30;top:-100px;left:20px;background:var(--orange);padding:12px;color:#0d0d0d}.skip-link:focus{top:12px}.site-header,main,.footer{position:relative;z-index:1}.site-header{height:84px;display:flex;align-items:center;gap:29px;border-bottom:1px solid #303030;padding:0 clamp(20px,5vw,82px)}.wordmark{display:flex;flex-direction:column;align-items:flex-start;white-space:nowrap;font-family:Impact,'Arial Black',sans-serif;font-weight:900;line-height:.85;letter-spacing:.02em}.wordmark-top{font-size:27px}.wordmark-top span{color:var(--orange)}.wordmark small{font-size:9px;letter-spacing:.54em;align-self:flex-end;margin-top:8px;color:var(--orange)}.header-divider{height:34px;width:1px;background:#454545}.header-label,.back-site{font-size:10px;font-weight:800;letter-spacing:.17em}.header-label{color:#a6a5a0}.header-accent{padding:0 5px;color:var(--orange)}.back-site{display:flex;align-items:center;gap:12px;margin-left:auto;white-space:nowrap}.back-site:hover,.footer a:hover{color:var(--orange)}.back-site .icon{width:15px}.intro{max-width:1540px;padding:clamp(38px,5vw,75px) clamp(20px,5vw,82px) 40px;margin:auto}.eyebrow{letter-spacing:.2em;font-weight:800;font-size:10px}.intro .eyebrow{display:flex;align-items:center;gap:13px;color:#b9b8b4}.eyebrow .bar{width:29px;height:3px;background:var(--orange)}.intro-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.6fr);gap:50px;align-items:end}.intro h1,.ending h2{font-family:Impact,'Arial Narrow','Arial Black',sans-serif;font-weight:900;letter-spacing:.004em;line-height:.91;white-space:normal}.intro h1{font-size:clamp(56px,8.45vw,127px);margin:21px 0 0}.intro h1 em{font-style:normal;color:var(--orange)}.intro-right{margin-bottom:7px}.intro-right p{font-size:clamp(14px,1.1vw,17px);line-height:1.78;color:#d0cec9;max-width:390px;margin:0 0 24px}.edition{font-size:9px;letter-spacing:.14em;color:#8f8d89}.edition b{color:var(--orange)}.reader-frame{max-width:1380px;margin:16px auto 0;background:#141414;border:1px solid #414141;box-shadow:0 32px 94px #0008}.frame-header{display:flex;justify-content:space-between;align-items:center;min-height:49px;padding:10px 26px;border-bottom:1px solid #353535;font-size:10px;font-weight:800;letter-spacing:.17em}.file-meta{display:flex;align-items:center;gap:11px;min-width:0}.file-meta #doc-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:min(43vw,490px)}.meta-dot{height:7px;width:7px;border-radius:99px;background:var(--orange);box-shadow:0 0 12px #ed822470}.demo-label{font-size:8px;letter-spacing:.13em;border:1px solid var(--orange);color:var(--orange);padding:3px 7px;white-space:nowrap}.frame-label{color:#989895;white-space:nowrap}.frame-label span{color:var(--orange)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 19px;background:#1a1a1a;border-bottom:1px solid #393939;min-height:67px}.mode-switch{border:1px solid #484848;background:#101010;display:flex;flex:none;padding:3px}.mode{border:0;color:#b6b6b2;background:transparent;display:flex;align-items:center;gap:10px;min-height:38px;font-size:10px;font-weight:800;letter-spacing:.1em;padding:10px 17px;transition:background .2s,color .2s}.mode .icon{width:16px;height:16px}.mode.is-active{color:#161616;background:var(--orange)}.mode:hover:not(.is-active){background:#2c2c2c}.toolbar-cluster{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}.tool-btn{background:transparent;border:1px solid transparent;color:#ddd;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 10px;font-size:10px;font-weight:800;letter-spacing:.11em;white-space:nowrap}.tool-btn:hover{background:#303030;border-color:#4a4a4a}.tool-btn .icon{height:17px;width:17px}.tool-divider{height:22px;width:1px;background:#4a4a4a;margin:0 8px}.zoom-label{min-width:49px;font-size:12px;letter-spacing:0}.download-action{border-color:var(--orange);color:var(--orange);margin-left:4px}.download-action:hover{background:var(--orange);color:#111}.reading-layout{position:relative}.reader-window{height:clamp(365px,66vh,805px);position:relative;background:radial-gradient(ellipse 52% 60% at 51% 42%,#2f2b26,#1c1c1c 62%,#151515 100%);overflow:hidden}.reader-window:before,.reader-window:after{content:"";pointer-events:none;position:absolute;inset:0}.reader-window:before{background:linear-gradient(90deg,transparent 49.9%,#fff0 50%,transparent 50.1%);z-index:0}.reader-window:after{background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:38px 38px;opacity:.18;z-index:0}.reader-loading,.reader-error{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#bbb;text-align:center;padding:35px}.reader-loading>span{letter-spacing:.3em;font-size:11px;font-weight:800;animation:pulse 1.4s ease-in-out infinite}.loading-mark{font-family:Impact,'Arial Black',sans-serif;font-size:78px;line-height:1;font-weight:900;letter-spacing:.07em}.loading-mark span{color:var(--orange)}@keyframes pulse{50%{opacity:.34}}.reader-error{background:#191919;color:var(--white)}.reader-error strong{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(32px,5vw,63px)}.reader-error p{margin:0;color:#c4c4c4;max-width:570px}.reader-error code{color:var(--orange)}.flip-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:auto;padding:34px 40px 56px;scrollbar-width:thin;scrollbar-color:#5a5a5a #171717;touch-action:pan-y}.flip-stage.is-pannable{cursor:grab;touch-action:none}.flip-stage.is-panning{cursor:grabbing;user-select:none}
.book{position:relative;flex:none;margin:auto;perspective:2300px;isolation:isolate;max-width:none;filter:drop-shadow(0 21px 26px #000a);--cols:2}
.book-content{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));height:100%;overflow:hidden;background:transparent;box-shadow:0 0 0 1px #ffffff0e}
.page{height:100%;min-width:0;position:relative;background:#ebe8df;overflow:hidden;box-shadow:inset 0 0 10px #0002}
.page.blank{background:transparent;box-shadow:none}
.page img{display:block;width:100%;height:100%;object-fit:fill;user-select:none;-webkit-user-drag:none}
.page.half-left img,.page.half-right img{position:absolute;top:0;width:200%;max-width:none;height:100%;object-fit:fill}
.page.half-left img{left:0}.page.half-right img{left:-100%}
.book[data-spread=true]:after{content:"";position:absolute;z-index:4;top:0;bottom:0;left:50%;transform:translateX(-50%);width:12px;background:linear-gradient(90deg,#0005,#fff1 40%,#0005 70%,#0004);pointer-events:none}
.book[data-group=cover-front] .page:last-child{box-shadow:-8px 3px 14px #000a,3px 1px 3px #0009}
.book[data-group=cover-back] .page:first-child{box-shadow:8px 3px 14px #000a,-3px 1px 3px #0009}
.turn-hint{position:absolute;bottom:15px;left:0;right:0;text-align:center;color:#99968f;font-size:9px;letter-spacing:.16em;font-weight:800;pointer-events:none}
.turn-hint span{color:var(--orange)}
.old-static{position:absolute;z-index:6;top:0;bottom:0;width:50%;pointer-events:none;animation:oldPageVanish .88s linear both}
.old-static.old-left{left:0}.old-static.old-right{right:0}.old-static.old-entire{width:100%;left:0}
.old-static>.page,.old-static>.book-content{height:100%}
@keyframes oldPageVanish{0%,46%{opacity:1}56%,100%{opacity:0}}
.turn-leaf{position:absolute;z-index:8;top:0;bottom:0;width:50%;pointer-events:none;transform-style:preserve-3d;will-change:transform}
.turn-leaf.turn-forward{left:50%;transform-origin:left center;animation:bookTurnForward .88s cubic-bezier(.32,.06,.18,1) both}
.turn-leaf.turn-backward{left:0;transform-origin:right center;animation:bookTurnBackward .88s cubic-bezier(.32,.06,.18,1) both}
.turn-leaf.turn-single{width:100%;left:0;right:0}
.turn-side{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:#111;box-shadow:inset 0 0 28px #0005,0 8px 24px #0006}
.turn-side .page,.turn-side>.book-content{height:100%}.turn-side .page{width:100%}
.turn-side.turn-rear{transform:rotateY(180deg)}
@keyframes bookTurnForward{0%{transform:rotateY(0deg)}100%{transform:rotateY(-179.95deg)}}
@keyframes bookTurnBackward{0%{transform:rotateY(0deg)}100%{transform:rotateY(179.95deg)}}
.book-edge{position:absolute;z-index:5;top:50%;transform:translateY(-50%);border:1px solid #ffffff45;border-radius:50%;height:42px;width:42px;padding:0;display:grid;place-items:center;background:#181818d9;box-shadow:0 6px 12px #0007;color:#f3e9db;transition:border-color .2s,background .2s,color .2s;user-select:none}.book-edge .icon{width:18px;height:18px;stroke-width:2.4;display:block}
.book-edge:hover:not(:disabled){background:var(--orange);color:#111;border-color:var(--orange)}
.book-edge:disabled{opacity:.15;cursor:default}
.book-edge-prev{left:9px}.book-edge-next{right:9px}
.layout-mode{font-size:9px!important;white-space:nowrap;letter-spacing:.07em!important;border:1px solid #555!important;color:var(--orange)!important;padding:8px 11px!important}
.layout-mode:hover{border-color:var(--orange)!important}
.scroll-stage{position:absolute;inset:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#666 #191919;scroll-behavior:smooth;overscroll-behavior:contain}.scroll-list{display:flex;align-items:center;flex-direction:column;gap:29px;min-height:100%;padding:33px 20px 80px;min-width:max-content;margin:auto;width:100%}.scroll-sheet{display:flex;flex-direction:column;gap:9px;align-items:center;scroll-margin-top:24px}.scroll-sheet img{display:block;height:auto;background:#efebe5;max-width:none;box-shadow:0 17px 35px #0009;border:1px solid #444}.scroll-sheet .scroll-caption{font-size:10px;color:#aba9a4;letter-spacing:.14em;font-weight:800}.thumbnails{position:absolute;z-index:15;top:0;bottom:0;left:0;width:min(305px,90vw);background:#161616;border-right:1px solid #444;box-shadow:15px 0 35px #0009;transform:translateX(-103%);transition:transform .32s var(--ease);display:flex;flex-direction:column;visibility:hidden}.thumbnails.open{transform:translateX(0);visibility:visible}.thumb-head{display:flex;align-items:center;justify-content:space-between;padding:22px 18px 15px;border-bottom:1px solid #424242;font-size:11px;letter-spacing:.14em;font-weight:800}.thumb-head b{color:var(--orange);margin-left:6px}.thumb-head button{background:none;border:0;color:white}.thumb-list{overflow-y:auto;padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start;scrollbar-width:thin}.thumb-item{border:1px solid #414141;background:#242424;display:flex;flex-direction:column;gap:7px;align-items:center;padding:8px;color:#bbb;min-width:0}.thumb-item img{width:100%;aspect-ratio:var(--thumb-ratio,1.6);object-fit:contain;background:#333}.thumb-item span{letter-spacing:.1em;font-size:10px;font-weight:800}.thumb-item:hover,.thumb-item.active{border-color:var(--orange);color:var(--orange)}.bottom-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;min-height:94px;background:#191919;border-top:1px solid #3c3c3c}.page-nav{display:flex;align-items:center;gap:12px;border:1px solid #464646;background:none;color:#f4f3f0;padding:13px 15px;min-width:168px;font-size:10px;font-weight:800;letter-spacing:.16em}.page-nav:hover:not(:disabled){border-color:var(--orange);color:var(--orange)}.page-nav-next{justify-content:flex-end}.page-nav .icon{color:var(--orange)}.page-position{flex:1;max-width:245px;text-align:center}.tiny-label{font-size:8px;letter-spacing:.15em;color:#999;font-weight:800}.page-readout{display:flex;align-items:center;justify-content:center;gap:7px;margin:3px auto 8px;font-size:13px;font-weight:800}.page-readout label{font-size:9px;letter-spacing:.1em}.page-readout input{color:#fff;text-align:center;background:#303030;border:1px solid #646464;width:47px;font-size:14px;padding:4px 2px;border-radius:2px;appearance:textfield}.page-readout input::-webkit-inner-spin-button{appearance:none}.page-readout .of{color:#888}.progress-track{height:2px;background:#454545;width:100%}.progress-fill{height:100%;background:var(--orange);width:0;transition:width .3s}.under-reader{max-width:1380px;margin:auto;padding:19px 4px 0;display:flex;align-items:center;justify-content:space-between;color:#95938f;font-size:9px;letter-spacing:.13em;font-weight:800}.under-reader .dot{color:var(--orange);padding:0 12px}.under-reader kbd{font-size:14px;font-family:inherit;color:#eee}.under-reader button{background:none;border:0;color:#c6c4be;font-size:9px;letter-spacing:.12em;display:flex;align-items:center;gap:9px}.under-reader button:hover{color:var(--orange)}.under-reader .icon{width:15px}.ending{max-width:1380px;margin:108px auto 108px;display:flex;align-items:end;justify-content:space-between;gap:30px;padding:32px 0;border-top:1px solid #424242}.ending .eyebrow{color:var(--orange)}.ending h2{font-size:clamp(42px,6vw,91px);margin:20px 0 0}.ending h2 span{color:var(--orange)}.ending-cta{border:1px solid var(--orange);color:var(--orange);padding:17px 19px;display:flex;align-items:center;gap:24px;font-size:10px;letter-spacing:.16em;font-weight:800;white-space:nowrap}.ending-cta:hover{background:var(--orange);color:#101010}.footer{border-top:1px solid #343434;max-width:1540px;margin:auto;padding:24px clamp(20px,5vw,82px);display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:10px;letter-spacing:.11em;color:#aaa}.toast{position:fixed;z-index:100;bottom:28px;left:50%;transform:translate(-50%,100px);opacity:0;background:var(--orange);color:#111;padding:11px 19px;font-size:11px;font-weight:800;letter-spacing:.08em;box-shadow:0 8px 24px #0009;pointer-events:none;transition:transform .27s,opacity .27s}.toast.visible{transform:translate(-50%,0);opacity:1}.reader-frame:fullscreen{max-width:none;width:100vw;height:100vh;height:100dvh;display:flex;flex-direction:column;background:#151515}.reader-frame:fullscreen .reading-layout{flex:1;min-height:0}.reader-frame:fullscreen .reader-window{height:100%}.reader-frame:fullscreen .bottom-bar{flex:0 0 auto}.reader-frame:fullscreen .frame-header{flex:0 0 auto}
@media (max-width:1460px){.reader-frame,.under-reader,.ending{margin-left:clamp(14px,4vw,45px);margin-right:clamp(14px,4vw,45px)}}
@media (max-width:1060px){.intro-grid{grid-template-columns:1fr;gap:22px}.intro-right{display:flex;gap:40px;align-items:end;justify-content:space-between}.intro-right p{margin-bottom:0}.intro h1{font-size:clamp(53px,10vw,100px)}.toolbar{flex-wrap:wrap}.toolbar-cluster{flex:1}.reader-window{height:60vh}.ending{margin-top:80px}}
@media (max-width:760px){.site-header{height:70px;padding:0 18px;gap:15px}.wordmark-top{font-size:22px}.header-divider,.header-label{display:none}.back-site{font-size:9px}.intro{padding:41px 20px 28px}.intro h1{font-size:clamp(44px,12vw,80px)}.intro-right{display:block}.intro-right p{margin:0 0 14px}.reader-frame{margin:8px 10px 0}.frame-header{padding:12px 14px;min-height:47px}.frame-label{display:none}.file-meta #doc-title{max-width:64vw}.toolbar{gap:7px;padding:9px;justify-content:center}.mode-switch{width:100%}.mode{flex:1;justify-content:center}.toolbar-cluster{justify-content:space-around;gap:0}.tool-divider{margin:0 2px}.download-action{padding:9px 11px}.tool-text{display:none}.reader-window{height:clamp(370px,60vh,690px)}.bottom-bar{padding:11px 9px;gap:8px}.page-nav{min-width:0;gap:7px;padding:10px;font-size:9px}.page-nav b{display:none}.page-position{max-width:170px}.tiny-label{display:none}.under-reader{margin:0 15px;padding:16px 0;flex-wrap:wrap;gap:12px}.ending{margin:61px 20px 66px;padding-top:27px;display:block}.ending-cta{display:inline-flex;margin-top:30px}.footer{font-size:9px}.turn-hint{font-size:8px}}
@media (max-width:410px){.wordmark-top{font-size:19px}.back-site{letter-spacing:.05em;font-size:9px}.back-site .icon{width:13px}.intro h1{font-size:clamp(42px,11.7vw,59px)}.tool-btn{padding:7px}.tool-btn .icon{width:15px}.page-nav span{display:none}.page-nav .icon{width:20px}.page-nav{padding:12px}.page-position{max-width:175px}.reader-window{height:440px}}
@media (prefers-reduced-motion:reduce){*,*::after,*::before{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.turn-leaf.turn-forward{transform:rotateY(-179.95deg)}.turn-leaf.turn-backward{transform:rotateY(179.95deg)}}

@media(max-width:760px){.flip-stage{padding:30px 30px 58px}.book-edge{width:30px;height:30px}.book-edge .icon{width:14px;height:14px}.book-edge-prev{left:3px}.book-edge-next{right:3px}.layout-mode{font-size:8px!important;padding:7px!important}}

@media(max-width:789px){.layout-mode{display:none!important}}


/* V6: One continuous visual system with the Plot Twist Creative main website. */
body{background:#0f0f0f;color:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.5}
.display{font-family:Impact,'Arial Narrow','Arial Black',sans-serif;letter-spacing:.01em;font-weight:900;line-height:.92;text-transform:uppercase}
.nav{position:fixed;top:0;left:0;right:0;height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:50;background:rgba(12,12,12,.91);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.2);padding:0 clamp(20px,5vw,80px)}
.brand{display:flex;align-items:center;gap:12px;font-family:Impact,'Arial Black',sans-serif;font-size:1.5rem;letter-spacing:.025em;line-height:1}
.brand .brand-image{display:block;width:clamp(145px,15.5vw,208px);height:auto;max-height:56px;object-fit:contain;object-position:left center}
.navlinks{display:flex;gap:clamp(16px,3vw,48px);align-items:center}
.navlinks a{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;white-space:nowrap}
.navlinks a:hover,.navlinks a:focus-visible,.navlinks a[aria-current="page"]{color:#ed8224}
.nav-cta{border:1px solid #ed8224;padding:10px 16px}
.navlinks .nav-cta:hover{color:#111;background:#ed8224}
.menu{display:none;border:1px solid #444;background:#111;color:#fff;padding:8px 12px}
.intro{padding-top:clamp(113px,9vw,151px)}
.intro h1{font-family:Impact,'Arial Narrow','Arial Black',sans-serif;letter-spacing:.01em;font-weight:900;line-height:.92;text-transform:uppercase}
#reader{scroll-margin-top:88px}
/* Book arrows are OUTSIDE the scrolling/dragging viewport. */
.book-controls{position:absolute;inset:0;z-index:6;pointer-events:none}
.book-controls .book-edge{pointer-events:auto}
.book-controls .turn-hint{z-index:0}
.flip-stage.is-pannable{cursor:grab;touch-action:none}
.flip-stage.is-panning{cursor:grabbing;user-select:none}
/* Covers are truly centred single PDFs, not offset into book slots. */
.book[data-group="cover-front"],.book[data-group="cover-back"]{margin:auto}
.book[data-group="cover-front"] .book-content,.book[data-group="cover-back"] .book-content{grid-template-columns:1fr}
.book[data-group="cover-front"] .page,.book[data-group="cover-back"] .page{width:100%;height:100%;box-shadow:0 12px 26px #000b}
.book-edge{padding:0}
.book-edge .icon{display:block;width:18px;height:18px;stroke-width:2.4}
.foot{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:28px 0;border-top:1px solid #333;color:#888;font-size:.72rem;letter-spacing:.06em}
.max{max-width:1440px;margin:auto;padding-left:clamp(20px,5vw,80px);padding-right:clamp(20px,5vw,80px)}
.foot button{border:0;background:none;color:#999;font:inherit}.foot button:hover{color:#ed8224}
@media(max-width:900px){.navlinks{gap:18px}}
@media(max-width:650px){.nav{height:66px}.brand{font-size:1.23rem}.brand .brand-image{width:155px;max-height:46px}.menu{display:block}.navlinks{display:none;position:absolute;top:66px;right:0;left:0;flex-direction:column;align-items:stretch;background:#111;border-bottom:1px solid #555;padding:22px}.navlinks.open{display:flex}.navlinks a{padding:11px}.navlinks .nav-cta{padding:11px}.intro{padding-top:105px}.foot{flex-wrap:wrap}}

/* V7 | The book stays the same physical size whether open or closed. */
.book[data-group="cover-front"] > .book-content,
.book[data-group="cover-back"] > .book-content {
  display:flex;
  justify-content:center;
  align-items:stretch;
  grid-template-columns:none;
  box-shadow:none;
}
.book[data-group="cover-front"] > .book-content > .page,
.book[data-group="cover-back"] > .book-content > .page {
  flex:0 0 50%;
  width:50%;
  min-width:0;
  height:100%;
  box-shadow:0 9px 21px #0009, 1px 0 2px #0006;
  cursor:pointer;
}
/* Keep one full-width page per view on narrow/mobile screens. */
@media(max-width:789px) {
  .book[data-group="single"] > .book-content > .page {width:100%;}
}

/* V9: independent book-opening stage. The underlying destination content is
   not painted until the turning sheet has finished, preventing doubled pages. */
.book.book-cover-in-motion > .book-content { visibility:hidden; }
.book-cover-in-motion::after { visibility:hidden; }
.cover-transition-scene {
  position:absolute; inset:0; width:100%; height:100%; z-index:12;
  pointer-events:none; transform-style:preserve-3d;
}
.cover-scene-static,
.cover-scene-right,
.cover-scene-left,
.cover-scene-leaf {
  position:absolute; top:0; bottom:0; width:50%;
}
.cover-scene-static { left:25%; z-index:4; overflow:hidden; }
.cover-scene-right { left:50%; z-index:1; overflow:hidden; }
.cover-scene-left { left:0%; z-index:1; overflow:hidden; }
.cover-scene-leaf {
  left:50%; z-index:5; transform-origin:left center;
  transform-style:preserve-3d; will-change:transform;
}
.cover-scene-static > .page,
.cover-scene-right > .page,
.cover-scene-left > .page,
.cover-scene-leaf .turn-side > .page {
  width:100%; height:100%;
}
.cover-scene-static > .page { box-shadow:0 10px 28px #000a; }
.cover-scene-leaf .turn-side { box-shadow:inset 0 0 26px #0006,0 10px 24px #0005; }

/* V16: five-item navigation; switch to the existing accessible mobile menu on tablet. */
@media (min-width:651px) and (max-width:980px) {
  .menu{display:block}
  .navlinks{display:none;position:absolute;top:76px;right:0;left:0;flex-direction:column;align-items:stretch;background:#111;border-bottom:1px solid #555;padding:22px}
  .navlinks.open{display:flex}
  .navlinks a{padding:11px}
}
@media (min-width:981px) and (max-width:1140px) {
  .navlinks{gap:16px}
  .navlinks a{font-size:.66rem;letter-spacing:.1em}
  .brand .brand-image{width:155px}
}