@font-face{font-family:Plex;src:url(/fonts/plex-arabic-regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Plex;src:url(/fonts/plex-arabic-semibold.ttf) format("truetype");font-weight:600 800;font-display:swap}:root{font-family:Plex,Arial,sans-serif;color:#fff2d9;background:#262d29;font-synthesis:none;--amber:#e6b971;--paper:#eee8da;--ink:#292f29}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;touch-action:manipulation}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--amber);outline-offset:5px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}button{color:inherit}::selection{background:#d7be8e;color:#252b25}.skip{position:fixed;top:-70px;right:20px;z-index:20;background:var(--paper);color:var(--ink);padding:12px}.skip:focus{top:15px}.journey{position:relative}.stage{position:relative;min-height:100svh;overflow:hidden;background:#2a322c}.room-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}#scene{position:absolute;inset:0;opacity:0;transition:opacity .3s}#scene.ready{opacity:1}#scene canvas{width:100%;height:100%;display:block;image-rendering:pixelated}.shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#111c2580,transparent 22%,transparent 75%,#15211dcc)}.room-header{position:absolute;inset:20px 4% auto;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{display:flex;align-items:center;gap:9px;font-size:20px;font-weight:600;text-shadow:0 2px 10px #101a13}.wordmark>span:first-child{font:32px monospace;color:var(--amber)}.settings{display:flex;align-items:center;gap:20px}.settings button{font-size:12px;padding:8px 2px;min-height:44px;background:none;border:0;text-shadow:0 2px 6px #111e16}#language{border-inline-start:1px solid #c9d5c657;padding-inline-start:17px}.chapter{position:relative;padding:45px 25px;max-width:480px}.eyebrow{font-size:12px;color:#e9bd7c}.chapter h1{font-size:clamp(38px,4.8vw,65px);font-weight:600;line-height:1.5;letter-spacing:-1.2px}.chapter h2{font-size:clamp(24px,2.9vw,36px);font-weight:600;line-height:1.5;margin:8px 0 12px}.chapter p{font-size:16px;line-height:1.9;max-width:370px}.next,.quiet-link,#project-visit{display:inline-flex;align-items:center;gap:25px;min-height:44px;font-size:13px;margin-top:16px;padding:5px 0;border:0;border-bottom:1px solid #c3c9af80;background:none}.next span:last-child{font:20px Arial}.quiet-link:hover,#project-visit:hover,.next:hover{color:var(--amber)}.project-tabs{display:flex;gap:20px;margin:16px 0}.project-tabs button{min-height:40px;padding:5px 0;background:none;border:0;border-bottom:2px solid transparent;color:#dedcca;font-size:13px}.project-tabs button[aria-pressed=true]{color:var(--amber);border-color:var(--amber)}.project-copy h3{font-size:18px;font-weight:600;margin-bottom:8px}.project-copy p{font-size:14px;line-height:1.9}.contact-links{padding:0;list-style:none;margin:16px 0 0;max-width:300px}.contact-links a{display:flex;justify-content:space-between;align-items:center;gap:25px;min-height:48px;border-bottom:1px solid #d4dbc652;padding:8px 0;font-size:15px}.contact-links a:hover{color:var(--amber)}.room-nav{display:flex;align-items:center;gap:22px;padding:20px}.room-nav a{font-size:12px;display:flex;gap:9px;align-items:center;min-height:44px;color:#deded0}.step-dot{width:6px;height:6px;background:#e9bd7c;display:inline-block}.room-nav a[aria-current]{color:var(--amber)}.room-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;font-size:12px}.counter{font:11px monospace;direction:ltr;display:flex;align-items:center;gap:12px;color:#e0ddcc}.progress{display:block;height:2px;width:70px;background:#ebdfc147;overflow:hidden}.progress i{display:block;width:100%;height:100%;background:var(--amber);transform:scaleX(0);transform-origin:left}.enhanced:not(.simple) .journey{height:340svh}.enhanced:not(.simple) .stage{position:sticky;top:0;height:100svh;min-height:550px}.enhanced:not(.simple) .room-poster{opacity:1}.enhanced:not(.simple) .chapters{position:absolute;inset:0;pointer-events:none;z-index:3}.enhanced:not(.simple) .chapter{position:absolute;top:21%;inset-inline-end:6%;width:34%;max-width:420px;padding:0;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s,transform .18s;pointer-events:none;text-shadow:0 2px 12px #121f18}.enhanced:not(.simple) .chapter.active{opacity:1;visibility:visible;transform:none;pointer-events:auto}.enhanced:not(.simple) #about{inset-inline-end:auto;inset-inline-start:6%;top:27%}.enhanced:not(.simple) #home{top:23%}.enhanced:not(.simple) #links{top:24%}.enhanced:not(.simple) .room-nav{position:absolute;bottom:64px;inset-inline:4%;z-index:6;padding:0;justify-content:flex-end;gap:25px}.enhanced:not(.simple) .room-nav a{font-size:11px}.enhanced:not(.simple) .room-footer{position:absolute;bottom:18px;inset-inline:4%;padding:0;z-index:6}.enhanced:not(.simple)[data-chapter="1"] .shade{background:linear-gradient(90deg,#132018d9,transparent 58%),linear-gradient(180deg,#15201a60,transparent 30%,transparent 65%,#15211dc9)}.enhanced:not(.simple)[data-chapter="2"] .shade,.enhanced:not(.simple)[data-chapter="3"] .shade{background:linear-gradient(270deg,#132018ed,transparent 61%),linear-gradient(180deg,#15201a60,transparent 30%,transparent 65%,#15211dc9)}html[dir=ltr] .enhanced:not(.simple)[data-chapter="1"] .shade{background:linear-gradient(90deg,#132018e0,transparent 61%)}html[dir=ltr] .enhanced:not(.simple)[data-chapter="2"] .shade,html[dir=ltr] .enhanced:not(.simple)[data-chapter="3"] .shade{background:linear-gradient(270deg,#132018ec,transparent 61%)}.simple .stage,body:not(.enhanced) .stage{padding-top:95px}.simple .room-poster,body:not(.enhanced) .room-poster{height:440px;opacity:.6;object-position:center}.simple .chapters,body:not(.enhanced) .chapters{position:relative;z-index:2;max-width:860px;margin:auto;padding:20px}.simple .chapter,body:not(.enhanced) .chapter{max-width:600px;margin:auto;padding:30px 12px}.simple #home,body:not(.enhanced) #home{min-height:360px}.simple .chapter+.chapter,body:not(.enhanced) .chapter+.chapter{border-top:1px solid #b8c1a938}.simple .room-nav{justify-content:center}.simple .room-footer{max-width:750px;margin:auto}.simple .counter{display:none}dialog{padding:36px;max-width:480px;width:calc(100% - 32px);border:0;border-top:4px solid #8d9b70;background:var(--paper);color:var(--ink);box-shadow:8px 8px #151e2366}dialog::backdrop{background:#152017b3}dialog .eyebrow{color:#4e633c}dialog h2{font-size:24px;margin:10px 0}dialog p{font-size:15px;line-height:1.95}.note{font-size:13px!important;color:#62665a;margin-top:12px}#close-dialog{position:absolute;top:8px;inset-inline-end:9px;font:28px Arial;background:none;border:0;width:40px;height:40px;color:var(--ink)}@media(max-width:760px){.room-header{inset:15px 6% auto}.wordmark{font-size:17px}.settings{gap:13px}.settings button{font-size:11px}#language{padding-inline-start:12px}.enhanced:not(.simple) .journey{height:340svh}.enhanced:not(.simple) .stage{min-height:640px}.enhanced:not(.simple) .chapter,.enhanced:not(.simple) #about,.enhanced:not(.simple) #work,.enhanced:not(.simple) #links,.enhanced:not(.simple) #home{top:auto;bottom:150px;inset-inline:7%;width:auto;max-width:460px;padding:0}.enhanced:not(.simple) #home{top:13%;bottom:auto}.chapter h1{font-size:38px}.chapter h2{font-size:25px;line-height:1.4;margin:5px 0 10px}.chapter p{font-size:14px;line-height:1.8;max-width:360px}.eyebrow{font-size:11px}.enhanced:not(.simple) .room-nav{bottom:64px;inset-inline:7%;gap:22px;justify-content:flex-start}.enhanced:not(.simple) .room-nav a{font-size:11px}.enhanced:not(.simple) .room-footer{inset-inline:7%;bottom:21px;font-size:11px}.enhanced:not(.simple) .shade{background:linear-gradient(180deg,#16211b80,transparent 28%,transparent 69%,#16211be6)}.enhanced:not(.simple)[data-chapter="1"] .shade,.enhanced:not(.simple)[data-chapter="2"] .shade,.enhanced:not(.simple)[data-chapter="3"] .shade,html[dir=ltr] .enhanced:not(.simple)[data-chapter="1"] .shade,html[dir=ltr] .enhanced:not(.simple)[data-chapter="2"] .shade,html[dir=ltr] .enhanced:not(.simple)[data-chapter="3"] .shade{background:linear-gradient(180deg,#15201a73,transparent 18%,transparent 34%,#142019d9 58%,#142019f5 85%)}.project-tabs{gap:22px;margin:8px 0}.project-tabs button{font-size:12px}.project-copy h3{font-size:17px;margin:2px 0 5px}.project-copy p{font-size:13px;line-height:1.8}.quiet-link,#project-visit{margin-top:8px;font-size:12px}.contact-links{margin:8px 0 0;max-width:100%}.contact-links a{min-height:44px;font-size:14px}.counter .progress{width:38px}.next{margin-top:10px;font-size:12px}}@media(max-height:650px)and (min-width:761px){.enhanced:not(.simple) .chapter{top:22%}.enhanced:not(.simple) #about{top:23%}.chapter p{font-size:14px}.chapter h2{font-size:26px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}@media(min-width:761px){.enhanced:not(.simple) .chapter{right:6%;left:auto}.enhanced:not(.simple) #about{right:auto;left:6%}}@media(max-width:760px){.enhanced:not(.simple)[data-chapter="1"] .shade,.enhanced:not(.simple)[data-chapter="2"] .shade,.enhanced:not(.simple)[data-chapter="3"] .shade,html[dir=ltr] .enhanced:not(.simple)[data-chapter="1"] .shade,html[dir=ltr] .enhanced:not(.simple)[data-chapter="2"] .shade,html[dir=ltr] .enhanced:not(.simple)[data-chapter="3"] .shade{background:linear-gradient(180deg,#14201955,transparent 18%,#1420199c 35%,#142019ed 55%,#142019fa 85%)}}.about-tabs{display:flex;gap:18px;flex-wrap:wrap;margin:10px 0 14px}.about-tabs button{background:none;border:0;border-bottom:2px solid transparent;min-height:40px;padding:5px 0;font-size:12px;color:#dfdfcd}.about-tabs button[aria-pressed=true]{color:var(--amber);border-color:var(--amber)}.about-items{margin:14px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;font-size:12px;line-height:1.8;color:#eee7d4}.about-items li{border-inline-start:2px solid #d9b575;padding-inline-start:9px}dialog{max-height:88svh;overflow-y:auto}#detail-body,#detail-note{white-space:pre-line}.detail-visit{display:inline-block;color:#435936;font-size:14px;margin-top:12px;border-bottom:1px solid;padding:7px 0}#detail-media{display:block;margin-top:20px}#detail-image{display:block;width:100%;height:auto}@media(max-width:760px){.about-tabs{gap:18px;margin:8px 0 10px}.about-tabs button{font-size:11px;min-height:36px}.about-items{font-size:11px;gap:8px 12px;margin-top:10px}#about.chapter p{font-size:13px}.project-tabs{gap:20px}}#project-visit:not([hidden])+#project-details{margin-inline-start:18px}@media(max-width:760px){.enhanced:not(.simple) .stage{min-height:0}}.enhanced:not(.simple) .journey{height:500svh}.brand-mark{width:31px;height:35px;flex:none}.wordmark{font-size:22px;gap:12px}.settings #language{border:0;padding-inline-start:0;font-size:13px}.enhanced:not(.simple) #home{width:42%;max-width:550px;top:21%}#home h1{font-size:clamp(54px,5.8vw,90px);line-height:1.5}#home .eyebrow{font-size:16px}#home p{font-size:22px;max-width:100%}#home .next{font-size:16px;margin-top:22px}.about-chapter .eyebrow{font-size:14px}@media(min-width:761px){.enhanced:not(.simple) .about-chapter{left:6%;right:auto;top:27%;width:35%;max-width:440px}}.enhanced:not(.simple):is([data-chapter="1"],[data-chapter="2"],[data-chapter="3"],[data-chapter="4"]) .shade,html[dir=ltr] .enhanced:not(.simple):is([data-chapter="1"],[data-chapter="2"],[data-chapter="3"],[data-chapter="4"]) .shade{background:linear-gradient(90deg,#132018e0,transparent 59%),linear-gradient(180deg,#15201a60,transparent 30%,transparent 65%,#15211dc9)}.enhanced:not(.simple):is([data-chapter="5"],[data-chapter="6"]) .shade,html[dir=ltr] .enhanced:not(.simple):is([data-chapter="5"],[data-chapter="6"]) .shade{background:linear-gradient(270deg,#132018ed,transparent 61%),linear-gradient(180deg,#15201a60,transparent 30%,transparent 65%,#15211dc9)}@media(max-width:760px){.wordmark{font-size:18px;gap:9px}.brand-mark{width:26px;height:30px}.enhanced:not(.simple) #home{width:auto;max-width:90%;top:14%;bottom:auto}#home h1{font-size:48px}#home .eyebrow{font-size:14px}#home p{font-size:18px}#home .next{font-size:14px;margin-top:14px}.enhanced:not(.simple) .about-chapter{inset-inline:7%;top:auto;bottom:150px;width:auto;max-width:460px}.enhanced:not(.simple):is([data-chapter="1"],[data-chapter="2"],[data-chapter="3"],[data-chapter="4"],[data-chapter="5"],[data-chapter="6"]) .shade,html[dir=ltr] .enhanced:not(.simple):is([data-chapter="1"],[data-chapter="2"],[data-chapter="3"],[data-chapter="4"],[data-chapter="5"],[data-chapter="6"]) .shade{background:linear-gradient(180deg,#14201955,transparent 18%,#1420199c 35%,#142019ed 55%,#142019fa 85%)}}
