.constellation-page{color:#f5eee3;font-family:var(--font-sans);background:#0b0908;position:relative}body:has(.constellation-page) header{box-shadow:none;background:#0b0908ed}body:has(.constellation-page) header nav{max-width:1600px;height:84px;padding-inline:4%}body:has(.constellation-page) header>:last-child:not(nav){display:none}body:has(.constellation-page) footer{background:#0b0908}.particle-stage{pointer-events:none;z-index:1;height:calc(100svh - 84px);margin-bottom:calc(84px - 100svh);position:sticky;top:84px;overflow:hidden}.particle-art{width:69%;height:100%;position:absolute;top:0;right:-3%}.particle-art canvas{width:100%;height:100%;display:block}.particle-fallback{justify-content:center;align-items:center;display:flex}.particle-fallback img{object-fit:contain;width:100%;height:100%}[data-scene-ready=true] .particle-fallback{display:none}.particle-stage:has([data-failed=true]) .particle-fallback{display:block}.particle-art[data-failed=true] canvas{visibility:hidden}.particle-chapter{min-height:125svh;padding:17vh 4% 24vh;scroll-margin-top:84px;position:relative}.particle-copy{z-index:2;width:40%;max-width:600px;position:sticky;top:calc(84px + 17vh)}.particle-eyebrow{letter-spacing:.16em;color:#d6a15b;align-items:center;gap:12px;margin-bottom:30px;font-size:10px;display:flex}.particle-copy h1,.particle-copy h2{letter-spacing:-.065em;font-size:clamp(48px,5.1vw,91px);font-weight:400;line-height:1.03}.constellation-page em{color:#dcb779;font-style:normal}.particle-copy p{color:#c2b9ac;max-width:335px;margin-top:30px;font-size:15px;font-weight:350;line-height:1.8}.particle-link{color:#f5eee3;border-bottom:1px solid #8a7150;align-items:center;gap:30px;margin-top:28px;padding:13px 0;font-size:12px;display:inline-flex}.particle-link:hover{color:#edbd72;border-color:#edbd72}.particle-caption{color:#9c8a73;align-items:center;gap:12px;margin-top:24px;font-size:11px;display:flex}.particle-caption [lang=ar]{color:#dcb779;font-family:Amiri,serif;font-size:23px}.particle-secondary{color:#b0a392;align-items:center;gap:10px;margin-top:20px;font-size:11px;display:flex}.particle-controls{pointer-events:auto;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:26px;left:4%;right:4%}.particle-controls nav{gap:22px;display:flex}.particle-controls a{color:#9b8976;align-items:center;gap:8px;font-size:9px;display:flex}.particle-controls a[aria-current]{color:#f3c477}.particle-controls a svg{opacity:.5}.particle-controls a[aria-current] svg{opacity:1}.particle-controls button{color:#b4a38d;cursor:pointer;background:#0b0908a0;border:1px solid #443522;align-items:center;gap:8px;padding:10px 12px;font-size:10px;display:flex}.particle-ending{z-index:3;text-align:center;background:#0b0908;flex-direction:column;align-items:center;min-height:65vh;padding:15vh 8%;display:flex;position:relative}.particle-ending h2{letter-spacing:-.06em;margin-top:30px;font-size:clamp(45px,6vw,90px);font-weight:400;line-height:1.05}.constellation-page a:focus-visible,.constellation-page button:focus-visible{outline-offset:6px;outline:2px solid #edbd72}@media (width>=1600px){.particle-copy{margin-left:calc(50vw - 800px)}}@media (width<=900px) and (width>=701px){.particle-copy h1,.particle-copy h2{font-size:50px}.particle-copy p{font-size:13px}}@media (width<=700px){body:has(.constellation-page) header nav{height:70px;padding-inline:6%}.particle-stage{height:calc(100svh - 70px);margin-bottom:calc(70px - 100svh);top:70px}.particle-chapter{min-height:130svh;padding:5vh 6% 40vh;scroll-margin-top:70px}.particle-copy{width:100%;max-width:none;top:calc(70px + 5vh)}.particle-copy h1,.particle-copy h2{letter-spacing:-.055em;font-size:clamp(38px,10.5vw,64px)}.particle-eyebrow{margin-bottom:18px;font-size:8px}.particle-copy p{max-width:315px;margin-top:17px;font-size:12px;line-height:1.65}.particle-link{margin-top:10px;padding:9px 0;font-size:11px}.particle-caption,.particle-secondary{margin-top:12px}.particle-art{width:112%;height:57%;top:39%;right:-6%}.particle-controls{bottom:14px;left:6%;right:6%}.particle-controls nav{gap:13px}.particle-controls a{gap:5px;font-size:8px}.particle-controls a svg{width:8px}.particle-controls button{padding:8px}.particle-controls button span{display:none}.particle-ending{padding:12vh 6%}}@media (prefers-reduced-motion:reduce){.particle-copy{position:relative;top:auto}}#two-worlds{padding-bottom:5vh}
