@font-face{font-family:'Reem Kufi';src:url('assets/ReemKufi-Medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'Reem Kufi';src:url('assets/ReemKufi-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'Tajawal';src:url('assets/Tajawal-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Tajawal';src:url('assets/Tajawal-Medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'Tajawal';src:url('assets/Tajawal-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}

:root{color-scheme:dark;--ink:#f1e9dc;--muted:#b8b3b5;--gold:#d8b989;--line:rgba(232,214,184,.28);--black:#05070f;font-family:'Tajawal',Tahoma,sans-serif}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--black)}
body{color:var(--ink)}
button,a{font:inherit}
button{cursor:pointer}
a{color:inherit}
button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
[tabindex="-1"]:focus{outline:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:-5rem;right:1rem;z-index:100;padding:.6rem 1rem;background:#e8d5b4;color:#111;text-decoration:none}
.skip-link:focus{top:1rem}
.experience,.scene-stack{position:fixed;inset:0;overflow:hidden}
.experience{isolation:isolate;perspective:1450px}
.grain{position:fixed;inset:0;z-index:35;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.topbar{position:fixed;z-index:40;top:0;right:0;left:0;height:92px;padding:0 clamp(24px,4.5vw,76px);display:flex;align-items:center;gap:2.4rem;background:linear-gradient(#05070fb8,#05070f00)}
.brand{font-family:Georgia,serif;font-size:1.75rem;font-weight:700;letter-spacing:-.1em;text-decoration:none;line-height:1}
.brand span:first-child{color:var(--gold)}.brand__point{color:var(--gold);padding-left:.07em}
.topbar__tagline{font-size:.76rem;color:#d3c9bd}
.audio-toggle{margin-right:auto;display:flex;align-items:center;gap:.75rem;padding:.55rem .8rem;border:1px solid var(--line);background:#08101b80;color:#e3d8c8;font-size:.76rem;backdrop-filter:blur(14px)}
.audio-toggle:hover{border-color:var(--gold);background:#172332bb}
.audio-toggle__bars{height:14px;display:flex;align-items:end;gap:3px;direction:ltr}
.audio-toggle__bars i{display:block;width:2px;background:var(--gold);animation:bounce 1.1s ease-in-out infinite alternate}
.audio-toggle__bars i:nth-child(1){height:5px}.audio-toggle__bars i:nth-child(2){height:12px;animation-delay:-.35s}.audio-toggle__bars i:nth-child(3){height:8px;animation-delay:-.7s}
.audio-toggle.is-muted .audio-toggle__bars i{animation:none;height:2px}
@keyframes bounce{to{height:3px}}
.scene{position:absolute;inset:0;overflow:hidden;visibility:hidden;opacity:0;pointer-events:none;transform:translate3d(-26%,0,-420px) rotateY(10deg);transform-origin:center;transition:transform 1.15s cubic-bezier(.2,.7,.1,1),opacity .85s ease,visibility 1.15s;will-change:transform,opacity}
.scene.is-active{visibility:visible;opacity:1;pointer-events:auto;transform:translate3d(0,0,0) rotateY(0);z-index:3;transition:transform 1.15s cubic-bezier(.2,.7,.1,1),opacity .85s ease,visibility 0s}
.scene.is-before{transform:translate3d(28%,0,-420px) rotateY(-10deg)}
.scene.is-after{transform:translate3d(-28%,0,-420px) rotateY(10deg)}
.is-hydrating .scene{transition:none!important}
.scene.is-active.is-dragging{transform:translate3d(var(--drag-x),0,0) rotateY(0);transition:none;cursor:grabbing;user-select:none}
@media(pointer:fine){.scene.is-active:not(.scene--threshold){cursor:grab}.scene.is-active.is-dragging{cursor:grabbing}}
.scene__image,.scene__veil,.scene__dust{position:absolute;inset:0;pointer-events:none}
.scene__image{inset:-3%;background-repeat:no-repeat;background-size:cover;transform:translate3d(var(--look-x,0px),var(--look-y,0px),0) scale(var(--depth-scale,1.035));transition:transform 1.35s cubic-bezier(.18,.68,.18,1);will-change:transform}
.scene__image--gate{background-image:url('assets/space-gate.webp');background-position:center;transform:translate3d(var(--look-x,0px),var(--look-y,0px),0) scale(var(--depth-scale,1.035)) scaleX(-1)}
.scene__image--archive{background-image:url('assets/space-archive.webp');background-position:center}
.scene.is-before{--depth-scale:1.13}
.scene.is-after{--depth-scale:1.19}
.scene.is-active{--depth-scale:1.035}
.scene__depth{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none;opacity:.75;mix-blend-mode:screen}
.scene__webgl{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;filter:drop-shadow(0 0 18px #d7bd8860)}
.scene__webgl[hidden]{display:none}
.experience.has-webgl .scene__depth{opacity:.24}
.scene__veil--gate{background:linear-gradient(270deg,#050711e8 0%,#080a15b0 28%,#090b180c 67%),linear-gradient(0deg,#05070fd9 0%,transparent 25%,transparent 70%,#05070f7d)}
.scene__veil--presence{background:linear-gradient(270deg,#040610ed 0%,#060915a8 46%,#0407123d 100%),linear-gradient(0deg,#05070fde,transparent 27%)}
.scene__veil--archive{background:radial-gradient(ellipse at 50% 50%,#070a17b0,#03040bd4 80%),linear-gradient(0deg,#05070fee,transparent 33%)}
.scene__veil--echoes{background:linear-gradient(90deg,#060919ed,#070918b0 50%,#06091d80),radial-gradient(circle at 75% 45%,#b39c691c,transparent 40%)}
.scene__veil--departure{background:linear-gradient(270deg,#050711ef 0%,#060916ba 52%,#0507118c),linear-gradient(0deg,#05070fe8,transparent 35%)}
.scene__dust{opacity:.4;background-image:radial-gradient(1px 1px at 15% 20%,#fff,transparent),radial-gradient(1px 1px at 72% 68%,#fff,transparent),radial-gradient(2px 2px at 46% 32%,#e8d7b3,transparent),radial-gradient(1px 1px at 90% 12%,#fff,transparent);background-size:310px 270px;animation:drift 16s ease-in-out infinite alternate}
@keyframes drift{to{transform:translate3d(20px,-15px,0)}}
.eyebrow{display:flex;align-items:center;gap:.75rem;margin:0 0 1.2rem;color:#edd3a8;font-size:.95rem;font-weight:700;letter-spacing:.035em;text-shadow:0 0 18px #dfba7c60}
.eyebrow::before{content:'';width:24px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
h1,h2,p{margin-top:0}
h1,h2,.presence-copy__line{font-family:'Reem Kufi',Tahoma,sans-serif;font-weight:500}
h1 em,h2 em,.presence-copy__line em{font-style:normal;font-weight:700;color:var(--gold)}
.reveal-line{display:block;overflow:clip;overflow-clip-margin:.08em;line-height:inherit}
.reveal-line__inner{position:relative;display:block;width:fit-content;max-width:100%;line-height:inherit}
.scene.is-active .reveal-line__inner{animation:words-arrive 1.08s cubic-bezier(.16,.8,.18,1) .18s both}
.scene.is-active .reveal-line:nth-child(2) .reveal-line__inner{animation-delay:.46s}
.reveal-line--accent .reveal-line__inner::after{content:'';position:absolute;right:0;bottom:.07em;width:60%;height:1px;background:linear-gradient(270deg,#f1d4a6b0,transparent);transform-origin:right;opacity:0}
.scene.is-active .reveal-line--accent .reveal-line__inner::after{animation:line-glow 1.15s ease .9s both}
.scene.is-active .eyebrow,.scene.is-active .intro-identity{animation:soft-arrive .8s ease .08s both}
.scene.is-active .flow-copy{animation:soft-arrive 1s cubic-bezier(.2,.75,.2,1) .85s both}
.scene.is-active .home-status{animation:soft-arrive .9s ease .45s both}
.scene.is-active .scene-side-note{animation:soft-arrive 1s ease .9s both}
.scene.is-active .presence-copy h2{animation:soft-arrive 1s cubic-bezier(.2,.75,.2,1) .2s both}
.scene.is-active .intro-bottom{animation:soft-arrive .9s ease 1.05s both}
.scene.is-active .door-trigger__cue{animation:cue-arrive .9s ease 1.05s both}
@keyframes words-arrive{from{opacity:0;transform:translate3d(0,88%,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes soft-arrive{from{opacity:0;transform:translate3d(0,16px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes cue-arrive{from{opacity:0}to{opacity:1}}
@keyframes line-glow{0%{opacity:0;transform:scaleX(0)}50%{opacity:.8}100%{opacity:.55;transform:scaleX(1)}}
.intro-copy{position:absolute;z-index:3;top:33%;right:clamp(34px,8.5vw,155px);text-align:right;direction:rtl}
.intro-copy h1{margin:0;font-size:clamp(3.7rem,6.5vw,6.5rem);line-height:1.45;text-shadow:0 8px 60px #0009}
.scene-verse{margin:1.1rem 0 0;font-family:'Tajawal',Tahoma,sans-serif;font-size:clamp(1.35rem,1.7vw,1.7rem);line-height:1.5;color:#f0e5d8;max-width:36rem;text-shadow:0 3px 22px #000}
.intro-identity{display:flex;align-items:center;gap:1rem;margin:0 0 1rem;color:#ead9bd;text-shadow:0 3px 20px #000}
.intro-identity__name{font-family:Georgia,serif;font-size:1.7rem;font-weight:700;letter-spacing:-.09em;line-height:1}
.intro-identity__name span{color:#f2d29a;text-shadow:0 0 18px #efc98e9c}
.intro-identity__chapter{padding-right:1rem;border-right:1px solid #e5c69577;color:#deccb1;font-size:.77rem;white-space:nowrap}
.home-status{position:absolute;z-index:5;top:18%;right:clamp(34px,8.5vw,155px);display:flex;align-items:center;gap:.9rem;min-width:212px;padding:.75rem 1rem;border:1px solid #e1c18d52;background:linear-gradient(240deg,#111926cf,#080c16a8);box-shadow:0 15px 44px #0006,inset 0 1px #fff1;backdrop-filter:blur(10px);pointer-events:none;direction:rtl;text-align:right}
.home-status::after{content:'';position:absolute;right:0;bottom:0;width:38%;height:1px;background:linear-gradient(90deg,transparent,#f2d8a4b8)}
.home-status__orb{position:relative;flex:none;width:9px;height:9px;border-radius:50%;background:#f8dbab;box-shadow:0 0 12px 3px #ecc78f9c;transform:scale(var(--sound-scale,1))}
.home-status__orb::after{content:'';position:absolute;inset:-6px;border:1px solid #f0d5a484;border-radius:50%;animation:status-breathe 3s ease-in-out infinite}
.home-status__copy{display:flex;flex-direction:column;gap:.18rem}
.home-status__copy small{color:#c7b79e;font-size:.66rem;line-height:1.2}
.home-status__copy strong{color:#fbefdc;font-size:.91rem;font-weight:500;line-height:1.25}
@keyframes status-breathe{50%{opacity:.25;transform:scale(1.55)}}
.door-trigger{position:absolute;z-index:6;left:21%;top:16%;width:17%;height:61%;padding:0;border:0;background:none;transform:translateZ(30px);perspective:800px;cursor:pointer}
.door-trigger__light{position:absolute;top:18%;left:16%;width:70%;height:58%;border-radius:45%;background:radial-gradient(ellipse,#f8e4b55b,transparent 68%);filter:blur(17px);opacity:.4;transform:scale(var(--sound-scale,1));transition:opacity .5s,transform .8s}
.door-trigger__slab{position:absolute;top:17%;left:21%;width:60%;height:58%;border:1px solid #d9c79a20;border-radius:45% 45% 4% 4%;background:linear-gradient(270deg,#060912a1,#c0aa7326 48%,#0a0d19b3);box-shadow:inset 0 0 25px #e9d7a814,0 0 30px #e9d7a80e;transform-origin:right center;transition:transform 1s cubic-bezier(.2,.7,.1,1),box-shadow .5s}
.door-trigger__slab i{position:absolute;top:46%;right:15%;width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 15px var(--gold)}
.door-trigger:hover .door-trigger__slab,.door-trigger:focus-visible .door-trigger__slab{transform:rotateY(14deg);box-shadow:inset 0 0 40px #e9d7a83d,0 0 48px #e9d7a83d}
.door-trigger:hover .door-trigger__light{opacity:.9;transform:scale(1.25)}
.door-trigger.is-opening .door-trigger__slab{transform:rotateY(73deg)}
.door-trigger.is-opening .door-trigger__light{opacity:1;transform:scale(2.7)}
.scene--threshold.is-opening .scene__image--gate{transform:scale(1.15) scaleX(-1)}
.threshold-flash{position:absolute;z-index:4;left:28%;top:43%;width:min(35vw,42vh);aspect-ratio:1;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fff4d7 0%,#f5deb69c 12%,#c8d6e370 30%,transparent 69%);mix-blend-mode:screen;opacity:0;transform:translate(-50%,-50%) scale(.15)}
.scene--threshold.is-opening .threshold-flash{animation:threshold-passage 1s cubic-bezier(.16,.65,.24,1) both}
@keyframes threshold-passage{0%{opacity:0;transform:translate(-50%,-50%) scale(.15)}32%{opacity:.9}100%{opacity:0;transform:translate(-50%,-50%) scale(4)}}
.door-trigger__cue{position:absolute;bottom:1%;right:50%;transform:translateX(50%);white-space:nowrap;color:#faeacb;font-size:.9rem;text-shadow:0 2px 12px #000}
.door-trigger__cue span{display:inline-block;margin-right:.7rem;font-size:1.2rem;animation:cue 1.8s ease-in-out infinite}
@keyframes cue{50%{transform:translate(-4px,-4px)}}
.intro-bottom{position:absolute;right:clamp(24px,4.5vw,76px);bottom:37px;color:#d8cec0;font-size:.78rem}
.intro-bottom span{margin:0 .6rem;color:var(--gold)}
.presence-copy{position:absolute;z-index:3;top:24%;right:clamp(34px,11vw,190px);max-width:680px;text-align:right}
.presence-copy h2{margin:0;font-family:Georgia,serif;font-size:clamp(6.5rem,16vw,16rem);font-weight:700;letter-spacing:-.13em;line-height:.9;text-shadow:0 10px 70px #000}
.presence-copy h2 span{color:var(--gold)}
.presence-copy__line{font-size:clamp(1.75rem,2.5vw,2.65rem);line-height:1.7;margin:1.4rem 0 1.5rem;text-shadow:0 4px 30px #000b}
.presence-copy__about{max-width:36rem;margin:0;color:#e3ded4;font-family:'Tajawal',Tahoma,sans-serif;font-size:clamp(1.1rem,1.35vw,1.32rem);line-height:1.7;text-shadow:0 4px 22px #000}
.lab-caption{display:inline-flex;align-items:center;gap:.58rem;margin-top:1.65rem;padding-top:.65rem;border-top:1px solid #d8b98955;color:#cbbda6;font-family:'Tajawal',Tahoma,sans-serif;font-size:.77rem;letter-spacing:.02em;animation:soft-arrive 1s ease 1.2s both}
.lab-caption i{width:5px;height:5px;border-radius:50%;background:#e5c995;box-shadow:0 0 13px #e5c995}
.lab-caption b{font-weight:400;color:#937f64}
.scene-side-note{position:absolute;bottom:12%;left:clamp(34px,7vw,110px);font-family:'Tajawal',Tahoma,sans-serif;font-size:1.25rem;color:#e2d0b7;writing-mode:vertical-rl}
.scene--archive{display:grid;grid-template-rows:auto minmax(0,1fr);padding:clamp(90px,13vh,140px) clamp(30px,5vw,85px) clamp(75px,10vh,100px)}
.archive-copy{position:relative;z-index:4;grid-row:1;max-width:440px}
.archive-copy .eyebrow{margin-bottom:.8rem}
.archive-copy h2{font-size:clamp(2.45rem,3.4vw,4rem);line-height:1.5;margin:0 0 .45rem;text-shadow:0 6px 34px #000b}
.archive-copy>p:last-child{font-family:'Tajawal',Tahoma,sans-serif;font-size:clamp(1.25rem,1.55vw,1.55rem);line-height:1.5;color:#f0e4d7}
.constellation{position:relative;grid-row:2;min-height:0;z-index:3;pointer-events:none}
.artifact{position:absolute;left:var(--x);top:var(--y);min-width:115px;padding:20px 12px;border:0;background:none;color:var(--ink);text-align:center;transform:translate(-50%,-50%);pointer-events:auto;animation:float 5s ease-in-out var(--delay) infinite alternate}
.artifact__halo{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,#e3c38738,transparent 70%);filter:blur(8px);opacity:.55;transform:scale(var(--sound-scale,1));transition:transform .4s,opacity .4s}
.artifact__symbol{position:relative;display:block;font-family:Georgia,serif;font-size:clamp(2.5rem,4vw,4.5rem);line-height:1;color:#ead5ad;text-shadow:0 0 26px #f6d9a982;transition:transform .4s}
.artifact__name{position:relative;display:block;margin-top:.25rem;font-family:'Reem Kufi',Tahoma,sans-serif;font-size:1.35rem;line-height:1.5}
.artifact__short{position:relative;display:block;color:#ded3c4;font-size:.74rem;white-space:nowrap}
.artifact:hover .artifact__halo,.artifact:focus-visible .artifact__halo{opacity:1;transform:scale(1.5)}
.artifact:hover .artifact__symbol,.artifact:focus-visible .artifact__symbol{transform:scale(1.2)}
.artifact.is-discovered .artifact__symbol{color:#fff2cc;text-shadow:0 0 42px #f8d795}
.scene.is-active .artifact__symbol,.scene.is-active .artifact__name{animation:artifact-arrive .85s ease var(--enter-delay,0s) both}
@keyframes artifact-arrive{from{opacity:0}to{opacity:1}}
@keyframes float{to{transform:translate(-50%,calc(-50% - 15px))}}
.archive-progress{position:absolute;z-index:5;bottom:11%;right:clamp(30px,5vw,85px);display:flex;gap:1rem;align-items:baseline;color:var(--gold);font-size:.8rem}
.archive-progress strong{font-family:Georgia,serif;font-size:1.3rem;font-weight:400;letter-spacing:0}
.echoes__light{position:absolute;z-index:1;top:50%;left:26%;width:min(67vw,880px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#f5dbad25 0 8%,#e3bf7d10 16%,transparent 46%),conic-gradient(from 10deg,#e4c48c00 0deg,#f1d6a31e 21deg,#e4c48c00 45deg,#e4c48c00 105deg,#f4d5a21d 126deg,#e4c48c00 150deg,#e4c48c00 210deg,#f1d6a31b 230deg,#e4c48c00 255deg,#e4c48c00 360deg);filter:blur(2px);animation:light-breathe 8s ease-in-out infinite alternate;pointer-events:none}
.echoes__light::before,.echoes__light::after{content:'';position:absolute;inset:17%;border:1px solid #eacfa528;border-radius:50%;box-shadow:0 0 60px #f1ce9222,inset 0 0 50px #dfbd8421}
.echoes__light::after{inset:29%;border-color:#f6d9a840;box-shadow:0 0 28px #f3d39540;animation:orbit-pulse 5s ease-in-out infinite alternate}
.echoes__light span{position:absolute;inset:35%;border-radius:50%;background:radial-gradient(circle,#fff0cf75 0,#dfbc7b38 25%,transparent 70%);filter:blur(12px);transform:scale(var(--sound-scale,1))}
.echoes__light i{position:absolute;top:15%;left:53%;width:4px;height:4px;border-radius:50%;background:#fff3d3;box-shadow:0 0 13px 5px #f0d19e9c;animation:glimmer 3s ease-in-out infinite alternate}
.echoes__rays{position:absolute;z-index:1;inset:0;background:repeating-conic-gradient(from 215deg at 27% 50%,#f0d3a60c 0 2deg,transparent 2deg 13deg);mask-image:radial-gradient(circle at 27% 50%,#000 0,transparent 58%);animation:rays-turn 45s linear infinite;pointer-events:none}
@keyframes light-breathe{to{opacity:.7;transform:translate(-50%,-50%) scale(1.1) rotate(8deg)}}
@keyframes orbit-pulse{to{opacity:.45;transform:scale(1.08)}}
@keyframes glimmer{to{opacity:.25;transform:scale(.7)}}
@keyframes rays-turn{to{transform:rotate(9deg)}}
.echoes-copy{position:absolute;z-index:3;top:50%;right:clamp(35px,9vw,165px);width:min(68%,940px);transform:translateY(-50%);text-align:right}
.echoes-copy::before{content:'';position:absolute;z-index:-1;inset:-3rem -3rem -3rem -5rem;background:linear-gradient(270deg,#060915e8 1%,#060915a8 53%,transparent 100%);filter:blur(25px);pointer-events:none}
.echoes-copy h2{font-size:clamp(2.8rem,4.7vw,5.1rem);line-height:1.35;margin:0 0 1.25rem;text-shadow:0 7px 32px #000e}
.echoes-copy>p:not(.eyebrow){font-family:'Tajawal',Tahoma,sans-serif;font-size:clamp(1.4rem,1.8vw,1.8rem);line-height:1.5;color:#f0e4d8}
.poem{position:relative;margin:0;padding:1.4rem 1.6rem 1.3rem 0;border-right:2px solid #eac78d;background:linear-gradient(270deg,#161722a1,transparent 85%);font-family:'Reem Kufi',Tahoma,sans-serif;font-size:clamp(1.7rem,2.55vw,2.8rem);font-weight:500;line-height:1.95;color:#fbf3e6;text-shadow:0 2px 25px #000;box-shadow:25px 0 65px -55px #edc98a80}
.poem::before{content:'“';position:absolute;top:-2.8rem;right:.2rem;font-family:Georgia,serif;font-size:8rem;line-height:1;color:#eac88b26;pointer-events:none}
.poem__line{display:block;opacity:0;transform:translateY(18px);transition:opacity .9s ease,transform 1s cubic-bezier(.2,.8,.2,1)}
.scene.is-active .poem__line{opacity:1;transform:translateY(0)}
.scene.is-active .poem__line:nth-child(1){transition-delay:.45s}
.scene.is-active .poem__line:nth-child(2){transition-delay:.85s;color:#f5d7a2}
.poem cite{display:block;margin-top:1.3rem;font-family:'Tajawal',Tahoma,sans-serif;font-size:.95rem;font-style:normal;color:#dcc39d;opacity:0;transform:translateY(9px);transition:opacity .8s ease 1.2s,transform .8s ease 1.2s}
.scene.is-active .poem cite{opacity:1;transform:translateY(0)}
.poem cite a{text-decoration:none;border-bottom:1px solid var(--line)}
.poem cite a:hover{border-bottom-color:var(--gold)}
.echoes__marks{position:absolute;bottom:18%;left:9%;display:flex;gap:1.1rem;color:#b5a88e54;font-size:2rem}
.echoes__marks .is-lit{color:#e8d2a9;text-shadow:0 0 20px #e9cca87a}
.departure-copy{position:absolute;z-index:3;top:26%;right:clamp(35px,8vw,145px);max-width:900px}
.departure-copy h2{font-size:clamp(2.8rem,4.7vw,5.1rem);line-height:1.5;margin:0 0 .8rem;text-shadow:0 6px 35px #000c}
.departure-copy>p:not(.eyebrow){font-family:'Tajawal',Tahoma,sans-serif;font-size:clamp(1.4rem,1.8vw,1.8rem);line-height:1.5;color:#eee2d4}
.departure-links{display:flex;gap:1.7rem;margin:1.5rem 0}
.departure-link{display:inline-block;color:#dfcdaf;font-size:.88rem;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:.35rem}
.departure-link.is-pending{opacity:.55}
.departure-traces{position:absolute;bottom:17%;left:8%;display:flex;flex-wrap:wrap;max-width:270px;gap:.4rem 1rem;color:#cbc2b4;font-family:'Tajawal',Tahoma,sans-serif;font-size:1rem}
.departure-traces .is-lit{color:#e2cda7}
.journey-hint{position:fixed;z-index:39;bottom:78px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.8rem;white-space:nowrap;color:#eadbc5c9;font-size:.8rem;letter-spacing:.02em;text-shadow:0 2px 12px #000;pointer-events:none;transition:opacity .7s}
.journey-hint[hidden]{display:none}
.journey-hint.has-moved{opacity:.5}
.journey-hint__text--touch{display:none}
.journey-hint__trail{position:relative;width:52px;height:1px;background:linear-gradient(90deg,transparent,#dcc3979c,transparent)}
.journey-hint__trail i{position:absolute;top:-2px;left:0;width:5px;height:5px;border-radius:50%;background:#f7d99f;box-shadow:0 0 12px 3px #e8be7d91;animation:travel 2.8s ease-in-out infinite alternate}
@keyframes travel{to{transform:translateX(47px)}}
.chapter-nav{position:fixed;z-index:40;bottom:26px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center}
.chapter-nav[hidden]{display:none}
.chapter-nav__dots{position:relative;display:flex;align-items:center;gap:10px}
.chapter-nav__dots::before{content:'';position:absolute;left:18px;right:18px;top:50%;height:1px;background:linear-gradient(90deg,transparent,#c7a9767a,transparent);pointer-events:none}
.chapter-nav__dots button{position:relative;width:34px;height:34px;padding:0;border:0;background:none}
.chapter-nav__dots button::before{content:'';position:absolute;top:50%;left:50%;width:5px;height:5px;border:1px solid #dfc99eac;border-radius:50%;background:#090e1a;transform:translate(-50%,-50%) rotate(45deg);transition:width .35s,height .35s,background .35s,box-shadow .35s,border-radius .35s}
.chapter-nav__dots button:hover::before,.chapter-nav__dots button:focus-visible::before{width:9px;height:9px;border-color:#f4dcac;box-shadow:0 0 17px #eac994}
.chapter-nav__dots button.is-current::before{width:9px;height:9px;border-radius:2px;background:#f3d6a0;box-shadow:0 0 11px 3px #eac994a3,0 0 28px #eac99478}
.chapter-label{position:fixed;z-index:40;bottom:47px;right:clamp(24px,4.5vw,76px);color:#e1d0ba;font-size:.75rem}
.chapter-label[hidden]{display:none}
.music-credit{position:fixed;z-index:40;bottom:45px;left:clamp(24px,4.5vw,76px);color:#b8ae9c;font-family:Georgia,serif;font-size:.55rem;letter-spacing:.12em}
.music-credit span{color:var(--gold)}
.artifact-dialog{width:min(480px,calc(100% - 36px));border:1px solid #a68d68a8;padding:2.4rem;background:linear-gradient(145deg,#141c2e,#080b15);color:var(--ink);box-shadow:0 20px 80px #000b;text-align:right}
.artifact-dialog::backdrop{background:#02040bc9;backdrop-filter:blur(10px)}
.artifact-dialog__close{position:absolute;top:.5rem;left:.7rem;border:0;background:none;color:#ebdcc4;font-size:2rem}
.artifact-dialog__symbol{display:block;color:var(--gold);font-size:4rem;line-height:1;margin-bottom:.7rem}
.artifact-dialog h2{font-size:3.1rem;line-height:1.5;margin:0 0 .5rem}
.artifact-dialog>p:not(.eyebrow){font-family:'Tajawal',Tahoma,sans-serif;font-size:1.45rem;line-height:1.55;color:#eee4d7}
.artifact-dialog__footnote{display:block;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line);font-size:.78rem;color:#c6b9a7}

@media(max-width:700px){
 .topbar{height:72px;padding:0 20px;gap:1rem}.topbar__tagline{display:none}.audio-toggle{font-size:.72rem}
 .scene__image--gate{background-position:67% center}.scene__image--archive{background-position:center}
 .scene__veil--gate{background:linear-gradient(0deg,#050711ed 0%,#050711b2 35%,#05071113 80%),linear-gradient(270deg,#05071180,transparent 70%)}
 .home-status{top:94px;right:20px;min-width:0;padding:.57rem .72rem;gap:.6rem}.home-status__copy strong{font-size:.78rem}.home-status__copy small{font-size:.6rem}.home-status__orb{width:7px;height:7px}
 .intro-copy{top:auto;bottom:12%;left:25px;right:25px}.intro-copy h1{font-size:clamp(3.5rem,13vw,5.5rem);line-height:1.34}.intro-identity{margin-bottom:.65rem}.intro-identity__name{font-size:1.38rem}.intro-identity__chapter{font-size:.7rem}.scene-verse{margin-top:.65rem;font-size:1.08rem;line-height:1.5}
 .door-trigger{left:6%;top:11%;width:49%;height:43%}.door-trigger__cue{bottom:-1%;font-size:.78rem}
 .intro-bottom{display:none}.presence-copy{top:20%;left:28px;right:28px}.presence-copy h2{font-size:clamp(7rem,32vw,12rem)}.presence-copy__line{font-size:1.85rem}.presence-copy__about{font-size:1.08rem;line-height:1.55}.lab-caption{margin-top:.9rem;font-size:.68rem}
 .scene-side-note{display:none}.scene--archive{padding:78px 25px 98px}.archive-copy{max-width:none}.archive-copy h2{font-size:2.35rem}.archive-copy>p:last-child{font-size:1.1rem;max-width:310px}
 .artifact{min-width:80px;padding:8px 2px}.artifact__symbol{font-size:2.8rem}.artifact__name{font-size:1.2rem}.artifact__short{display:none}
 .artifact:nth-child(1){--x:84%!important;--y:34%!important}.artifact:nth-child(2){--x:52%!important;--y:52%!important}.artifact:nth-child(3){--x:19%!important;--y:31%!important}.artifact:nth-child(4){--x:75%!important;--y:78%!important}.artifact:nth-child(5){--x:21%!important;--y:76%!important}
 .archive-progress{display:none}.echoes-copy{top:45%;right:28px;left:28px;width:auto}.echoes-copy::before{inset:-2rem -1.5rem -2rem -1.5rem;background:linear-gradient(270deg,#060915bd,#0609158c 65%,transparent)}.echoes-copy h2{font-size:clamp(2.7rem,9vw,4rem);margin-bottom:1rem}.echoes__light{left:35%;top:54%;width:125vw}.echoes__rays{mask-image:radial-gradient(circle at 35% 54%,#000 0,transparent 75%)}.echoes__marks{left:8%;bottom:16%;font-size:1.5rem}.poem{font-size:clamp(1.5rem,5.5vw,1.95rem);line-height:1.7;padding:1rem 1rem .8rem 0}.poem cite{font-size:.78rem;margin-top:.9rem}
 .departure-copy{top:22%;right:25px;left:25px}.departure-copy h2{font-size:clamp(2.8rem,9vw,4.2rem)}.departure-copy>p:not(.eyebrow){font-size:1.25rem}.departure-traces{display:none}
 .journey-hint{bottom:70px;font-size:.76rem}.journey-hint__text--desktop{display:none}.journey-hint__text--touch{display:block}.chapter-nav{bottom:20px}.chapter-label{right:20px;bottom:95px}.music-credit{left:20px;bottom:97px;font-size:.48rem;max-width:45%;line-height:1.5}
 .experience.is-at-threshold .music-credit{bottom:24px}
}
@media(max-width:380px), (max-height:650px){
 .intro-copy{bottom:8%}.intro-copy h1{font-size:clamp(3rem,12vw,4.4rem);line-height:1.22}.intro-identity{margin-bottom:.4rem}.scene-verse{font-size:1rem;line-height:1.4}.home-status{top:80px}.experience.is-at-threshold .music-credit{bottom:8px}.presence-copy{top:16%}.presence-copy h2{font-size:6.7rem}.presence-copy__line{font-size:1.5rem;margin:.6rem 0}.presence-copy__about{font-size:.96rem;line-height:1.4}.lab-caption{margin-top:.5rem}.scene--archive{padding-top:65px;padding-bottom:85px}.archive-copy h2{font-size:2.1rem}.artifact__symbol{font-size:2.4rem}.artifact__name{font-size:1.05rem}.echoes-copy{top:44%}.echoes-copy h2{font-size:2.5rem}.poem{font-size:1.38rem;line-height:1.55}.departure-copy{top:15%}
}
@media(max-height:540px) and (min-width:701px){
 .intro-copy{top:24%}.presence-copy{top:19%}.scene--archive{padding-top:65px;padding-bottom:80px}.archive-copy h2{font-size:2.2rem}.echoes-copy{top:51%}.echoes-copy h2{font-size:2.8rem;margin-bottom:.2rem}.poem{font-size:1.5rem;line-height:1.45;padding:.5rem 1rem .5rem 0}.poem cite{margin-top:.3rem}.departure-copy{top:17%}.chapter-nav{bottom:18px}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
 .scene.is-active .reveal-line__inner,.scene.is-active .reveal-line--accent .reveal-line__inner::after,.scene.is-active .eyebrow,.scene.is-active .intro-identity,.scene.is-active .flow-copy,.scene.is-active .home-status,.scene.is-active .scene-side-note,.scene.is-active .presence-copy h2,.scene.is-active .intro-bottom,.scene.is-active .door-trigger__cue,.scene.is-active .artifact__symbol,.scene.is-active .artifact__name,.scene--threshold.is-opening .threshold-flash{animation-delay:0ms!important}
 .scene__depth{display:none}
 .scene.is-active .poem__line,.scene.is-active .poem cite{transition-delay:0ms!important}
}