@font-face{font-family:ThmanyahSans;src:url('fonts/thmanyahsans-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:ThmanyahSans;src:url('fonts/thmanyahsans-Medium.woff2') format('woff2');font-weight:500;font-display:swap}@font-face{font-family:ThmanyahSans;src:url('fonts/thmanyahsans-Bold.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:ThmanyahDisplay;src:url('fonts/thmanyahserifdisplay-Bold.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:ThmanyahText;src:url('fonts/thmanyahseriftext-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
:root{color-scheme:dark;--night:#080a0c;--light:#ede9df;--copy:#bec2c4;--quiet:#91999e;--dust:#ccb899;--line:#3b4145;--sans:ThmanyahSans,system-ui,sans-serif;--serif:ThmanyahText,serif;--display:ThmanyahDisplay,serif;--frame:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px;-webkit-text-size-adjust:100%}body{margin:0;background:var(--night);color:var(--light);font-family:var(--sans);font-size:18px;line-height:1.9;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance}p,li{text-wrap:pretty}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}a,button,summary{-webkit-tap-highlight-color:transparent}button,summary,input{font:inherit}button{cursor:pointer}a:hover,button:hover{color:var(--dust)}button{background:none;border:0;color:inherit}a,button{transition:color .2s,opacity .2s}button:active{transform:translateY(1px)}:focus-visible{outline:2px solid var(--dust);outline-offset:6px}img{display:block;max-width:100%;height:auto}::selection{background:#bca37f;color:#080a0c}[id]{scroll-margin-top:112px}main{position:relative;z-index:2}#starfield{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.cosmic-shade{position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at center,transparent 20%,#080a0122 70%,#080a0c55);opacity:.7}.skip-link{position:fixed;top:-100px;right:24px;background:var(--light);color:var(--night);padding:14px 24px;z-index:100}.skip-link:focus{top:16px}
.masthead{position:fixed;inset:0 0 auto;z-index:30;height:86px;display:flex;justify-content:space-between;align-items:center;padding:0 48px;gap:24px;background:linear-gradient(#080a0ced,#080a0cbb 70%,#080a0c00);font-size:12px}.brand{display:flex;align-items:center;gap:18px;text-decoration:none;min-height:44px}.brand img{width:35px;height:35px}.project-name{border-inline-start:1px solid #6c65574d;padding-inline-start:18px;font-size:16px}.masthead-note{font-size:11px;color:#a6aaab;position:absolute;left:50%;transform:translateX(-50%)}.masthead nav{display:flex;align-items:center;gap:28px}.masthead nav a,.masthead nav button{font-size:12px;text-decoration:none;padding:10px 0;min-height:44px}.menu-toggle span{margin-inline-start:9px;font-size:12px}.motion-toggle{color:#bcb4a5}.motion-toggle[aria-pressed=true]{color:var(--dust)}.progress-track{position:absolute;bottom:0;right:0;left:0;height:1px;overflow:hidden}#progress-fill{height:100%;width:100%;transform:scaleX(0);transform-origin:right;background:var(--dust)}
.hero{position:relative;min-height:100svh;display:grid;place-items:center;padding:140px 24px 150px;isolation:isolate}.hero-copy{text-align:center;max-width:800px}.eyebrow{color:var(--dust);font-size:12px;font-weight:500;margin-bottom:24px}.hero .eyebrow{font-size:13px;margin-bottom:4px}.hero h1{font:700 clamp(100px,15.6vw,240px)/1.2 var(--display);margin-inline:-12px;text-shadow:0 0 70px #080a0c88}.hero-question{font-family:var(--serif);font-size:clamp(24px,2.4vw,37px);line-height:1.65;color:#d6d5ce;margin-top:8px}.hero-coordinate{position:absolute;left:48px;top:50%;font-family:var(--sans);font-size:9px;letter-spacing:3px;writing-mode:vertical-rl;color:#90979b}.enter-journey{position:absolute;bottom:68px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:10px;align-items:center;text-decoration:none;font-size:11px;color:#c1c0b8;padding:10px 20px}.enter-arrow{font-size:26px;color:var(--dust);line-height:1}.hero-caption{position:absolute;bottom:44px;left:48px;right:48px;display:flex;justify-content:space-between;font-size:10px;color:#9a9d9e}.hero-scroll{direction:ltr}.reading-status{position:fixed;bottom:24px;left:34px;z-index:10;display:flex;gap:18px;align-items:center;font-size:10px;color:#999f9f;opacity:0;transition:opacity .4s;pointer-events:none;max-width:280px}.reading-status.visible{opacity:1}#current-chapter{max-width:210px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#reading-percent{font-variant-numeric:tabular-nums;color:var(--dust)}
#journey-menu{color:var(--light);background:#101417;border:1px solid #55584e66;max-width:880px;width:calc(100% - 48px);padding:36px 44px;max-height:calc(100svh - 80px);overflow:auto;box-shadow:0 40px 140px #0009}#journey-menu::backdrop{background:#04070af2}.menu-top{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.menu-top p{font:700 28px/1.6 var(--display)}.menu-close{font-size:12px;min-height:44px}.menu-foot{font-size:12px;color:var(--quiet);margin-top:24px}#journey-menu ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;column-gap:40px}#journey-menu li{border-bottom:1px solid #444b4f66}#journey-menu li a{display:flex;align-items:center;gap:18px;min-height:62px;font-size:15px;text-decoration:none}.menu-number{font-size:10px;color:var(--quiet)}#journey-menu a[aria-current=location]{color:var(--dust)}
.introduction{max-width:1120px;margin:0 auto;padding:150px 32px 100px;display:grid;grid-template-columns:1fr 1.55fr;gap:110px;align-items:start}.intro-heading{padding-top:12px}.intro-heading h2{font:700 58px/1.5 var(--display)}.intro-prose p{font-size:18px;line-height:2.1;color:var(--copy);margin-bottom:28px}.method{margin-top:40px;font-size:14px;color:var(--quiet)}.method h3,.method summary{font-size:12px;color:var(--dust);margin-bottom:14px}.method p{font-size:15px;color:#a5acae;line-height:2}
.chapter{position:relative;padding:100px max(40px,calc((100% - var(--frame))/2)) 64px;isolation:isolate}.chapter-heading{max-width:890px;margin:0 auto 72px;text-align:center}.chapter-heading .eyebrow{margin-bottom:18px}.chapter-heading h2{font:700 clamp(40px,5.4vw,80px)/1.5 var(--display);margin:0 0 20px}.chapter-heading .chapter-question{max-width:690px;margin:0 auto;font:400 22px/2 var(--serif);color:var(--copy)}.chapter-prose{min-width:0}.chapter-prose p{font-size:18px;line-height:2.12;color:var(--copy);margin:0 0 26px}.chapter-prose h3{font-size:21px;font-weight:500;line-height:1.7;color:var(--light);margin-bottom:24px}.prose-block{margin-bottom:46px}.prose-block:last-child{margin-bottom:0}.scene-composition{display:grid;grid-template-columns:1fr 1.05fr;gap:90px;align-items:start;direction:ltr}.scene-composition>*{direction:rtl}.visual-sticky{position:sticky;top:calc(50vh - 190px);align-self:start}.centered-prose{max-width:680px;margin:0 auto}.wide-scene{max-width:940px;margin:0 auto 70px}.science-figure{width:100%;margin:0}.diagram{display:block;width:100%;height:auto;overflow:visible}.diagram text{font-family:var(--sans);font-size:14px;fill:#b9b5ac;text-anchor:middle}.diagram path,.diagram ellipse{stroke-width:1.1}.science-figure figcaption{font-size:10px;text-align:center;color:#939b9f;margin-top:20px}.science-figure svg{filter:drop-shadow(0 0 34px #b5986a0a)}.signal-figure .ray{stroke-dasharray:5 11;stroke-dashoffset:0}.spectrum-figure{max-width:820px;margin:auto}.spectrum-figure .diagram{aspect-ratio:3.2;object-fit:contain}.lifecycle-figure{max-width:840px;margin:auto}.visual-control{font-size:12px;color:var(--quiet);display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:12px}.visual-control input{accent-color:var(--dust);width:180px;height:32px;cursor:ew-resize;direction:ltr}
.citation{display:inline-block;font-size:11px;color:#a99d88;text-decoration:none;margin:0 12px 24px 0;padding:6px 0;min-height:32px}.citation span{font-size:10px}.citation:hover{text-decoration:underline;color:#e1c398}.citation:target,.chapter-prose p:target{outline:1px solid #bba48288;outline-offset:12px}.scripture-zone{margin:60px 0;padding:30px 0}.scripture-zone h3{font-size:12px;color:var(--dust);margin-bottom:24px}.chapter-prose .verse{font-family:var(--serif);color:#e2dccb;font-size:25px;line-height:2.2;margin-bottom:28px}.chapter-prose .hadith{font-family:var(--serif);font-size:22px;color:#d6d1c3;line-height:2.05}.scripture-zone>p:not(.verse):not(.hadith){font-size:16px;color:#b5b9b9;line-height:2.15}.evidence-list{list-style:'−  ';padding-inline-start:22px;margin:20px 0 30px;color:var(--copy)}.evidence-list li{font-size:17px;line-height:2;margin-bottom:12px}.evidence-list li::marker{color:var(--dust)}.closing{margin-top:54px;padding-top:24px;border-top:1px solid #887c6638}.closing h3{font-size:11px;color:var(--dust)}.closing p{font-family:var(--serif);font-size:23px;color:#d9d5c9;line-height:1.95}.context-link{font-size:12px;color:var(--dust)}.chapter-bridge{font:400 25px/1.95 var(--serif);color:#a5aaa9;max-width:750px;text-align:center;margin:110px auto 20px;padding:40px 0}.chapter-bridge::before{content:'';display:block;width:1px;height:52px;background:linear-gradient(transparent,#98876b);margin:0 auto 38px}
.observation{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:80px;margin:0 auto 100px;max-width:1120px;direction:ltr}.observation>*{direction:rtl}.observation-image{min-width:0}.observation-image img{width:100%;height:auto;max-height:640px;object-fit:contain}.observation figcaption{max-width:360px}.observation .eyebrow{font-size:11px}.observation h3{font:700 39px/1.65 var(--display);margin-bottom:24px}.observation p{font-size:16px;color:var(--copy);line-height:2;margin-bottom:24px}.observation a{font-size:11px;text-decoration:none;color:var(--dust)}.observation small{display:block;color:#949b9e;font-size:9px;line-height:1.7;margin-top:20px;text-align:start;max-width:320px}.observation-2 img{mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 92%,transparent)}.observation-5{grid-template-columns:1.5fr 1fr;max-width:1200px}.observation-5 img{max-height:740px;mask-image:radial-gradient(ellipse,#000 52%,transparent 74%)}.observation-8{grid-template-columns:1.1fr 1fr;gap:90px;max-width:1040px}.observation-8 img{max-height:560px;mix-blend-mode:screen;mask-image:radial-gradient(ellipse,#000 38%,transparent 74%)}.chapter-8 .chapter-heading h2{font-size:clamp(48px,7vw,100px)}.chapter-8 .chapter-prose{max-width:640px}.chapter-10 .chapter-heading{text-align:right;max-width:1240px}.chapter-10 .chapter-heading .chapter-question{margin:0;max-width:570px}.chapter-3 .chapter-heading h2{font-size:clamp(48px,6.5vw,92px)}.chapter-9 .chapter-heading h2{max-width:700px;margin-inline:auto}.contrast-essay{max-width:980px;display:grid;grid-template-columns:1fr 1fr;gap:100px;margin:30px auto 96px}.contrast-essay .eyebrow{display:block;margin-bottom:18px}.contrast-essay strong{font:700 42px/1.6 var(--display)}.contrast-essay p{font-size:15px;color:var(--quiet);margin-top:12px;max-width:35ch}.knowledge-steps{max-width:960px;margin:20px auto 80px;display:flex;align-items:baseline;justify-content:space-around;gap:36px}.knowledge-steps span{font:700 clamp(30px,4vw,58px)/1.7 var(--display)}.knowledge-steps span:nth-child(2){color:#b9b7ac}.knowledge-steps span:nth-child(3){color:#8d979d}.chapter-12 .prose-block p{margin-bottom:20px}
.reflection{max-width:830px;margin:0 auto;padding:160px 36px 180px;text-align:center}.reflection .eyebrow{margin-bottom:48px}.reflection .reflection-title{font:700 60px/1.6 var(--display);margin-bottom:48px;color:var(--light)}.reflection>p:not(.reflection-title):not(.eyebrow){font:400 21px/2.2 var(--serif);color:var(--copy)}.sources{max-width:1050px;margin:0 auto;padding:80px 36px 100px}.sources>header{max-width:640px;margin:0 0 60px}.sources h2{font:700 64px/1.5 var(--display);margin-bottom:20px}.sources>header>p:last-child{font-size:15px;color:var(--quiet)}.source-list{display:grid;grid-template-columns:1fr 1fr;column-gap:64px}.reference-row{display:flex;gap:18px;align-items:baseline;padding:20px 0;border-top:1px solid #74776f33;min-width:0}.reference-number{color:var(--dust);font-size:10px;flex-shrink:0}.reference-row>div{min-width:0}.reference-row a:not(.ref-back){display:block;font-size:12px;line-height:1.9;color:#b6bcbc;text-decoration:none;overflow-wrap:anywhere}.reference-row a:hover{color:var(--dust)}.reference-returns{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.ref-back,.further-reading{font-size:10px;color:#91968e;text-decoration:none;padding:4px 0}.reference-row:target{border-color:var(--dust);background:#ae957712}.image-credits{margin-top:40px;font-size:13px;color:var(--quiet)}.image-credits summary{cursor:pointer;min-height:44px;padding-block:10px}.image-credits p{margin:20px 0}.image-credits small{display:block;font-size:10px;margin-top:8px}.signature{padding:100px 24px 120px;text-align:center}.signature img{margin:0 auto 16px}.signature>span{display:block;font:700 30px/1.6 var(--display)}.signature p{font-size:12px;color:var(--quiet);margin:16px 0 28px}.return-top{font-size:11px;color:var(--dust);text-decoration:none}
body.motion-paused *{animation:none!important;scroll-behavior:auto!important}body.motion-paused .ray{stroke-dasharray:none}
@media(min-width:1700px){:root{--frame:1400px}.hero h1{font-size:250px}.scene-composition{gap:150px}.chapter-heading{margin-bottom:100px}.chapter-prose p{font-size:19px}.visual-sticky{top:calc(50vh - 220px)}}
@media(max-width:1100px){.masthead{padding-inline:28px}.masthead-note{display:none}.scene-composition{gap:48px;grid-template-columns:.85fr 1.15fr}.introduction{gap:50px}.intro-heading h2{font-size:45px}.observation{gap:44px}.observation h3{font-size:32px}.chapter{padding-inline:36px}.contrast-essay{gap:54px}.hero-coordinate{left:24px}}
@media(max-width:800px){.masthead nav{gap:20px}.introduction{padding-top:100px;grid-template-columns:1fr;gap:36px;max-width:740px}.intro-heading h2{font-size:46px}.intro-heading h2 br{display:none}.scene-composition{display:flex;flex-direction:column;gap:46px;max-width:680px;margin:auto}.visual-sticky{position:static;width:100%}.science-figure{max-width:620px;margin:auto}.chapter{padding-top:74px}.chapter-heading{margin-bottom:48px}.chapter-heading h2{font-size:48px}.observation{gap:32px;grid-template-columns:1.25fr 1fr}.observation h3{font-size:28px}.observation p{font-size:14px}.chapter-bridge{margin-top:80px;font-size:23px}.source-list{column-gap:36px}.reading-status{display:none}.contrast-essay{gap:40px}.contrast-essay strong{font-size:34px}.reflection .reflection-title{font-size:46px}.chapter-10 .chapter-heading{text-align:center}.chapter-10 .chapter-heading .chapter-question{margin:auto}}
@media(max-width:560px){html{scroll-padding-top:88px}[id]{scroll-margin-top:88px}.masthead{height:70px;padding-inline:20px;gap:16px}.brand{gap:12px}.brand img{width:29px;height:29px}.project-name{font-size:14px;padding-inline-start:12px}.masthead nav{gap:16px}.masthead nav button,.masthead nav a{font-size:10px}.menu-toggle span{display:none}.motion-toggle{max-width:52px;line-height:1.4}.hero{min-height:100svh;padding:130px 24px 170px}.hero h1{font-size:clamp(100px,28vw,154px);margin-inline:-6px}.hero .eyebrow{font-size:11px;margin-bottom:18px}.hero-question{font-size:24px;line-height:1.9;margin-top:22px}.hero-coordinate{display:none}.hero-caption{inset:auto 22px 27px;font-size:8px}.enter-journey{bottom:62px;font-size:10px}.hero-copy{max-width:100%}.introduction{padding:80px 26px 48px;gap:28px}.intro-heading h2{font-size:36px}.intro-prose p{font-size:17px;line-height:2.1}.method p{font-size:14px}.chapter{padding:64px 26px 30px}.chapter-heading h2,.chapter-3 .chapter-heading h2{font-size:42px;line-height:1.6}.chapter-heading .chapter-question{font-size:20px;line-height:2.1}.eyebrow{font-size:10px;margin-bottom:16px}.chapter-heading{margin-bottom:36px}.scene-composition{gap:32px}.wide-scene{margin-bottom:42px}.chapter-prose p{font-size:17px;line-height:2.15;margin-bottom:24px}.chapter-prose h3{font-size:19px;margin-bottom:18px}.prose-block{margin-bottom:36px}.diagram text{font-size:17px}.spectrum-figure .diagram{aspect-ratio:auto}.science-figure figcaption{font-size:9px;line-height:1.8;max-width:270px;margin:12px auto 0}.visual-control{font-size:11px;gap:10px}.visual-control input{width:170px;height:40px}.observation,.observation-5,.observation-8{grid-template-columns:1fr;gap:28px;margin:0 -8px 60px}.observation-image img{max-height:520px}.observation figcaption{padding-inline:8px;max-width:none}.observation h3{font-size:32px;line-height:1.7;margin-bottom:14px}.observation p{font-size:15px;margin-bottom:14px}.observation small{max-width:100%;font-size:9px}.observation .eyebrow{margin-bottom:12px}.chapter-prose .verse{font-size:24px;line-height:2.25}.chapter-prose .hadith{font-size:22px}.scripture-zone{margin:40px 0;padding:16px 0}.scripture-zone h3,.closing h3{font-size:11px}.scripture-zone>p:not(.verse):not(.hadith){font-size:16px}.closing p{font-size:21px}.citation{font-size:10px;padding:8px 0;min-height:36px}.chapter-bridge{margin-top:70px;font-size:21px;padding:24px 0}.chapter-bridge::before{height:38px;margin-bottom:26px}.contrast-essay{grid-template-columns:1fr;gap:42px;margin-bottom:56px}.contrast-essay>div{max-width:320px}.contrast-essay>div:last-child{margin-inline-start:32px}.contrast-essay strong{font-size:36px}.contrast-essay p{font-size:14px}.knowledge-steps{gap:12px;margin-bottom:48px;justify-content:space-between}.knowledge-steps span{font-size:29px}.chapter-8 .chapter-heading h2{font-size:52px}.reflection{padding:120px 28px}.reflection .reflection-title{font-size:40px;line-height:1.75;margin-bottom:30px}.reflection>p:not(.reflection-title):not(.eyebrow){font-size:20px;line-height:2.2}.sources{padding:56px 26px 50px}.sources h2{font-size:48px}.sources>header{margin-bottom:38px}.sources>header>p:last-child{font-size:14px}.source-list{grid-template-columns:1fr}.reference-row{padding:18px 0}.reference-row a:not(.ref-back){font-size:12px}.ref-back{min-height:30px}.signature{padding:72px 24px 100px}#journey-menu{padding:24px;width:calc(100% - 28px)}.menu-top p{font-size:23px}.menu-close{font-size:11px}#journey-menu ol{grid-template-columns:1fr}#journey-menu li a{min-height:52px;font-size:14px}.menu-top{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{#starfield,.cosmic-shade,.masthead,.reading-status,.enter-journey,.hero-caption,.hero-coordinate,.chapter-bridge,.visual-control,.return-top{display:none!important}body{--night:white;--light:#111;--copy:#222;--quiet:#444;--dust:#55422b;background:white}.hero{min-height:auto;padding:30px}.hero h1{font-size:90px}.hero-question{color:#222}.chapter{padding:30px 0;break-before:page}.scene-composition,.introduction{display:block}.visual-sticky{position:static;max-width:400px;margin:0 auto 24px}.chapter-heading h2{font-size:36px}.chapter-prose{max-width:none}.chapter-prose p,.intro-prose p{font-size:12pt}.observation{max-width:650px;margin-bottom:30px}.reflection{padding:40px}.sources{padding:20px}.signature{padding:20px}.reference-row a{color:#222!important}}

.reflection .reflection-body{font:400 21px/2.2 var(--serif);color:var(--copy)}
.reflection-finale{position:relative;padding-top:72px;text-shadow:0 2px 12px #080a0c,0 0 24px #080a0c}
.reflection-finale .reflection-body + .reflection-body{margin-top:36px}
.reflection-finale .finale-verse{margin:64px auto 18px;font:400 clamp(25px,3vw,34px)/2.1 var(--serif);color:var(--light)}
.reflection-finale .verse-attribution{font:400 13px/1.8 var(--sans);color:var(--dust)}
.reflection-finale .finale-praise{margin:64px 0 24px;font:700 clamp(32px,4vw,46px)/1.6 var(--display);color:var(--light)}
@media(max-width:560px){.reflection .reflection-body{font-size:20px;line-height:2.2}}

/* A warm horizon closes the night without putting reading copy over scenery. */
.horizon-ending{padding:0;background:#eee9dd;color:#29261f;position:relative;isolation:isolate;margin-top:100px}
.horizon-art{position:relative;background:var(--night);overflow:hidden}
.horizon-art::before{content:"";position:absolute;inset:0 0 auto;height:38%;background:linear-gradient(var(--night),transparent);z-index:1;pointer-events:none}
.horizon-art img{display:block;width:100%;height:auto;margin:0;max-width:none}
.horizon-signoff{padding:36px 24px 80px;text-align:center}
.horizon-signoff>a:first-child{display:inline-block;padding:8px}
.horizon-signoff img{margin:0;width:52px;height:52px}
.horizon-signoff>span{display:block;font:700 30px/1.6 var(--display);margin-top:8px}
.horizon-signoff p{color:#61584c;font-size:14px;margin:18px 0 26px}
.horizon-signoff .return-top{color:#655039;display:inline-block;min-height:44px;padding:12px}
.horizon-ending a:focus-visible{outline:2px solid #655039;outline-offset:5px}
@media(max-width:560px){.horizon-ending{margin-top:60px}.horizon-art img{height:260px;object-fit:cover;object-position:58% center}.horizon-signoff{padding:32px 24px 54px}}
@media print{.horizon-ending{margin-top:0}.horizon-art::before{display:none}.horizon-signoff{padding:20px}}

/* Narrative images are explicitly artistic, never substitutes for observational evidence. */
.art-scene{position:relative;margin:60px auto 130px;max-width:1280px;isolation:isolate}
.art-image{overflow:hidden;mask-image:linear-gradient(transparent,#000 14%,#000 78%,transparent)}
.art-image img{display:block;width:100%;height:auto;max-height:580px;object-fit:cover;filter:saturate(.72);margin:0}
.art-scene figcaption{position:relative;margin:-30px auto 0;padding:24px 28px 0;max-width:680px;text-align:center}
.art-scene .eyebrow{color:var(--dust);font-size:10px;margin-bottom:16px}
.art-scene figcaption>p{font:700 36px/1.7 var(--display);color:var(--light);margin:0 0 16px;text-wrap:balance}
.art-scene small{display:block;color:var(--quiet);font-size:12px;line-height:1.9}
.art-arrival{margin:0 auto 30px;max-width:none}
.art-arrival .art-image img{max-height:580px;object-position:center 65%}
.art-galaxy{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:56px;direction:ltr;margin:0 auto 100px;max-width:1080px}
.art-galaxy .art-image{mask-image:radial-gradient(ellipse,#000 42%,transparent 72%)}
.art-galaxy figcaption{direction:rtl;text-align:right;margin:0;padding:20px 0}
.art-galaxy .art-image img{min-height:300px;object-fit:contain}
.art-eclipse{max-width:760px;margin:0 auto 90px}
.art-eclipse .art-image{max-width:620px;margin:auto;mask-image:radial-gradient(ellipse,#000 35%,transparent 73%)}
.art-eclipse .art-image img{max-height:340px;object-fit:contain}
.art-eclipse figcaption>p{font-size:30px}
.art-return{margin:20px auto 0;max-width:1200px}
.art-return .art-image img{max-height:520px;object-position:center 70%}
.art-return figcaption>p{font-size:32px}
@media(max-width:800px){.art-galaxy{gap:24px}.art-scene figcaption>p{font-size:30px}}
@media(max-width:560px){.art-scene{margin-bottom:70px}.art-image img{height:300px;object-fit:cover}.art-scene figcaption{padding-inline:26px;margin-top:-12px}.art-scene figcaption>p{font-size:28px}.art-scene small{font-size:11px}.art-arrival{margin-top:-30px;margin-bottom:0}.art-arrival .art-image img{height:320px;object-position:57% center}.art-galaxy{display:block;margin-inline:-12px}.art-galaxy .art-image img{min-height:0;height:250px;object-fit:contain}.art-galaxy figcaption{text-align:center;margin-top:-10px}.art-eclipse .art-image img{height:220px}.art-eclipse figcaption>p{font-size:26px}.art-return{margin-bottom:0}.art-return .art-image img{height:300px;object-position:45% center}}
@media print{.art-scene{break-inside:avoid;margin:20px auto;max-width:500px}.art-scene figcaption>p{font-size:20px}.art-image{mask-image:none}.art-galaxy{display:block}}

.art-arrival .art-image,.art-return .art-image{mask-image:linear-gradient(transparent,#000 14%,#000 78%,transparent),linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);mask-composite:intersect}

/* The study ends in Nathar's wider world, not a conventional site footer. */
.nathar-ending{position:relative;isolation:isolate;background:#080a0c18;margin-top:100px;padding:110px max(32px,calc((100vw - 1200px)/2)) 0;display:grid;grid-template-columns:1.1fr 1fr;column-gap:110px;overflow:hidden}
.nathar-star-signature{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;margin-bottom:76px}
.nathar-star-signature h2{font:700 clamp(48px,5.5vw,80px)/1.4 var(--display);color:var(--light);text-shadow:0 2px 16px #080a0c}
.nathar-star-word{height:290px;min-width:0;display:grid;place-items:center;direction:ltr}
.star-word-fallback{font:700 clamp(36px,5vw,76px)/1 Arial,sans-serif;letter-spacing:.04em;color:var(--light);text-align:center}
.star-word-fallback small{display:block;font:700 22px/1.8 var(--sans);letter-spacing:0;margin-top:24px}
.star-signature-ready .star-word-fallback{visibility:hidden}
@media(max-width:700px){.nathar-star-signature{display:flex;flex-direction:column;gap:24px;margin-bottom:58px;text-align:center}.nathar-star-word{order:-1;width:100%;height:230px}.nathar-star-signature h2{font-size:clamp(42px,12vw,62px)}}
@media print{.star-signature-ready .star-word-fallback{visibility:visible}.nathar-star-signature{display:block}}
.nathar-outro,.nathar-paths{position:relative;z-index:1}
.nathar-outro>.eyebrow{font-size:12px;color:var(--dust);margin-bottom:38px}
.nathar-home{display:inline-flex;align-items:center;gap:18px;text-decoration:none;color:var(--light);margin-bottom:24px}
.nathar-home img{width:64px;height:64px}.nathar-home>span{font:700 32px/1.6 var(--display)}
.nathar-outro h2{font:700 clamp(56px,6vw,88px)/1.35 var(--display);letter-spacing:0;color:var(--light);margin:0 0 28px}
.nathar-intro{font-size:17px;line-height:2;color:var(--copy);margin:0 0 32px}
.nathar-chat{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;background:#e8dfcd;color:#201c17;padding:17px 24px;min-height:58px;text-decoration:none;font-size:16px;transition:background .2s,transform .2s}
.nathar-chat:hover{background:#fff3db;transform:translateY(-2px)}.nathar-chat:active{transform:translateY(0)}
.chat-caption{display:block;font-size:11px;color:var(--quiet);margin-top:13px}
.nathar-paths{padding-top:64px}.nathar-path-group+.nathar-path-group{margin-top:42px}
.nathar-path-group h3{font-size:12px;font-weight:500;color:var(--dust);margin:0 0 12px}
.nathar-path-group>a{position:relative;display:block;padding:18px 0 20px 30px;border-bottom:1px solid #a7a39929;text-decoration:none;color:var(--light)}
.nathar-path-group>a>span{display:block;font:700 25px/1.6 var(--display);transition:color .2s}
.nathar-path-group small{display:block;font-size:12px;color:var(--quiet);line-height:1.8;margin-top:3px}
.nathar-path-group i{position:absolute;left:0;top:25px;font-style:normal;color:var(--dust);transition:transform .2s}
.nathar-path-group a:hover>span{color:var(--dust)}.nathar-path-group a:hover i{transform:translate(-3px,-3px)}
.nathar-horizon{grid-column:1/-1;position:relative;height:230px;margin:60px 0 0;overflow:hidden;opacity:.15;mask-image:linear-gradient(transparent,#000 55%,transparent)}
.nathar-horizon img{width:100%;height:100%;object-fit:cover;object-position:center 52%;filter:grayscale(1) brightness(.65)}
.nathar-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0 40px;font-size:11px;color:var(--quiet)}
.nathar-bottom a{color:var(--copy);text-decoration:none;min-height:44px;display:inline-flex;align-items:center;gap:14px}.nathar-bottom a:first-child{font-size:18px}.nathar-bottom a>span{font-size:9px;letter-spacing:1.5px}
.nathar-x{display:inline-flex;align-items:center;gap:12px;margin-top:24px;padding:10px 0;color:var(--copy);text-decoration:none;border-bottom:1px solid rgba(225,215,198,.2);font-size:14px;direction:ltr;transition:color .2s,border-color .2s}.nathar-x>span:first-child{display:grid;place-items:center;width:26px;height:26px;border:1px solid rgba(225,215,198,.25);font:500 13px/1 Arial,sans-serif}.nathar-x i{font-style:normal;color:var(--dust);transition:transform .2s}.nathar-x:hover{color:var(--dust);border-color:var(--dust)}.nathar-x:hover i{transform:translate(-2px,-2px)}.nathar-x:focus-visible{outline:2px solid var(--dust);outline-offset:5px}
.nathar-ending a:focus-visible{outline:2px solid var(--dust);outline-offset:5px}
@media(max-width:1000px){.nathar-ending{column-gap:55px;padding-inline:40px}.nathar-outro h2{font-size:65px}}
@media(max-width:700px){.nathar-ending{display:block;padding:80px 26px 0;margin-top:50px}.nathar-outro h2{font-size:62px}.nathar-intro{font-size:16px}.nathar-paths{padding-top:70px}.nathar-path-group>a>span{font-size:26px}.nathar-path-group small{font-size:13px}.nathar-horizon{height:170px;margin:30px -26px 0}.nathar-bottom{flex-wrap:wrap;gap:10px;padding-bottom:26px}.nathar-bottom>span{order:3;flex-basis:100%;font-size:11px}.nathar-bottom>a:last-child{font-size:11px}.nathar-home{margin-bottom:22px}}
@media print{.nathar-ending{display:block;padding:30px;background:white;margin-top:0}.nathar-horizon{display:none}.nathar-paths{padding-top:30px}.nathar-outro h2{font-size:40px}.nathar-chat{border:1px solid #333}}

/* Opening polish: legible navigation, one invitation, a continuous horizon. */
@media screen{
  .masthead{height:92px;background:linear-gradient(#080a0cd1,#080a0c99 70%,#080a0c00)}
  .masthead.is-scrolled{background:#080a0c}
  .brand img{width:46px;height:46px}
  .project-name{font-size:17px}
  .masthead-note{font-size:12px;color:#b9bdbd}
  .masthead nav a,.masthead nav button{font-size:14px;min-width:44px}
  .hero{z-index:2;pointer-events:none}
  .hero-copy,.enter-journey{pointer-events:auto}
  .hero h1{position:relative;text-shadow:0 1px 14px #080a0c33}
  #hero-title-stars{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
  .enter-journey{bottom:66px;font-size:14px;line-height:1.7;min-width:120px;min-height:76px;gap:12px;padding:12px 24px;color:var(--light)}
  .enter-arrow{font-size:30px;transition:transform .25s ease}
  .enter-journey:hover .enter-arrow,.enter-journey:focus-visible .enter-arrow{transform:translateY(5px)}
  .art-arrival{margin-top:-10svh;margin-bottom:0;z-index:1}
  .art-arrival .art-image{mask-image:linear-gradient(transparent,#000 28%,#000 76%,transparent),linear-gradient(to right,transparent,#000 7%,#000 93%,transparent)}
  .art-arrival .art-image img{height:clamp(340px,58svh,580px)}
  .art-arrival+.introduction{padding-top:80px}
}
@media screen and (max-width:560px){
  .masthead{height:76px;padding-inline:18px;gap:10px}
  .brand{gap:10px}
  .brand img{width:38px;height:38px}
  .project-name{font-size:15px;padding-inline-start:10px}
  .masthead nav{gap:12px}
  .masthead nav a,.masthead nav button{font-size:12px}
  .motion-toggle{max-width:52px}
  .enter-journey{bottom:56px;font-size:13px}
  .art-arrival{margin-top:-8svh}
  .art-arrival .art-image img{height:340px}
  .art-arrival+.introduction{padding-top:54px}
}
@media screen and (max-width:360px){
  .masthead{padding-inline:12px;gap:8px}
  .masthead nav{gap:8px}
  .brand{gap:8px}
  .project-name{padding-inline-start:8px}
}
body.motion-paused .art-arrival .art-image{opacity:1!important;transform:none!important}
html:has(body.motion-paused){scroll-behavior:auto}
body.motion-paused .enter-arrow{transition:none;transform:none!important}
@media(prefers-reduced-motion:reduce){.art-arrival .art-image{opacity:1!important;transform:none!important}.enter-arrow{transform:none!important}}
@media print{#hero-title-stars{display:none}}