:root{--bg-void:#020408;--bg-nav:#020408eb;--bg-card:#04060eb3;--gold-primary:#c8a84b;--gold-light:#e8cc80;--gold-pale:#f5e6b8;--gold-glow:#c8a84b73;--gold-trace:#c8a84b1a;--ivory:#f2ede4;--ivory-dim:#f2ede4cc;--ivory-ghost:#f2ede466;--font-serif:"Cormorant Garamond", "Georgia", serif;--font-sans:"Montserrat", sans-serif;--font-tifinagh:"Noto Sans Tifinagh", sans-serif;--nav-h:72px;--ease-silk:cubic-bezier(.23, 1, .32, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-void);color:var(--ivory);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}.noise-overlay{pointer-events:none;z-index:200;opacity:.025;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,%3Csvg viewBox=\"0 0 256 256\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cfilter id=\"n\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"0.85\" numOctaves=\"4\" stitchTiles=\"stitch\"/%3E%3C/filter%3E%3Crect width=\"100%25\" height=\"100%25\" filter=\"url(%23n)\"/%3E%3C/svg%3E");background-size:180px;position:fixed;inset:0}#ethereal-canvas{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}#site-nav{height:var(--nav-h);z-index:150;background:var(--bg-nav);-webkit-backdrop-filter:blur(20px)saturate(1.5);transition:border-color .4s ease, transform .6s var(--ease-silk), opacity .6s ease;border-bottom:1px solid #c8a84b26;justify-content:space-between;align-items:center;padding:0 3rem;display:flex;position:fixed;top:0;left:0;right:0}#site-nav.hidden-nav{opacity:0;pointer-events:none;transform:translateY(-100%)}#site-nav:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#c8a84b66,#0000);height:1px;position:absolute;bottom:0;left:5%;right:5%}.nav-logo{cursor:pointer;align-items:center;gap:.5rem;text-decoration:none;display:flex}.nav-logo-cube{perspective:500px;flex-shrink:0;width:14px;height:14px}.nav-cube{width:100%;height:100%;transform-style:preserve-3d;animation:18s linear infinite rotateCube}.nav-face{background:#c8a84b26;border:1px solid #c8a84bcc;width:14px;height:14px;position:absolute;box-shadow:inset 0 0 8px #c8a84b80,0 0 10px #c8a84b4d}.nf-front{transform:rotateY(0)translateZ(7px)}.nf-back{transform:rotateY(180deg)translateZ(7px)}.nf-right{transform:rotateY(90deg)translateZ(7px)}.nf-left{transform:rotateY(-90deg)translateZ(7px)}.nf-top{transform:rotateX(90deg)translateZ(7px)}.nf-bottom{transform:rotateX(-90deg)translateZ(7px)}.nav-brand{flex-direction:column;line-height:1;display:flex}.nav-brand-name{font-family:var(--font-serif);letter-spacing:4px;color:var(--ivory);align-items:center;gap:.15rem;font-size:1.6rem;font-weight:300;display:flex}.nav-yaz{font-family:var(--font-tifinagh);color:var(--gold-light);text-shadow:0 0 20px var(--gold-glow);font-size:2rem}.nav-tagline{letter-spacing:.3em;text-transform:uppercase;color:var(--gold-primary);margin-top:2px;font-size:.55rem}.nav-links{align-items:center;gap:2.5rem;list-style:none;display:flex}.nav-links a{font-family:var(--font-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ivory-ghost);font-size:.65rem;font-weight:300;text-decoration:none;transition:color .3s;position:relative}.nav-links a:after{content:"";background:var(--gold-primary);height:1px;transition:right .4s var(--ease-silk);position:absolute;bottom:-3px;left:0;right:100%}.nav-links a:hover{color:var(--gold-light)}.nav-links a:hover:after{right:0}.nav-right{align-items:center;gap:1rem;display:flex}.nav-atlas{font-family:var(--font-serif);letter-spacing:.25em;color:var(--gold-primary);opacity:.7;border-left:1px solid #c8a84b4d;padding-left:1.2rem;font-size:.75rem;font-style:italic}#progress-bar{top:var(--nav-h);background:linear-gradient(90deg, transparent, var(--gold-primary), var(--gold-light));z-index:150;width:0%;height:2px;box-shadow:0 0 10px var(--gold-glow);transition:width .1s linear;position:fixed;left:0}#side-nav{z-index:140;flex-direction:column;gap:10px;display:flex;position:fixed;top:50%;right:2rem;transform:translateY(-50%)}.side-dot{cursor:pointer;width:6px;height:6px;transition:all .3s var(--ease-silk);background:#c8a84b40;border:1px solid #c8a84b66;border-radius:50%}.side-dot:hover,.side-dot.active{background:var(--gold-primary);box-shadow:0 0 8px var(--gold-glow);transform:scale(1.4)}#story-container{z-index:10;padding-top:var(--nav-h);position:relative}.story-section{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:4rem 2rem;display:flex;position:relative}.slide-frame{-webkit-backdrop-filter:blur(28px)saturate(180%);width:100%;max-width:880px;transition:box-shadow .6s var(--ease-silk), border-color .6s var(--ease-silk), transform .6s var(--ease-silk);background:linear-gradient(145deg,#060810bf 0%,#020306d9 100%);border:1px solid #ffffff08;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:5rem 6rem;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #000000e6,0 0 0 1px #c8a84b1a,inset 0 0 120px #c8a84b08,inset 0 1px 2px #ffffff1a}.slide-frame:hover{border-color:#c8a84b66;transform:translateY(-4px);box-shadow:0 40px 100px #000,0 0 60px #c8a84b1f,inset 0 0 140px #c8a84b0d,inset 0 1px 2px #ffffff26}.slide-frame:before{content:"";width:50%;height:100%;animation:shimmer 10s var(--ease-silk) infinite;pointer-events:none;background:linear-gradient(90deg,#0000,#c8a84b09,#0000);position:absolute;top:0;left:-100%}.slide-frame:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#c8a84b80,#0000);height:1px;position:absolute;top:0;left:10%;right:10%}@keyframes shimmer{0%{opacity:0;left:-100%}20%{opacity:1}to{opacity:0;left:160%}}.corner{width:18px;height:18px;transition:all .6s var(--ease-silk);border-style:solid;border-color:#c8a84b80;position:absolute}.slide-frame:hover .corner{border-color:#c8a84bd9;width:22px;height:22px}.corner-tl{border-width:1px 0 0 1px;top:20px;left:20px}.corner-tr{border-width:1px 1px 0 0;top:20px;right:20px}.corner-bl{border-width:0 0 1px 1px;bottom:20px;left:20px}.corner-br{border-width:0 1px 1px 0;bottom:20px;right:20px}.preamble .slide-frame{text-align:center;min-height:85vh;padding:5rem 4.5rem}.logo-core{flex-direction:column;align-items:center;margin-bottom:2.5rem;display:flex;position:relative}.logo-cube-container{perspective:800px;width:24px;height:24px;margin-bottom:-10px}.css-cube{width:100%;height:100%;transform-style:preserve-3d;animation:18s linear infinite rotateCube;position:relative}.face{background:linear-gradient(135deg,#c8a84b2e,#c8a84b0a);border:1px solid #c8a84bbf;width:24px;height:24px;position:absolute;box-shadow:inset 0 0 14px #c8a84b4d,0 0 14px #c8a84b14}.front{transform:rotateY(0)translateZ(12px)}.right{transform:rotateY(90deg)translateZ(12px)}.back{transform:rotateY(180deg)translateZ(12px)}.left{transform:rotateY(-90deg)translateZ(12px)}.top{transform:rotateX(90deg)translateZ(12px)}.bottom{transform:rotateX(-90deg)translateZ(12px)}@keyframes rotateCube{0%{transform:rotateX(-22deg)rotateY(0)rotate(3deg)}to{transform:rotateX(-22deg)rotateY(360deg)rotate(3deg)}}.main-text{align-items:center;gap:.05rem;line-height:1;display:flex}.letter{font-family:var(--font-serif);color:var(--ivory);letter-spacing:4px;font-size:4.5rem;font-weight:300}.yaz-symbol{font-family:var(--font-tifinagh);color:var(--gold-light);text-shadow:0 0 30px var(--gold-glow), 0 0 60px #c8a84b26;margin:0 .5rem;font-size:6rem;animation:5s ease-in-out infinite alternate pulse-glow}@keyframes pulse-glow{0%{text-shadow:0 0 15px #c8a84b4d}to{text-shadow:0 0 55px #c8a84be6,0 0 90px #c8a84b4d}}.atlas-sahara-badge{font-family:var(--font-serif);letter-spacing:.5em;text-transform:uppercase;color:var(--gold-primary);opacity:.75;margin-top:.4rem;font-size:.72rem;font-style:italic}.main-title{font-family:var(--font-serif);letter-spacing:6px;text-align:center;background:linear-gradient(160deg, #fff 15%, var(--gold-light) 65%, var(--gold-primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:4rem;font-weight:300;line-height:1.2}.gold-separator{background:linear-gradient(90deg, transparent, var(--gold-primary), transparent);opacity:.7;width:70px;height:1px;margin:1.8rem auto}.subtitle{font-family:var(--font-serif);letter-spacing:.38em;text-transform:uppercase;color:var(--ivory-ghost);text-align:center;font-size:.8rem;font-style:italic}.intro-note{font-family:var(--font-serif);text-align:center;color:var(--ivory-dim);max-width:520px;margin-left:auto;margin-right:auto;font-size:1.15rem;font-style:italic;line-height:1.95}.highlight-text{font-family:var(--font-serif);text-align:center;color:var(--gold-light);text-shadow:0 0 30px var(--gold-glow);letter-spacing:1px;font-size:2.1rem;line-height:1.55}.instruction{letter-spacing:.3em;text-transform:uppercase;text-align:center;color:var(--ivory-ghost);margin-top:2rem;font-size:.65rem;animation:3s ease-in-out infinite blink-soft}@keyframes blink-soft{0%,to{opacity:.3}50%{opacity:.6}}.text-block{width:100%}p{color:var(--ivory-dim);text-align:justify;-webkit-hyphens:auto;hyphens:auto;margin-bottom:1.4rem;font-size:1.08rem;font-weight:300;line-height:1.9}p:last-child{margin-bottom:0}.drop-cap{float:left;font-family:var(--font-serif);color:var(--gold-light);text-shadow:0 0 30px var(--gold-glow);padding-top:4px;padding-left:2px;padding-right:14px;font-size:5.2rem;font-weight:300;line-height:4rem}.chapter-header{text-align:center;width:100%;margin-bottom:2.2rem}.section-title{font-family:var(--font-serif);letter-spacing:3px;background:linear-gradient(135deg, #fff 0%, var(--gold-pale) 40%, var(--gold-primary) 100%);-webkit-text-fill-color:transparent;text-shadow:0 4px 30px #c8a84b26;-webkit-background-clip:text;background-clip:text;font-size:2.8rem;font-weight:300;line-height:1.15}.main-title{text-align:center;font-family:var(--font-serif);letter-spacing:4px;background:linear-gradient(135deg, #fff 0%, var(--gold-pale) 40%, var(--gold-primary) 100%);-webkit-text-fill-color:transparent;text-shadow:0 4px 30px #c8a84b26;-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:300;line-height:1.15}.gold-rule{background:linear-gradient(90deg, transparent, var(--gold-primary), transparent);opacity:.65;width:55px;height:1px;margin:.9rem auto}.section-subtitle{font-family:var(--font-serif);color:var(--ivory-ghost);letter-spacing:.28em;text-transform:uppercase;font-size:.72rem;font-style:italic}.tifinagh-seal{font-family:var(--font-tifinagh);color:#c8a84b2e;letter-spacing:.1em;margin-bottom:.4rem;font-size:2rem;display:block}.immersion-quote{border-left:2px solid var(--gold-primary);background:#c8a84b09;margin:2rem 0;padding:1.5rem 2rem;position:relative}.immersion-quote:before{content:"";background:linear-gradient(180deg, transparent, var(--gold-light), transparent);width:2px;position:absolute;inset:0 auto 0 0}.immersion-quote p{color:var(--ivory);text-align:center;margin:0;font-size:1.12rem;font-style:italic;line-height:1.95}.divine-name{color:var(--gold-light);text-shadow:0 0 18px var(--gold-glow);font-style:italic;font-family:var(--font-serif);font-size:1.08em}.page-number{font-family:var(--font-serif);color:#c8a84b47;letter-spacing:.2em;text-transform:uppercase;font-size:.65rem;position:absolute;bottom:24px;right:28px}.light-halo{filter:blur(200px);z-index:-1;pointer-events:none;border-radius:50%;width:80vw;height:80vw;position:absolute}.white-halo{background:radial-gradient(circle,#ffffff0f 0%,#0000 65%);top:-10%;left:-25%}.amber-halo{background:radial-gradient(circle,#c8641417 0%,#0000 65%);bottom:-15%;right:-20%}.rose-halo{background:radial-gradient(circle,#b43c5a12 0%,#0000 65%);top:10%;right:-20%}.fusion-halo{filter:blur(160px);z-index:-1;background:radial-gradient(circle,#c8a84b1c 0%,#c86e3c0d 35%,#ffffff05 55%,#0000 70%);border-radius:50%;width:120vw;height:120vw;animation:12s ease-in-out infinite alternate halo-breathe;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes halo-breathe{0%{opacity:.75;transform:translate(-50%,-50%)scale(1)}to{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}.poem-title{font-family:var(--font-serif);color:var(--ivory);letter-spacing:4px;font-size:3rem;font-weight:300}.poem-line{font-family:var(--font-serif);color:var(--ivory-dim);text-align:center;margin-bottom:1rem;font-size:1.3rem;line-height:1.9}@keyframes animate-pulse{0%,to{opacity:.82;text-shadow:0 0 30px #c8a84b59}50%{opacity:1;text-shadow:0 0 60px #c8a84bb3,0 0 100px #c8a84b33}}.animate-pulse{animation:4s ease-in-out infinite animate-pulse}#site-footer{z-index:10;text-align:center;border-top:1px solid #c8a84b26;flex-direction:column;align-items:center;gap:1rem;padding:3rem 4rem;display:flex;position:relative}#site-footer:before{content:"";background:linear-gradient(90deg,#0000,#c8a84b66,#0000);height:1px;position:absolute;top:0;left:10%;right:10%}.footer-brand{font-family:var(--font-serif);letter-spacing:6px;color:var(--ivory);align-items:center;gap:.3rem;font-size:1.8rem;font-weight:300;display:flex}.footer-yaz{font-family:var(--font-tifinagh);color:var(--gold-light);text-shadow:0 0 20px var(--gold-glow);font-size:2.2rem}.footer-tagline{font-family:var(--font-serif);letter-spacing:.45em;text-transform:uppercase;color:var(--gold-primary);opacity:.8;font-size:.8rem;font-style:italic}.footer-sub{letter-spacing:.25em;text-transform:uppercase;color:var(--ivory-ghost);opacity:.4;font-size:.6rem}strong{color:var(--gold-light);font-weight:400}em{color:var(--ivory);opacity:.94;font-style:italic}.fade-in{opacity:1}.reveal{opacity:0;transition:opacity .9s var(--ease-silk), transform .9s var(--ease-silk);transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (width<=900px){.nav-links{display:none}.slide-frame{max-width:96vw;padding:2.5rem 2rem}.main-title{font-size:2.8rem}.section-title{font-size:2.1rem}#side-nav{display:none}}@media (width<=600px){#site-nav{padding:0 1.4rem}.slide-frame{padding:2rem 1.4rem}p{font-size:.97rem}.drop-cap{font-size:3.8rem;line-height:3rem}.letter{font-size:3rem}.yaz-symbol{font-size:4rem}}