:root{--ink: #141b2e;--ink-deep: #0f1524;--field: #0b101d;--cream: #efe6d0;--gold: #c8a24a}*{margin:0;box-sizing:border-box}html{background:var(--field)}body{color:var(--cream);font-family:var(--serif);overflow-x:hidden}:root{--serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--arabic: "Geeza Pro", "Noto Naskh Arabic", "Traditional Arabic", serif}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}#spine{position:relative}#stage{height:100vh;height:100svh;width:100%;overflow:hidden;position:relative;background:var(--field)}.grain{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:var(--cream);pointer-events:none}.scene{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;visibility:hidden;will-change:transform,opacity}.scene-art{width:100vw;height:100vh;height:100svh;display:block}svg *{vector-effect:non-scaling-stroke}.opening-art *{vector-effect:none}.opening-art{stroke:var(--cream);fill:none;stroke-linecap:round;stroke-linejoin:round}.opening-art .op-point,.opening-art .op-dots{fill:var(--cream);stroke:none}.world{position:absolute;top:0;right:0;bottom:0;left:0;stroke:var(--cream);fill:none;stroke-linecap:round;stroke-linejoin:round}.world *{vector-effect:none}.world .op-point,.world .op-dots{fill:var(--cream);stroke:none}.world .node{fill:var(--gold);stroke:none}.world .construction-line{stroke-dasharray:3 3;opacity:.55}.world .ink{fill:none}.world .region{fill:var(--cream);fill-opacity:0;stroke:none}.world .echo{stroke:var(--gold);fill:none}.world .echo .node{fill:var(--gold);stroke:none}.construction{stroke:var(--cream);stroke-width:.5;stroke-dasharray:3 3;fill:none;opacity:.24}.construction .dots{stroke:none;fill:var(--cream)}.pattern{stroke:var(--cream);stroke-width:1.5;fill:none;stroke-linejoin:round;stroke-linecap:round}.accent{stroke:var(--gold);stroke-width:1.75;fill:none;stroke-linejoin:round}.nodes{fill:var(--gold);stroke:none}.text-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.text-layer .scene-text{visibility:hidden}.scene-text{position:absolute;bottom:7vh;max-width:16rem}.scene-text.left{left:4.5vw}.scene-text.right{right:4.5vw;text-align:right}.scene-kicker{font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;opacity:.38;color:var(--cream)}.scene-kicker i{font-style:italic;text-transform:none;letter-spacing:.08em}.scene-kicker [lang=ar]{font-family:var(--arabic);font-size:1.05em;letter-spacing:0;text-transform:none}.scene-text h2{font-weight:400;font-size:.95rem;letter-spacing:.09em;line-height:1.35;margin-top:.45rem;opacity:.68}.scene-text .scene-line{font-size:.72rem;font-style:italic;line-height:1.6;opacity:.38;margin-top:.45rem}.overture{position:absolute;left:50%;top:55%;transform:translate(-50%);text-align:center;max-width:34rem;width:88vw}.overture .scene-kicker{position:static;margin-bottom:1.1rem}.overture h1{font-weight:400;font-size:clamp(2.2rem,5vw,3.6rem);letter-spacing:.1em;line-height:1.15}.overture-sub{margin-top:1rem;font-size:.98rem;font-style:italic;line-height:1.6;opacity:.62}.overture-hint{margin-top:3.2rem;font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;opacity:.45;animation:hint-breathe 3.2s ease-in-out infinite}@keyframes hint-breathe{0%,to{opacity:.25}50%{opacity:.55}}.progress{position:fixed;right:1.4rem;top:50%;transform:translateY(-50%);height:38vh;z-index:10;pointer-events:none}.progress-track{position:relative;width:1px;height:100%;background:color-mix(in srgb,var(--cream) 16%,transparent)}.progress-dot{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);width:5px;height:5px;border-radius:50%;background:var(--gold)}@media(max-width:640px),(max-aspect-ratio:3/2){.scene-text,.scene-text.left,.scene-text.right{left:50%;right:auto;bottom:1.2vh;transform:translate(-50%);text-align:center;max-width:92vw}.scene-kicker{font-size:.5rem;opacity:.3}.scene-text h2{font-size:.8rem;opacity:.55;margin-top:.3rem}.scene-text .scene-line{font-size:.62rem;opacity:.3;margin-top:.3rem}.progress{right:.7rem;height:26vh}.overture-sub{font-size:.88rem}}.center-cross,.cam-mark{visibility:hidden}body.debug-cam .center-cross{visibility:visible;position:fixed;left:50%;top:50%;width:0;height:0;z-index:20;pointer-events:none}body.debug-cam .center-cross:before,body.debug-cam .center-cross:after{content:"";position:absolute;background:var(--cream);opacity:.9}body.debug-cam .center-cross:before{left:-14px;top:-.5px;width:28px;height:1px}body.debug-cam .center-cross:after{left:-.5px;top:-14px;width:1px;height:28px}body.debug-cam .cam-mark{visibility:visible;stroke:var(--gold);fill:none}.dev-hud{position:fixed;left:1rem;top:1rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.72rem;letter-spacing:.04em;color:var(--cream);opacity:.45;z-index:10;pointer-events:none}footer{background:var(--field);padding:16vh 7vw 14vh;display:grid;place-items:center}.about{max-width:36rem}.about h2{font-weight:400;font-size:1.3rem;letter-spacing:.14em;text-transform:uppercase;opacity:.75;margin-bottom:2rem}.about p{font-size:.98rem;line-height:1.75;opacity:.66;margin-bottom:1.2rem}.about .colophon{margin-top:2.4rem;font-size:.85rem;font-style:italic;opacity:.45}.about .signature{margin-top:3rem;text-align:center;font-size:.92rem;letter-spacing:.22em;text-transform:uppercase;opacity:.7}.about .signature:before{content:"";display:block;width:5px;height:5px;border-radius:50%;background:var(--gold);margin:0 auto 1.1rem}@media(max-width:640px),(max-aspect-ratio:3/2){footer{padding:2vh 7vw 8vh;padding:2svh 7vw 8svh}.about h2{margin-bottom:1.2rem}}body.static #spine{height:auto!important}body.static #stage{height:auto;overflow:visible}body.static .scene{position:relative;inset:auto;height:100vh;height:100svh;visibility:visible}body.static .static-head{min-height:60vh;display:grid;place-content:center;text-align:center;padding:0 7vw}body.static .static-head h1{font-weight:400;font-size:clamp(2.2rem,5vw,3.6rem);letter-spacing:.1em}