/* Cinematic composition. Motion follows the reader, never the other way around. */
.site-header{backdrop-filter:none;background:linear-gradient(#050505c9,transparent);border:0;transition:background .25s}.site-header.is-reading{background:#050505ed}.site-header .journey-progress{opacity:.4}.opening{height:190svh;min-height:0}.opening-stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}.room{position:absolute!important;inset:0;margin:0;height:100%;width:100%;z-index:-2}.room picture{transform:scale(var(--cinema-room-scale,1.08)) translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0);opacity:1;will-change:transform}.room img{object-position:center center;filter:brightness(.5) saturate(.67)}.room-shade{background:radial-gradient(ellipse at 50% 44%,#05050512 15%,#05050566 75%),linear-gradient(0deg,#050505f5,transparent 25%,#05050530 65%,#05050566);opacity:var(--cinema-shade,1)}.hero{position:absolute;inset:0;display:grid;place-items:center;min-height:0;padding:70px 24px 30px;max-width:none;text-align:center}.hero-copy{width:100%;max-width:none;opacity:var(--cinema-title-alpha,1)!important;transform:translateY(var(--cinema-title-y,0px))!important}.hero-overline{font-size:13px;letter-spacing:0;color:#e0d2b8;margin:0 0 0!important}.hero h1{font-size:clamp(150px,21vw,300px);line-height:1.18;text-shadow:0 12px 65px #0005;font-weight:700;margin:12px 0 0}.hero-sub{font-family:ThmanyahDisplay;font-size:clamp(28px,3.1vw,44px);line-height:1.8;margin:0}.hero-sub br{display:none}.hero-sub br:after{content:' '}.hero-sub{word-spacing:.08em}.start{margin-top:26px;padding:8px 0;border:0;gap:15px;font-size:14px;flex-direction:column}.start span{display:block;line-height:1;height:37px;font-size:24px;color:#d6b689}.hero-bottomline{font-size:12px;color:#b3a38d;position:absolute;bottom:26px;left:0;right:0;margin:0!important}.opening-bridge{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:100px 25px;text-align:center;font-size:clamp(37px,5.3vw,78px);line-height:1.75;opacity:var(--bridge-alpha,0);transform:translateY(var(--bridge-y,30px));pointer-events:none}.opening-bridge>p{max-width:1000px}.opening-bridge .opening-question{font-family:ThmanyahSans;font-size:clamp(17px,2vw,23px);color:var(--muted);margin-top:35px}.introduction{padding-top:100px;padding-bottom:160px}.introduction .prose>p:first-of-type{font-family:ThmanyahDisplay;font-size:clamp(29px,3.2vw,43px);line-height:1.85;margin-bottom:60px}.chapter-heading h2{text-wrap:balance;max-width:950px;line-height:1.45}.chapter:not(.wide-scene)>.chapter-heading{padding-block:35px 20px}.chapter:not(.wide-scene)>.chapter-heading h2{font-size:clamp(40px,5vw,73px)}.chapter-reading .prose p{line-height:2.05}.stage-diagram{padding-top:15px}.stage-diagram .diagram{filter:drop-shadow(0 0 10px #c8a2730a)}.stage-caption{color:#c6beb1}.explorer{max-width:1000px;margin-top:70px;margin-bottom:100px;padding-top:35px}.chapter-transition .thought{font-size:clamp(26px,2.6vw,35px);line-height:1.8}.chapter-compass{position:fixed;inset:auto 28px 24px auto;z-index:9;display:grid;gap:2px;max-width:min(420px,calc(100% - 56px));opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease;color:#c8c0b4;background:#050505d9;padding:11px 15px 12px;border-inline-start:1px solid var(--accent);pointer-events:none}.compass-count{font-size:10px;color:var(--accent)}.compass-title{font:700 15px/1.65 ThmanyahDisplay;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chapter-compass.visible{opacity:1;transform:none}
/* Full-width, materially different scenic chapters. */
.wide-scene{padding-top:50px;isolation:isolate}.wide-scene .scroll-layout{display:block;width:100%;position:relative;direction:rtl}.wide-scene .cinema-visual{height:100svh;max-height:none;min-height:0;top:0;position:sticky;width:100%;margin:0 0 -100svh;padding:0;overflow:hidden;z-index:-1;background:#050505}.wide-scene .cinema-visual .stage-photo{position:absolute;inset:0}.wide-scene .cinema-visual .stage-photo img{width:100%;height:100%;object-fit:cover;transform:scale(var(--wide-scale,1.02));filter:brightness(var(--wide-light,.5));object-position:center;opacity:1}.wide-scene .cinema-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#05050505,#05050544 35%,#050505e8 63%,#050505f5),linear-gradient(0deg,#050505,transparent 23%,transparent 75%,#050505)}.wide-scene.chapter-6 .cinema-visual:after{background:linear-gradient(90deg,#050505f0,#050505cc 42%,#05050533 75%,#05050510),linear-gradient(0deg,#050505,transparent 25%,transparent 75%,#050505)}.wide-scene .cinema-visual .stage-diagram,.wide-scene .cinema-visual .stage-caption,.wide-scene .cinema-visual .scene-track,.wide-scene .cinema-visual .stage-notice,.wide-scene .cinema-visual .explore-link,.wide-scene .cinema-visual .scene-kicker{display:none}.wide-scene .stage-photo figcaption{position:absolute;bottom:80px;left:35px;width:30%;font-size:11px;line-height:1.9;z-index:2;background:transparent;color:#d2c7b7;padding:15px}.wide-scene.chapter-6 .stage-photo figcaption{left:auto;right:35px}.wide-scene .chapter-reading{width:min(610px,44%);margin-right:7vw;margin-left:auto;padding-top:22vh;padding-bottom:12vh;min-height:135svh}.wide-scene.chapter-6 .chapter-reading{margin-left:7vw;margin-right:auto}.wide-scene .chapter-heading{width:100%;margin:0 0 65px}.wide-scene .chapter-heading h2{font-size:clamp(45px,4.8vw,69px)}.wide-scene .chapter-reading .prose{width:100%}.wide-scene .quran{background:#050505ed;padding:35px 15px}.wide-scene .explorer{position:relative;background:#050505}.wide-scene.chapter-11 .cinema-visual .stage-photo img{object-position:25% center;filter:brightness(.35) saturate(.7)}.chapter-12{padding-top:140px}.scroll-ending{padding-bottom:35px}.scroll-ending .prose{background:linear-gradient(90deg,transparent,#050505df 12%,#050505df 88%,transparent);padding:30px 28px}.dawn-sticky img{filter:saturate(.8)}
/* A real continuous reveal: the room masks the same live stellar canvas. */
.sky-portal{height:240svh;position:relative;margin:0;isolation:isolate}.portal-scene{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}.portal-room{position:absolute;inset:0;z-index:-1;mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);mask-repeat:no-repeat;mask-size:100% 100%,var(--portal-w,22vw) var(--portal-h,65vh);mask-position:center;mask-composite:exclude;-webkit-mask-composite:xor;opacity:var(--portal-room-opacity,1)}.portal-room img{width:100%;height:100%;object-fit:cover;object-position:20% center;filter:brightness(.3) saturate(.5);transform:scale(var(--portal-zoom,1.05));transform-origin:25% center}.portal-frame{position:absolute;left:50%;top:50%;width:var(--portal-w,22vw);height:var(--portal-h,65vh);transform:translate(-50%,-50%);border:10px solid #171411;box-shadow:0 0 0 1px #9c805d55,inset 0 0 45px #000a,0 0 80px #0008;pointer-events:none;opacity:var(--frame-opacity,1)}.window-mullion{position:absolute;top:0;bottom:0;left:50%;width:5px;background:#171411;box-shadow:1px 0 #9c805d33;opacity:var(--mullion-opacity,1)}.portal-note{position:absolute;right:7vw;top:50%;transform:translateY(-50%);max-width:33%;opacity:var(--portal-note-opacity,1);font:clamp(34px,4.8vw,65px)/1.65 ThmanyahDisplay;pointer-events:none}.portal-note p+p{margin-top:0}.portal-note span{font:16px/2 ThmanyahSans;display:block;color:var(--muted);margin-top:30px}.portal-scene .next-journey{position:absolute;inset:0;min-height:0;padding:80px 24px 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:var(--portal-copy-opacity,0);transform:translateY(var(--portal-copy-y,30px));pointer-events:none;visibility:hidden}.portal-scene.sky-ready .next-journey{visibility:visible;pointer-events:auto}.next-journey .sky-eyebrow{font-size:13px;margin:0 0 5px}.next-journey .next-link{font-size:clamp(105px,15vw,215px);margin:0;line-height:1.4}.next-journey .next-link span{font-size:16px;margin:0 0 35px}.next-journey .prose{font-size:clamp(16px,1.6vw,21px);line-height:1.9;max-width:760px;width:min(100%,760px);color:#d7d0c5}.next-journey .prose p{margin:0}.nathar-reveal{margin-bottom:30px;min-height:95svh}.nathar-copy h2{font-size:clamp(56px,6vw,86px)}
@media(max-width:850px){.opening{height:165svh}.hero{padding:60px 20px 45px}.hero h1{font-size:clamp(148px,39vw,220px);margin:5px 0 15px}.hero-sub{font-size:28px;max-width:310px;margin-inline:auto}.hero-sub br{display:block}.hero-copy{padding-bottom:25px}.hero-overline{font-size:12px}.hero-bottomline{bottom:15px;font-size:11px}.room picture,.room img{object-position:center}.room img{filter:brightness(.35) saturate(.65)}.start{margin-top:25px}.opening-bridge{font-size:38px;padding-inline:25px}.opening-bridge .opening-question{font-size:16px}.introduction{padding-top:65px;padding-bottom:90px}.introduction .prose>p:first-of-type{font-size:29px}.chapter:not(.wide-scene)>.chapter-heading{padding-block:10px}.chapter:not(.wide-scene)>.chapter-heading h2{font-size:40px}.chapter-visual:not(.cinema-visual){max-height:32svh}.chapter-compass{display:grid;inset:auto 16px 18px 16px;max-width:none;padding:10px 13px 11px;background:#050505e8}.compass-title{font-size:14px}.wide-scene{padding-top:0}.wide-scene .cinema-visual{top:0;max-height:none;height:100svh;z-index:-1;display:block;margin:0 0 -100svh;width:100%;padding:0}.wide-scene .cinema-visual .stage-photo{display:block;position:absolute;inset:0;width:100%;height:100%}.wide-scene .cinema-visual .stage-photo img{height:100%;width:100%;object-fit:cover;object-position:32% center;filter:brightness(.28)}.wide-scene .cinema-visual:after,.wide-scene.chapter-6 .cinema-visual:after{background:linear-gradient(0deg,#050505,transparent 20%,#05050565 65%,#050505 100%),linear-gradient(90deg,#05050545,#050505a8)}.wide-scene .chapter-reading,.wide-scene.chapter-6 .chapter-reading{width:calc(100% - 48px);margin:0 auto;padding-top:20vh;padding-bottom:70px;min-height:130svh}.wide-scene .chapter-heading{margin-bottom:45px}.wide-scene .chapter-heading h2{font-size:44px}.wide-scene .stage-photo figcaption,.wide-scene.chapter-6 .stage-photo figcaption{position:absolute;bottom:15px;left:24px;right:24px;width:auto;font-size:10px;line-height:1.6;padding:0;background:#050505a0}.wide-scene .quran{padding:25px 8px}.sky-portal{height:210svh}.portal-note{right:24px;left:24px;top:17%;max-width:none;transform:none;text-align:center;font-size:34px}.portal-note span{font-size:13px;margin-top:13px}.portal-frame{border-width:7px}.portal-scene .next-journey{padding:85px 24px 35px}.next-journey .next-link{font-size:112px}.next-journey .prose{font-size:17px;line-height:1.95}.next-journey .next-link span{font-size:14px;margin-bottom:20px}.next-journey .sky-eyebrow{font-size:12px}.nathar-reveal{padding-top:45px}.nathar-copy h2{font-size:56px}.scroll-ending .prose{padding-inline:12px}}
@media(max-height:600px){.hero h1{font-size:120px;line-height:1}.hero-sub{font-size:22px}.hero-overline,.hero-bottomline{display:none}.start{margin-top:5px;flex-direction:row}.hero{padding-top:70px}.portal-scene .next-journey{padding-top:65px}.next-journey .next-link{font-size:80px;line-height:1.1}.next-journey .prose{font-size:14px;max-width:600px;line-height:1.6}.next-journey .next-link span{margin-bottom:10px}.portal-note{font-size:30px}}
.motion-off .opening{height:auto}.motion-off .opening-stage{position:relative;height:auto;min-height:100svh}.motion-off .hero{position:relative;min-height:100svh}.motion-off .opening-bridge{position:relative;opacity:1;transform:none;padding:70px 25px;background:#050505}.motion-off .hero-copy{opacity:1!important;transform:none!important}.motion-off .wide-scene .cinema-visual{position:absolute;inset:0;height:100%;margin:0}.motion-off .sky-portal{height:auto}.motion-off .portal-scene{position:relative;height:auto;min-height:100svh}.motion-off .portal-room,.motion-off .portal-frame,.motion-off .portal-note{display:none}.motion-off .portal-scene .next-journey{position:relative;opacity:1;transform:none;visibility:visible;pointer-events:auto;min-height:100svh}.motion-off .chapter-compass{transition:none}
@media print{.opening,.sky-portal,.cinema-visual,.chapter-compass{display:none!important}.wide-scene .chapter-reading{width:100%;margin:0;padding:0}.wide-scene .quran{background:white}.wide-scene .explorer{display:none}.scroll-ending .prose{background:white}}
.hero-sub span{display:inline-block}.hero-sub span+span{margin-inline-start:.15em}.portal-room{mask-position:center,center var(--portal-top,17.5svh)}.portal-frame{top:var(--portal-center,50%)}
@media(max-width:850px){.hero-sub span{display:block}.hero-sub span+span{margin-inline-start:0}}
#portal-stars{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none;background:#050505}
.portal-room{mask-position:center,var(--portal-left,10vw) var(--portal-top,-2.5svh)}.portal-frame{left:var(--portal-center-x,25vw)}