/* A rigid cover and independently bending paper leaves over the original photographs. */
.immersive #story{z-index:3}
.quran-stage{position:fixed;inset:0;z-index:2;overflow:hidden;pointer-events:none;visibility:hidden;perspective:1800px}
.quran-rig{position:absolute;width:1200px;height:1200px;transform-origin:50% 34%;transform-style:flat;will-change:transform,left,top}
.quran-rig.is-reframing{transition:transform .75s ease,left .75s ease,top .75s ease}
.quran-paper-canvas{position:absolute;left:0;top:-400px;width:1200px;height:1600px;z-index:3;pointer-events:none;visibility:hidden}
.quran-table{position:absolute;inset:0;width:100%;height:100%;filter:brightness(.77) saturate(.85);transform-origin:50% 34%;transform:scaleY(calc(1.15 + var(--read,0)*1.1));pointer-events:none}
.quran-ground-shadow{position:absolute;left:8%;right:8%;top:79%;height:10%;border-radius:50%;background:#0b0b06a8;filter:blur(24px)}
.quran-volume{position:absolute;z-index:2;left:50%;top:34%;width:860px;height:620px;margin:-310px 0 0 -430px;transform-origin:50% 50%;transform-style:preserve-3d}
.quran-half{position:absolute;top:0;width:430px;height:620px;transform-style:preserve-3d}
.quran-left{left:0}.quran-right{left:430px}
.quran-face{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;background:#f5e8ca;border-radius:3px 9px 9px 3px;transform:translateZ(11px)}
.quran-left .quran-face{border-radius:9px 3px 3px 9px}
.quran-face img,.quran-cover-art img,.quran-paper-photo img{position:absolute;left:0;top:0;max-width:none;transform-origin:0 0;pointer-events:none}
.quran-face::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#37261742,transparent 11%,transparent 90%,#774d1922);pointer-events:none}
.quran-left .quran-face::after{background:linear-gradient(90deg,#774d191c,transparent 10%,transparent 89%,#37261766)}
.quran-cover-hinge{position:absolute;left:0;top:0;width:430px;height:620px;transform-origin:100% 50%;transform-style:preserve-3d;will-change:transform}
.quran-cover-outside,.quran-cover-inside{position:absolute;inset:-4px;backface-visibility:hidden;border:3px solid #182031;border-radius:5px;box-shadow:0 0 1px 1px #b09859;overflow:hidden}
.quran-cover-outside{background:#131f33;transform:translateZ(3px)}
.quran-cover-art{position:absolute;left:1px;top:1px;width:430px;height:620px;overflow:hidden;transform:rotate(180deg)}
.quran-cover-outside::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,#f8dca319,transparent 60%,#0002)}
.quran-cover-inside{transform:rotateY(180deg) translateZ(3px);background:linear-gradient(90deg,#25261c44,transparent 18%),#d2c49d;box-shadow:inset 0 0 0 12px #14272a,inset 0 0 0 14px #9c884f}
.quran-leaves{position:absolute;inset:0;transform-style:preserve-3d}
.quran-leaf{position:absolute;left:430px;top:0;width:0;height:620px;transform-style:preserve-3d;visibility:hidden}
.quran-paper-strip{position:absolute;top:0;height:620px;transform-origin:100% 50%;transform-style:preserve-3d}
.quran-paper-face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;background:#f3e5c9;box-shadow:0 1px 0 #ba9e70}
.quran-paper-front{transform:translateZ(.3px)}
.quran-paper-back{transform:rotateY(180deg) translateZ(.3px)}
.quran-paper-photo{position:absolute;top:0;width:430px;height:620px}
.quran-paper-face::after{content:'';position:absolute;inset:0;background:rgba(45,29,9,var(--paper-shade,0));pointer-events:none}
.quran-board{position:absolute;inset:-5px;transform:translateZ(-15px);background:#152031;border:2px solid #b69555;border-radius:5px;box-shadow:0 17px 28px #130a075c}
.quran-edge{position:absolute;background:repeating-linear-gradient(0deg,#cdb48c 0px,#f0dfb8 1px,#dfc9a2 2px,#f0dfb8 3px);backface-visibility:hidden}
.quran-edge-bottom{width:430px;height:26px;left:0;top:620px;transform-origin:top;transform:translateZ(11px) rotateX(-90deg)}
.quran-edge-side{width:26px;height:620px;top:0;right:0;transform-origin:right;transform:translateZ(11px) rotateY(-90deg);background:repeating-linear-gradient(90deg,#d0b58d 0px,#f0dfb8 1px,#dfc9a2 2px,#f0dfb8 3px)}
.quran-left .quran-edge-side{right:auto;left:0;transform-origin:left;transform:translateZ(11px) rotateY(90deg)}
.quran-ribbon{position:absolute;left:425px;top:605px;width:10px;height:90px;background:linear-gradient(90deg,#795627,#d8b76b,#795627);transform:translateZ(3px);border-radius:0 0 5px 2px;opacity:var(--open)}
.immersive .program .scene-content::after{opacity:calc(1 - var(--reading-focus,0))}
.reading-quran .route{opacity:.3}.reading-quran .world .shade{opacity:.65}
.immersive .finale{align-items:center;justify-content:flex-start;padding:100px 7%}
.immersive .finale .scene-window{max-width:310px}.finale h2{font-size:clamp(24px,2.35vw,30px);line-height:1.16;letter-spacing:-.4px;text-wrap:balance}.finale .final-thought{font-size:13px!important}
.immersive .quran-open,.immersive .quran-read{padding:0;display:block;transform:none!important}
.immersive .quran-open .scene-window,.immersive .quran-read .scene-window{position:absolute;inset:0;max-width:none;max-height:none;overflow:visible}
.immersive .quran-open .scene-content,.immersive .quran-read .scene-content{height:100%;transform:none!important}
.opening-note{position:absolute;bottom:80px;left:10%;right:10%;text-align:center;font-size:11px;letter-spacing:1.5px;text-shadow:0 2px 15px #061e16}
.quran-conclusion{position:absolute;bottom:65px;left:10%;right:10%;display:flex;align-items:center;justify-content:space-between;gap:30px;text-shadow:0 2px 15px #051811}
.quran-conclusion h2{font-size:29px;letter-spacing:-.7px;margin:0}.quran-conclusion h2 em{white-space:nowrap}
.quran-conclusion .text-link{margin:0;white-space:nowrap;color:#f5e7bf}
.book-controls{position:absolute;bottom:118px;left:50%;transform:translateX(-50%);display:flex;gap:6px;align-items:center;white-space:nowrap}
.book-controls button{border:1px solid #ebd5a74d;background:#112921b3;color:#f7edd6;padding:8px 16px;font-size:10px;border-radius:20px;backdrop-filter:blur(10px)}
.book-controls button[aria-pressed=true]{background:#e9d4a7;color:#253c2b;border-color:#e9d4a7}
.book-controls button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.quran-static{display:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.still .quran-stage,.still .quran-open{display:none}.still .quran-read{display:block;padding:110px 8%;background:#122a21}
.still .quran-static{display:block;width:100%;height:auto;max-width:1200px;margin:0 auto 35px}.still .quran-conclusion{position:static;display:block}.still .quran-conclusion .text-link{margin-top:20px}.still .book-controls{display:none}
@media(max-width:760px){
 .immersive .finale{align-items:flex-start;justify-content:center;padding:104px 10% 0;text-align:center}.immersive .finale .scene-window{max-width:320px}.finale h2{font-size:21px;margin-bottom:12px}.finale .eyebrow{font-size:7px;margin-bottom:12px}.finale .final-thought{font-size:11px!important;line-height:1.7!important}.finale .text-link{font-size:11px;margin-top:8px}
 .quran-conclusion{bottom:63px;left:8%;right:8%;display:block;text-align:center}.quran-conclusion h2{font-size:24px;line-height:1.2}.quran-conclusion .text-link{font-size:11px;margin-top:16px;padding-bottom:4px}
 .book-controls{bottom:158px;gap:5px}.book-controls button{font-size:9px;padding:8px 13px}.opening-note{bottom:85px;font-size:9px;line-height:1.8;left:15%;right:15%}
}