@font-face{font-family:Amiri Archive;src:url(/fonts/amiri-arabic-400.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Amiri Archive;src:url(/fonts/amiri-arabic-700.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Plex Archive;src:url(/fonts/ibm-plex-arabic-400.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Plex Archive;src:url(/fonts/ibm-plex-arabic-600.woff2)format("woff2");font-style:normal;font-weight:600;font-display:swap}:root{--ink:#080604;--coal:#100c09;--wall:#21170f;--wall-light:#352317;--bronze:#a47538;--gold:#d5ad6b;--paper:#d8c7a7;--paper-deep:#bda783;--ivory:#eee3ce;--muted:#b9aa92;--line:#dab16c61;--serif:"Amiri Archive", "Times New Roman", serif;--sans:"Plex Archive", Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--bronze) var(--ink);background:var(--ink)}body{min-width:320px;color:var(--ivory);background:var(--ink);font-family:var(--sans);text-rendering:optimizelegibility;margin:0}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:4px}::selection{color:var(--ink);background:var(--gold)}.museum-site{background:#0b0806;min-height:100vh;position:relative;overflow:clip}.museum-site>[data-museum-world]{filter:saturate(.76)sepia(.12)contrast(1.06)}.museum-site:before{z-index:1;pointer-events:none;content:"";background:radial-gradient(circle at 50% 42%,#0000 24%,#04030238 68%,#030201c7 100%),linear-gradient(90deg,#00000047,#0000 14% 86%,#00000047);position:fixed;inset:0}.museum-grain{z-index:27;pointer-events:none;opacity:.105;mix-blend-mode:soft-light;background-image:repeating-radial-gradient(circle at 0 0,#0000 0,#fff3 .6px,#0000 1px 4px),repeating-linear-gradient(117deg,#0000 0,#ffffff0d 1px,#0000 2px 6px);background-size:5px 5px,11px 11px;animation:9s steps(7,end) infinite grain-drift;position:fixed;inset:-40%}@keyframes grain-drift{0%{transform:translate(-2%,-1%)}50%{transform:translate(2%,1%)}to{transform:translate(-1%,2%)}}.skip-link{z-index:100;color:var(--ink);background:var(--gold);padding:10px 16px;transition:transform .2s;position:fixed;top:12px;right:50%;transform:translate(50%,-160%)}.skip-link:focus{transform:translate(50%)}.museum-header{z-index:40;pointer-events:none;background:linear-gradient(#080604e8,#0000);grid-template-columns:1fr minmax(280px,38vw) 1fr;align-items:center;min-height:88px;padding:18px clamp(20px,4vw,72px);display:grid;position:fixed;top:0;left:0;right:0}.museum-mark,.header-tools,.chapter-readout{pointer-events:auto}.museum-mark{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-self:start;align-items:flex-start;padding:0;display:flex}.museum-mark span{font-family:var(--serif);font-size:clamp(20px,2vw,29px);line-height:1.15}.museum-mark small{color:var(--gold);letter-spacing:.06em;margin-top:7px;font-size:11px}.chapter-readout{color:#d4c6b0;grid-template-columns:auto minmax(90px,16vw) auto;justify-self:center;align-items:center;gap:14px;font-size:12px;display:grid}.chapter-readout i{background:#ffffff2e;height:1px;display:block;position:relative;overflow:hidden}.chapter-readout i b{transform-origin:100%;background:var(--gold);position:absolute;inset:0}.chapter-readout small{color:#8d7b63;direction:ltr;font-size:11px}.header-tools{justify-self:end;gap:9px;display:flex}.round-tool{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#0806048c;border:1px solid #e8dac161;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;transition:border-color .2s,background .2s;display:grid}.round-tool:hover,.round-tool.is-on{border-color:var(--gold);background:#171009}.menu-glyph{width:19px;height:12px;position:relative}.menu-glyph i{background:currentColor;width:100%;height:1px;transition:top .2s,transform .2s;position:absolute;right:0}.menu-glyph i:first-child{top:2px}.menu-glyph i:last-child{width:68%;top:9px}.round-tool.is-open .menu-glyph i:first-child{top:6px;transform:rotate(45deg)}.round-tool.is-open .menu-glyph i:last-child{width:100%;top:6px;transform:rotate(-45deg)}.sound-glyph{align-items:center;gap:2px;height:15px;display:flex}.sound-glyph i{background:currentColor;width:1px;height:4px}.sound-glyph i:nth-child(2){height:9px}.sound-glyph i:nth-child(3){height:14px}.sound-glyph i:nth-child(4){height:7px}.round-tool.is-on .sound-glyph i{animation:.75s ease-in-out infinite alternate sound-wave}.round-tool.is-on .sound-glyph i:nth-child(2){animation-delay:-.28s}.round-tool.is-on .sound-glyph i:nth-child(3){animation-delay:-.5s}@keyframes sound-wave{to{transform:scaleY(.35)}}.journey-progress{z-index:35;background:#ffffff21;width:1px;height:180px;position:fixed;top:50%;right:22px;transform:translateY(-50%)}.journey-progress b{transform-origin:top;background:var(--gold);width:1px;height:100%;display:block}.museum-menu{z-index:36;visibility:hidden;opacity:0;pointer-events:none;background:#090705;place-items:center;transition:opacity .45s,visibility .45s;display:grid;position:fixed;inset:0;overflow:hidden}.museum-menu.is-open{visibility:visible;opacity:1;pointer-events:auto}.menu-backdrop{object-fit:cover;filter:grayscale()sepia(.25)brightness(.24)contrast(1.25);width:100%;height:100%;position:absolute;inset:0}.museum-menu:before{z-index:1;content:"";background:radial-gradient(circle at 38%,#0000,#080604d9 70%),linear-gradient(90deg,#08060442,#080604e8);position:absolute;inset:0}.menu-panel{z-index:2;width:min(760px,100% - 40px);margin-top:48px;position:relative}.menu-panel>p{color:var(--gold);margin:0 0 10px;font-size:11px}.menu-panel>h2{font-family:var(--serif);margin:0 0 32px;font-size:clamp(34px,4.2vw,52px);font-weight:400}.menu-links{border-top:1px solid var(--line)}.menu-links button{text-align:right;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #d5ad6b33;grid-template-columns:48px 1fr auto;align-items:center;width:100%;min-height:58px;padding:8px 0;display:grid}.menu-links button small{color:var(--gold);font-size:11px}.menu-links button span{font-family:var(--serif);font-size:23px}.menu-links button i{color:var(--gold);font-style:normal;transition:transform .2s}.menu-links button:hover i{transform:translate(-5px,5px)}.menu-links button[aria-current=location] span{color:var(--gold)}.museum-journey{z-index:2;position:relative}.journey-scene{isolation:isolate;place-items:center;min-height:118svh;padding:112px clamp(26px,6vw,110px) 100px;display:grid;position:relative}.journey-scene>*{opacity:.28;width:100%;transition:opacity .65s,transform .8s cubic-bezier(.2,.7,.2,1);transform:translateY(20px)scale(.99)}.journey-scene.is-active>*{opacity:1;transform:none}.journey-scene--long{min-height:150svh}.eyebrow{color:var(--gold);letter-spacing:.055em;margin:0;font-size:11px}.room-heading{max-width:720px}.room-heading h2{font-family:var(--serif);margin:8px 0 10px;font-size:clamp(36px,4.2vw,52px);font-weight:400;line-height:1.15}.room-heading>p:last-child,.room-heading--inline>p{color:#c5b8a4;margin:0;font-size:clamp(16px,1.35vw,19px);line-height:1.9}.room-heading--inline{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;max-width:none;margin-bottom:42px;padding-bottom:22px;display:flex}.room-heading--inline h2{margin-bottom:0;font-size:clamp(34px,3.8vw,50px)}.room-heading--inline>p{width:min(430px,42%)}.journey-scene--entrance{min-height:100svh;padding:24px clamp(14px,3vw,50px)}.entrance-archive{direction:ltr;background:#100c09;border:1px solid #d5ad6b29;border-radius:18px;grid-template-columns:minmax(330px,42%) 1fr;align-items:center;gap:clamp(40px,7vw,118px);min-height:calc(100svh - 48px);padding:100px clamp(35px,7vw,118px) 70px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 80px #000,0 25px 90px #0009}.entrance-backdrop{object-fit:cover;filter:grayscale()sepia(.24)brightness(.37)contrast(1.18);width:100%;height:100%;position:absolute;inset:0}.entrance-city-plate{z-index:2;background:#bbaa8f;width:min(31vw,470px);height:32%;padding:9px 9px 28px;position:absolute;top:17%;left:4.5%;overflow:hidden;transform:rotate(-2.2deg);box-shadow:0 25px 55px #000b}.entrance-city-plate img{object-fit:cover;object-position:22% 50%;filter:grayscale()sepia(.2)contrast(1.15);width:100%;height:100%}.entrance-city-plate span{color:#493622;direction:rtl;font-size:11px;position:absolute;bottom:7px;right:12px}.entrance-paper{z-index:1;background:linear-gradient(105deg,#8f8068,#c5b496 50%,#8c7b62);width:min(36vw,520px);height:35%;padding:40px;position:absolute;bottom:8%;left:7%;transform:rotate(2.4deg);box-shadow:0 25px 55px #000a}.entrance-paper i{background:#3223164d;width:72%;height:1px;margin:16px auto;display:block}.entrance-paper i:nth-child(2){width:58%}.entrance-paper i:nth-child(3){width:81%}.entrance-paper i:nth-child(4){width:47%}.entrance-paper span{color:#594128;font-family:var(--serif);direction:rtl;font-size:19px;line-height:1.2;position:absolute;bottom:22px;right:30px}.archive-seal{z-index:4;color:#261009;width:70px;height:70px;font-family:var(--serif);direction:rtl;background:#7d2f1e;border:4px double #35160c;border-radius:50%;place-items:center;font-size:23px;display:grid;position:absolute;bottom:13%;left:5.7%;transform:rotate(-11deg);box-shadow:0 12px 20px #000a}.entrance-archive:before{z-index:1;content:"";background:linear-gradient(90deg,#0806042e,#080604e6 64%),linear-gradient(#08060466,#0000 55%,#080604c7);position:absolute;inset:0}.museum-frame{background:linear-gradient(135deg,#241910,#8d6635 17%,#25180d 31%,#b38346 49%,#291a0f 68%,#74512c 86%,#17100b);border:1px solid #b98b4c;margin:0;padding:10px;position:relative;box-shadow:0 28px 55px #0009,inset 0 0 0 3px #150e09,inset 0 0 0 5px #b1844b}.museum-frame:before{z-index:1;content:"";pointer-events:none;border:1px solid #dfbc7fa8;position:absolute;inset:15px;box-shadow:inset 0 0 18px #000c}.museum-frame img{object-fit:contain;filter:grayscale()sepia(.12)contrast(1.08);background:#090604;width:100%;height:auto;display:block}.museum-frame figcaption{color:#b9ab95;background:#100c09;border:1px solid #d5ad6b3d;width:max-content;max-width:90%;padding:7px 13px;font-size:12px;position:absolute;bottom:-36px;right:50%;transform:translate(50%)}.entrance-portrait{z-index:5;justify-self:end;width:min(380px,100%);height:auto;max-height:min(72svh,650px)}.entrance-portrait img{max-height:min(69svh,620px)}.entrance-identity{z-index:5;direction:rtl;max-width:590px;position:relative}.entrance-identity h1{font-family:var(--serif);margin:12px 0 0;font-size:clamp(43px,4.7vw,52px);font-weight:400;line-height:1.15}.entrance-subtitle{color:var(--gold);font-family:var(--serif);margin:17px 0 0;font-size:22px}.identity-years{color:#c3b49d;direction:ltr;align-items:center;gap:13px;margin:28px 0 22px;font-size:11px;display:flex}.identity-years i{background:var(--gold);width:86px;height:1px}.entrance-deck{color:#d5c8b3;max-width:600px;font-family:var(--serif);margin:0;font-size:clamp(18px,1.55vw,22px);line-height:1.7}.enter-museum{cursor:pointer;background:0 0;border:0;align-items:center;gap:17px;margin-top:30px;padding:0;display:flex}.enter-museum>i{border:1px solid var(--gold);width:65px;height:65px;color:var(--gold);border-radius:50%;place-items:center;font-style:normal;transition:color .25s,background .25s,transform .25s;display:grid}.enter-museum:hover>i{color:var(--ink);background:var(--gold);transform:translateY(4px)}.enter-museum>span{font-family:var(--serif);flex-direction:column;align-items:flex-start;font-size:21px;display:flex}.enter-museum small{color:#8d806e;font-family:var(--sans);font-size:11px}.archive-credit{z-index:2;color:#6f6252;letter-spacing:.05em;direction:rtl;margin:0;font-size:10px;position:absolute;bottom:18px;right:26px}.map-room,.recording-index{background:linear-gradient(#0c0907de,#0c0907f0),url(/archive/mecca-1910.webp) 50%/cover;border:1px solid #d5ad6b2e;max-width:1400px;min-height:min(830px,84svh);margin-inline:auto;padding:clamp(40px,5vw,75px);box-shadow:inset 0 0 100px #000,0 40px 100px #0009}.museum-table{background:linear-gradient(110deg,#ffffff09,#0000 24%),repeating-linear-gradient(0deg,#0000 0 49px,#d5ad6b14 50px),repeating-linear-gradient(90deg,#0000 0 69px,#d5ad6b0f 70px),#18110c;border:1px solid #74522f;min-height:460px;margin-top:42px;padding:50px;position:relative;overflow:hidden;box-shadow:inset 0 0 70px #000,0 18px #090604,0 38px 70px #000b}.museum-map-image{object-fit:cover;filter:grayscale()sepia(.24)brightness(.46)contrast(1.16);opacity:.78;width:100%;height:100%;position:absolute;inset:0}.museum-table:after{z-index:1;content:"";pointer-events:none;background:radial-gradient(circle,#0f0a071a,#080604b8 80%);position:absolute;inset:0}.map-core{z-index:3;border:1px solid var(--bronze);background:#120d09;border-radius:50%;place-items:center;width:145px;height:145px;display:grid;position:absolute;top:50%;right:50%;transform:translate(50%,-50%);box-shadow:0 0 0 18px #a475380d,0 20px 45px #000b}.map-core span{color:var(--gold);font-family:var(--serif);align-self:end;font-size:31px}.map-core small{color:#877761;align-self:start;font-size:11px}.map-grid{z-index:2;grid-template-columns:repeat(3,1fr);gap:38px 22px;display:grid;position:relative}.map-grid button{text-align:right;cursor:pointer;background:#0d0907;border:1px solid #d5ad6b45;min-height:145px;padding:19px;transition:border-color .25s,transform .25s;box-shadow:inset 0 -5px #2b1d12,0 14px 26px #0008}.map-grid button:hover{border-color:var(--gold);transform:translateY(-5px)}.map-grid button small,.map-grid button span{color:#8e806d;font-size:11px;display:block}.map-grid button strong{font-family:var(--serif);margin:7px 0 3px;font-size:25px;font-weight:400;display:block}.map-instruction{color:#756957;text-align:center;margin:28px 0 0;font-size:12px}.poem-installation{background:radial-gradient(circle at 50% 20%,#a8703521,#0000 35%),linear-gradient(100deg,#130e0a,#21170f 55%,#100b08);border-block:1px solid #d5ad6b26;justify-content:center;align-items:center;gap:clamp(35px,7vw,120px);max-width:1250px;min-height:720px;margin-inline:auto;padding:80px;display:flex;position:relative;box-shadow:inset 0 -25px 50px #070504,inset 0 30px 70px #0008,0 45px 100px #0008}.poem-installation:after{content:"";background:linear-gradient(#5a3c22,#130d08 55%);height:15px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 14px 26px #000}.poem-installation--left{flex-direction:row-reverse}.exhibit-label{border-block:1px solid var(--line);width:min(270px,26vw);padding:21px 0}.exhibit-label span,.exhibit-label small{color:var(--gold);font-size:12px;display:block}.exhibit-label strong{font-family:var(--serif);margin:8px 0;font-size:25px;font-weight:400;display:block}.exhibit-label small{color:#8c7d69}.poem-sheet{color:#251a11;background:radial-gradient(circle at 12% 14%,#5c3b1f1f 0 1px,#0000 2px) 0 0/13px 13px,radial-gradient(circle at 88% 68%,#5c3b1f1a 0 1px,#0000 2px) 0 0/17px 17px,linear-gradient(105deg,#c9b691,#dfcfaf 45%,#cbb894);border:1px solid #e9dabd;width:min(650px,58vw);min-height:480px;padding:clamp(45px,6vw,80px);position:relative;transform:rotate(-.35deg);box-shadow:0 35px 60px #000a,inset 0 0 45px #472a152e}.paper-pin{background:radial-gradient(circle at 35% 30%,#e8c98d,#68451e 68%);border-radius:50%;width:10px;height:10px;position:absolute;top:20px;right:50%;box-shadow:0 4px 7px #0008}.poem-lines p{font-family:var(--serif);margin:0;font-size:clamp(20px,1.9vw,29px);line-height:1.85}.poem-sheet footer{color:#766146;border-top:1px solid #4a2d184d;margin-top:28px;padding-top:12px;font-size:12px}.installation-number{color:#d5ad6b1f;font-family:var(--serif);font-size:100px;position:absolute;bottom:25px;left:25px}.bio-room{direction:ltr;background:linear-gradient(105deg,#2c1d13,#17100c 52%,#0e0a07);border-block:1px solid #d5ad6b29;grid-template-columns:minmax(280px,38%) 1fr;align-items:center;gap:clamp(45px,7vw,110px);max-width:1320px;min-height:760px;margin-inline:auto;padding:clamp(45px,6vw,90px);display:grid;position:relative;box-shadow:inset 0 -20px 45px #050403,inset 0 25px 55px #0008,0 45px 100px #0008}.bio-room:after{content:"";background:linear-gradient(#50341d,#0a0705);height:18px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 13px 25px #000}.bio-room--reverse{grid-template-columns:1fr minmax(280px,38%)}.bio-room--reverse .bio-frame{grid-column:2}.bio-room--reverse .bio-wall-copy{grid-area:1/1}.bio-frame{justify-self:center;width:min(370px,100%);height:auto}.bio-frame--landscape{width:min(560px,100%)}.bio-frame--square{width:min(440px,100%)}.bio-frame img{object-fit:contain;filter:sepia(.06)contrast(1.04);max-height:570px}.roots-frame{width:min(500px,100%)}.roots-frame img{object-fit:contain;filter:sepia(.08)contrast(1.03);max-height:610px}.roots-copy-body{columns:1;max-width:660px}.bio-wall-copy{direction:rtl;max-width:700px;position:relative}.wall-label{color:var(--gold);direction:ltr;align-items:center;gap:13px;margin-bottom:20px;font-size:11px;display:flex}.wall-label i{background:var(--bronze);width:80px;height:1px;display:block}.bio-wall-copy time{color:#8d7d68;margin-top:7px;font-size:12px;display:block}.bio-wall-copy h2{font-family:var(--serif);margin:13px 0 24px;font-size:clamp(35px,3.7vw,50px);font-weight:400;line-height:1.15}.bio-copy{columns:2;column-rule:1px solid #d5ad6b29;column-gap:34px}.bio-copy p{color:#d3c7b4;font-family:var(--serif);break-inside:avoid;margin:0 0 14px;font-size:clamp(17px,1.25vw,19px);line-height:1.95}.timeline-room,.library-room,.archive-wall{background:linear-gradient(120deg,#24170f,#110c08 65%,#0b0806);border-block:1px solid #d5ad6b29;max-width:1480px;margin-inline:auto;padding:clamp(40px,5vw,72px);box-shadow:inset 0 0 80px #0009,0 45px 100px #0009}.timeline-track{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--bronze) #0c0907;grid-template-columns:repeat(14,minmax(250px,1fr));gap:0;padding:30px 3px 24px;display:grid;overflow-x:auto}.timeline-track article{border-top:1px solid var(--bronze);scroll-snap-align:start;border-inline-start:1px solid #d5ad6b29;min-height:320px;padding:32px 25px;position:relative}.timeline-track article:before{content:"";background:var(--gold);width:9px;height:9px;box-shadow:0 0 20px var(--gold);border-radius:50%;position:absolute;top:-5px;right:20px}.timeline-track article>span{color:#66533d;font-family:var(--serif);font-size:56px}.timeline-track time{color:var(--gold);font-size:12px;display:block}.timeline-track h3{font-family:var(--serif);margin:12px 0 9px;font-size:24px;font-weight:400}.timeline-track p{color:#ae9f89;margin:0;font-size:13px;line-height:1.85}.bookcase{background:linear-gradient(90deg,#0b0705,#0000 7% 93%,#0b0705),repeating-linear-gradient(0deg,#0000 0 270px,#5d3b20 271px 282px,#0b0705 283px 294px),#160f0a;border:12px solid #24170f;grid-template-columns:repeat(3,1fr);gap:35px 18px;padding:40px 30px 28px;display:grid;box-shadow:inset 0 0 55px #000,0 25px 65px #0009}.archive-volume{border:1px solid #54371f;border-inline-start:9px solid var(--bronze);background:linear-gradient(110deg,#2d1d12,#100b08 64%);min-height:250px;padding:24px 27px 25px 35px;transition:transform .25s,border-color .25s;position:relative;box-shadow:inset 5px 0 12px #0006,0 18px 28px #0008}.archive-volume:hover{border-color:#a77b44;transform:translateY(-7px)}.archive-volume>span{color:#5d4933;font-family:var(--serif);font-size:34px;position:absolute;top:15px;left:16px}.archive-volume small,.archive-volume time{color:var(--gold);font-size:12px;display:block}.archive-volume time{color:#81705c;margin-top:4px}.archive-volume h3{font-family:var(--serif);margin:19px 0 9px;font-size:27px;font-weight:400;line-height:1.15}.archive-volume p{color:#b8aa96;margin:0;font-size:14px;line-height:1.8}.journey-scene--gallery{padding-block:140px}.archive-wall{background:radial-gradient(circle at 30% 20%,#c388421f,#0000 30%),linear-gradient(120deg,#322116,#17100b 58%,#0e0a07)}.salon-grid{column-count:4;column-gap:30px;padding:30px 18px 20px}.archive-photo{break-inside:avoid;width:100%;transform:rotate(var(--tilt));margin:0 0 48px;display:inline-block}.archive-photo>div{background:linear-gradient(135deg,#1a110b,#8c6233 23%,#21150d 48%,#a07239 67%,#140e09);border:1px solid #9c713d;height:auto;padding:7px;box-shadow:0 25px 38px #0009,inset 0 0 0 4px #130d08}.archive-photo img{object-fit:contain;filter:sepia(.08)contrast(1.04);border:1px solid #191009;width:100%;height:auto;display:block}.archive-photo figcaption{border-top:1px solid #d5ad6b40;margin-top:20px;padding-top:12px}.archive-photo figcaption span,.archive-photo figcaption a{font-size:12px;line-height:1.75;display:block}.archive-photo figcaption span{color:#c0b29d}.archive-photo figcaption a{color:var(--gold);margin-top:6px;text-decoration:none}.archive-photo figcaption a:hover{text-decoration:underline}.recording-index{max-width:1500px}.recording-map-grid{grid-template-columns:repeat(3,1fr);gap:25px;margin-top:42px;display:grid}.recording-map-grid button{text-align:right;cursor:pointer;background:#090604;border:1px solid #d5ad6b47;min-height:195px;padding:0;position:relative;overflow:hidden;box-shadow:0 22px 35px #0009}.recording-map-grid img{object-fit:cover;filter:grayscale()sepia(.12)brightness(.58);width:100%;height:195px;transition:filter .3s,transform .5s}.recording-map-grid button:hover img{filter:grayscale(.45)sepia(.12)brightness(.78);transform:scale(1.035)}.recording-map-grid button>span{background:linear-gradient(#0000,#080604f5 65%);padding:28px 18px 16px;position:absolute;bottom:0;left:0;right:0}.recording-map-grid small,.recording-map-grid strong{display:block}.recording-map-grid small{color:var(--gold);font-size:11px}.recording-map-grid strong{font-family:var(--serif);margin-top:4px;font-size:20px;font-weight:400}.recording-room{direction:ltr;background:linear-gradient(110deg,#2a1b11,#120c08 56%,#090605);border-block:1px solid #d5ad6b2b;grid-template-columns:minmax(460px,1.5fr) minmax(290px,.7fr);align-items:center;gap:clamp(45px,6vw,95px);max-width:1400px;min-height:760px;margin-inline:auto;padding:clamp(45px,6vw,90px);display:grid;position:relative;box-shadow:inset 0 0 90px #000,0 45px 100px #0009}.recording-room:after{content:"";background:linear-gradient(#5e3d22,#0a0705);height:14px;position:absolute;bottom:0;left:0;right:0}.recording-room--reverse{grid-template-columns:minmax(290px,.7fr) minmax(460px,1.5fr)}.recording-room--reverse .screen-frame{grid-column:2}.recording-room--reverse .recording-label{grid-area:1/1}.screen-frame{background:linear-gradient(135deg,#61431f,#17100a 28%,#a1743b 52%,#18100a 78%,#785425);border:1px solid #9a6d37;padding:13px;box-shadow:0 35px 60px #000c,inset 0 0 0 4px #120c08}.recording-room--portrait .screen-frame{justify-self:center;width:min(500px,100%)}.recording-label{border-block:1px solid var(--line);direction:rtl;padding:28px 0}.recording-label>span,.recording-label time{color:var(--gold);font-size:12px}.recording-label .eyebrow{margin-top:19px}.recording-label h2{font-family:var(--serif);margin:8px 0 16px;font-size:clamp(31px,3.4vw,48px);font-weight:400;line-height:1.12}.recording-label>p:not(.eyebrow){color:#c3b5a1;font-size:17px;line-height:1.9}.recording-label time{margin:18px 0 8px;display:block}.recording-label a{color:#8f806b;font-size:12px;line-height:1.7;text-decoration:none}.recording-label a:hover{color:var(--gold)}.cinematic-player{color:#fff;aspect-ratio:16/9;background:#000;position:relative;overflow:hidden}.recording-room--portrait .cinematic-player{aspect-ratio:4/5}.cinematic-player video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.video-surface{text-align:right;cursor:pointer;background:linear-gradient(#0000 52%,#000000bf);border:0;align-items:end;gap:13px;padding:25px;display:flex;position:absolute;inset:0 0 45px}.cinematic-player.is-playing .video-surface{opacity:0}.cinematic-player.is-playing .video-surface:hover,.cinematic-player.is-playing .video-surface:focus-visible{opacity:1}.play-disc{border:1px solid var(--gold);width:54px;height:54px;color:var(--gold);border-radius:50%;place-items:center;font-size:14px;display:grid}.video-surface>span:last-child{font-family:var(--serif);flex-direction:column;font-size:19px;display:flex}.video-surface small{color:#a89880;font-family:var(--sans);font-size:11px}.video-controls{background:#050403f0;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:10px;min-height:45px;padding:7px 11px;display:grid;position:absolute;bottom:0;left:0;right:0}.video-controls button{color:#d8cbb7;cursor:pointer;background:0 0;border:0;min-width:40px;min-height:40px;padding:7px 9px;font-size:11px}.video-controls span{color:#8c7e6c;direction:ltr;font-size:10px}.video-controls input{width:100%;accent-color:var(--gold)}.legacy-room{background:linear-gradient(115deg,#2c1d12,#100b08 58%,#080604);border-block:1px solid #d5ad6b2b;grid-template-columns:.9fr 1.1fr;gap:clamp(50px,7vw,110px);max-width:1400px;margin-inline:auto;padding:clamp(50px,7vw,100px);display:grid;box-shadow:inset 0 0 100px #000,0 40px 100px #0009}.legacy-inscription{align-self:start;padding-top:20px}.legacy-inscription blockquote{color:var(--paper);font-family:var(--serif);margin:30px 0;font-size:clamp(31px,3.7vw,48px);line-height:1.55}.legacy-inscription>p:last-of-type{color:#b9ab96;font-size:17px;line-height:1.9}.legacy-actions{gap:11px;margin-top:30px;display:flex}.legacy-actions button{border:1px solid var(--bronze);cursor:pointer;background:#120d09;min-width:130px;padding:12px 18px}.legacy-actions button:hover{color:#140e09;background:var(--gold)}.source-cabinet{color:#24190f;background:linear-gradient(105deg,#c9b48f,#dfcfb0 46%,#bca47d);padding:28px;box-shadow:0 30px 55px #0009,inset 0 0 45px #462a1633}.source-cabinet h2{font-family:var(--serif);margin:0 0 20px;font-size:28px;font-weight:400}.source-cabinet>div{border-top:1px solid #3b27174d;grid-template-columns:1fr 1fr;display:grid}.source-cabinet a{color:#372618;border-bottom:1px solid #3b271733;grid-template-columns:26px 1fr auto;gap:8px;padding:11px 7px;font-size:11px;line-height:1.55;text-decoration:none;display:grid}.source-cabinet a:nth-child(odd){border-inline-end:1px solid #3b271733;padding-inline-end:13px}.source-cabinet a:hover span{text-decoration:underline}.source-cabinet small{color:#7a5c38}.source-cabinet i{font-style:normal}.museum-credit-footer{z-index:2;color:#8f806b;text-align:center;background:linear-gradient(#0b0806d6,#080604);border-top:1px solid #d5ad6b29;flex-direction:column;align-items:center;gap:7px;padding:clamp(28px,4vw,44px) 20px;display:flex;position:relative}.museum-credit-footer p{margin:0;font-size:clamp(11px,.9vw,13px);line-height:1.7}.museum-credit-footer p:last-child{color:#6f6353;font-size:11px}.museum-credit-footer a{color:var(--gold);border-bottom:1px solid #d5ad6b59;text-decoration:none;transition:color .2s,border-color .2s}.museum-credit-footer a:hover,.museum-credit-footer a:focus-visible{color:var(--paper);border-color:var(--paper)}.scroll-hint{z-index:32;color:#8b7d69;pointer-events:none;flex-direction:column;align-items:center;gap:7px;font-size:11px;transition:opacity .25s;display:flex;position:fixed;bottom:18px;right:50%;transform:translate(50%)}.scroll-hint i{background:linear-gradient(var(--gold), transparent);width:1px;height:22px;animation:1.5s ease-in-out infinite scroll-pulse;display:block}@keyframes scroll-pulse{50%{opacity:.3;transform-origin:top;transform:scaleY(.7)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1100px){.entrance-archive{grid-template-columns:minmax(280px,40%) 1fr;gap:45px;padding-inline:55px}.entrance-portrait{height:auto;max-height:min(65svh,590px)}.bio-room{grid-template-columns:minmax(250px,35%) 1fr;gap:45px;padding-inline:48px}.bio-room--reverse{grid-template-columns:1fr minmax(250px,35%)}.bio-frame{height:auto}.salon-grid{column-count:3}.recording-room{grid-template-columns:1.4fr .7fr;gap:45px;padding-inline:48px}.recording-room--reverse{grid-template-columns:.7fr 1.4fr}}@media (width<=820px){.museum-header{grid-template-columns:1fr auto;min-height:72px;padding:13px 17px}.chapter-readout{display:none}.museum-mark span{font-size:22px}.museum-mark small{font-size:10px}.round-tool{width:44px;height:44px}.journey-progress{height:120px;right:8px}.journey-scene,.journey-scene--long{min-height:auto;padding:100px 15px 110px}.journey-scene--entrance{min-height:100svh;padding:8px}.entrance-archive{border-radius:10px;grid-template-rows:minmax(330px,52svh) auto;grid-template-columns:1fr;gap:20px;min-height:calc(100svh - 16px);padding:80px 24px 50px}.entrance-archive:before{background:linear-gradient(#0806041f 24%,#080604f5 66%),linear-gradient(90deg,#08060461,#0806041a)}.entrance-portrait{grid-row:1;justify-self:center;width:min(270px,70vw);height:47svh}.entrance-identity{text-align:center;grid-row:2;max-width:560px;margin-inline:auto}.entrance-identity h1{font-size:clamp(40px,12vw,52px)}.entrance-subtitle{font-size:18px}.identity-years{justify-content:center;margin:17px 0}.entrance-deck{font-size:19px}.enter-museum{justify-content:center;margin:22px auto 0}.archive-credit{display:none}.map-room,.recording-index,.timeline-room,.library-room,.archive-wall{min-height:auto;padding:35px 20px}.room-heading h2{font-size:39px}.museum-table{min-height:auto;padding:25px}.map-core{width:115px;height:115px;margin:0 auto 25px;position:relative;top:auto;right:auto;transform:none}.map-grid{grid-template-columns:repeat(2,1fr);gap:13px}.map-grid button{min-height:125px}.poem-installation,.poem-installation--left{flex-direction:column;gap:24px;min-height:auto;padding:45px 20px 60px}.exhibit-label{width:100%}.poem-sheet{width:min(620px,100%);min-height:0;padding:45px 28px}.poem-lines p{font-size:clamp(19px,5.5vw,27px)}.installation-number{display:none}.bio-room,.bio-room--reverse{grid-template-columns:1fr;gap:62px;min-height:auto;padding:55px 24px 70px}.bio-room--reverse .bio-frame,.bio-room--reverse .bio-wall-copy{grid-area:auto/1}.bio-frame{width:min(440px,88vw);height:auto}.bio-copy{columns:1}.room-heading--inline{display:block}.room-heading--inline>p{width:100%;margin-top:13px}.bookcase{grid-template-columns:repeat(2,1fr);padding-inline:17px}.salon-grid{column-count:2;padding-inline:0}.recording-map-grid{grid-template-columns:repeat(2,1fr)}.recording-room,.recording-room--reverse{grid-template-columns:1fr;gap:45px;min-height:auto;padding:45px 21px 65px}.recording-room--reverse .screen-frame,.recording-room--reverse .recording-label{grid-area:auto/1}.screen-frame{width:100%}.recording-label{max-width:650px}.legacy-room{grid-template-columns:1fr;padding:45px 22px}.menu-panel{margin-top:65px}.menu-panel>h2{font-size:43px}}@media (width<=540px){.museum-header{background:linear-gradient(#080604f5,#0000)}.header-tools{gap:6px}.round-tool{width:44px;height:44px}.journey-scene{padding-inline:8px}.entrance-archive{padding-inline:16px}.entrance-portrait{width:230px}.entrance-deck{font-size:17px;line-height:1.65}.enter-museum>i{width:55px;height:55px}.map-grid{grid-template-columns:1fr 1fr}.map-grid button{min-height:112px;padding:14px}.map-grid button strong{font-size:21px}.poem-sheet{padding:44px 20px 35px}.poem-lines p{font-size:clamp(18px,5.4vw,23px);line-height:1.9}.bio-wall-copy h2{font-size:36px}.bookcase{grid-template-columns:1fr}.archive-volume{min-height:220px}.salon-grid{column-count:1}.archive-photo{width:min(360px,100%);margin-inline:auto}.recording-map-grid{grid-template-columns:1fr}.video-controls{grid-template-columns:auto 1fr auto auto}.video-controls span{display:none}.source-cabinet>div{grid-template-columns:1fr}.source-cabinet a:nth-child(odd){border-inline-end:0;padding-inline-end:7px}.legacy-inscription blockquote{font-size:31px}.legacy-actions{flex-direction:column}.menu-links button span{font-size:20px}.scroll-hint{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.journey-scene>*{opacity:1;transform:none}}:root{--concept-ivory:#ede6d9;--concept-gold:#c48a4a;--concept-blue:#07111d;--concept-muted:#a5a9ac}html:has(.concept-shell){scrollbar-width:none}html:has(.concept-shell)::-webkit-scrollbar{display:none}body:has(.concept-shell){color:var(--concept-ivory);background:#02070c;margin:0}.concept-shell{--story:0;direction:rtl;background:#02070c;height:500vh;font-family:Noto Kufi Arabic,Tahoma,sans-serif;position:relative}.concept-sticky{isolation:isolate;background:#02070c;height:100svh;position:sticky;top:0;overflow:hidden}.concept-backdrop{z-index:-5;background:#06101a;position:absolute;inset:-5%;overflow:hidden}.concept-backdrop img{object-fit:cover;object-position:center center;width:110%;height:110%;transform:translate3d(calc((.5 - var(--story)) * 2.2%),calc((.5 - var(--story)) * 0.9%),0) scale(calc(1.04 + var(--story) * .08));filter:saturate(.76) contrast(1.08) brightness(calc(.46 + var(--story) * .34));transition:filter .12s linear}.backdrop-midground,.backdrop-foreground{pointer-events:none;background:url(/concept/hijaz-night.png) 50%/cover no-repeat;position:absolute;inset:0}.backdrop-midground{clip-path:polygon(0 19%,58% 35%,70% 100%,0 100%);transform:translate3d(calc(var(--story) * -1.5%),calc(var(--story) * 0.6%),0) scale(calc(1.002 + var(--story) * .035));filter:brightness(.58)saturate(.72);opacity:clamp(0,var(--story),.58)}.backdrop-foreground{clip-path:polygon(0 55%,35% 62%,52% 100%,0 100%);transform:translate3d(calc(var(--story) * -3%),calc(var(--story) * 1.2%),0) scale(calc(1.01 + var(--story) * .07));filter:brightness(.34)saturate(.65);opacity:clamp(0,var(--story),.72)}.backdrop-veil{background:linear-gradient(90deg,#01050914 0%,#01050926 40%,#010509d6 83%,#010509f5 100%),linear-gradient(#01050947,#0000 62%,#01050985);position:absolute;inset:0}.backdrop-light{filter:blur(110px);width:48vw;height:48vw;opacity:calc(.22 + var(--story) * .42);background:#b2672c2e;border-radius:50%;position:absolute;bottom:-28vw;left:3vw}.opening-world{z-index:-2;pointer-events:none;position:absolute;inset:0}.opening-world canvas{width:100%!important;height:100%!important}.concept-vignette{pointer-events:none;z-index:12;position:absolute;inset:0;box-shadow:inset 0 0 160px 40px #00000094}.concept-noise{z-index:11;pointer-events:none;opacity:.14;mix-blend-mode:soft-light;background-image:radial-gradient(circle at 20% 30%,#ffffff42 0 .7px,#0000 .8px),radial-gradient(circle at 70% 60%,#ffffff24 0 .6px,#0000 .8px);background-size:5px 5px,9px 9px;position:absolute;inset:0}.concept-header{z-index:20;justify-content:space-between;align-items:center;height:100px;padding:28px 46px;display:flex;position:absolute;top:0;left:0;right:0}.concept-header button{font:inherit;color:inherit}.concept-mark{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;padding:0;font-family:Noto Naskh Arabic,serif;font-size:18px;font-weight:700;line-height:.9;display:flex}.concept-mark span:last-child{color:#cba46f}.concept-chapter{color:#9aa2a8;letter-spacing:.12em;direction:rtl;align-items:center;gap:10px;font-size:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.concept-chapter b{color:#ded8cc;margin-left:15px;font-weight:400}.concept-chapter i{background:#ffffff42;width:46px;height:1px;display:block}.sound-toggle{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#040a1059;border:1px solid #fff3;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-width:122px;padding:10px 14px;font-size:8px;transition:all .35s;display:flex;color:#b8b7b2!important}.sound-toggle:hover,.sound-toggle.is-on{border-color:#c48a4ab3;color:#e7dbc8!important}.sound-bars{direction:ltr;align-items:center;gap:2px;height:13px;display:flex}.sound-bars i{background:#c48a4a;width:1px;height:4px;display:block}.sound-toggle.is-on .sound-bars i{animation:1s ease-in-out infinite sound}.sound-toggle.is-on .sound-bars i:nth-child(2){animation-delay:-.2s}.sound-toggle.is-on .sound-bars i:nth-child(3){animation-delay:-.45s}.sound-toggle.is-on .sound-bars i:nth-child(4){animation-delay:-.7s}@keyframes sound{0%,to{height:3px}50%{height:12px}}.story-progress{z-index:20;color:#858b8e;direction:ltr;flex-direction:column;align-items:center;gap:12px;font-size:7px;display:flex;position:absolute;top:50%;left:42px;transform:translateY(-50%)}.story-progress>i{background:#ffffff24;width:1px;height:130px;display:block;position:relative}.story-progress>i b{background:var(--concept-gold);transform-origin:top;width:1px;height:100%;position:absolute;top:0;left:0}.story-stage{z-index:8;will-change:transform,opacity;pointer-events:none;position:absolute}.concept-overline{color:#d2c4af;letter-spacing:.08em;text-shadow:0 2px 18px #000c;align-items:center;gap:12px;margin:0 0 20px;font-size:11px;display:flex}.concept-overline span{background:var(--concept-gold);width:36px;height:1px;display:block}.stage-prelude{pointer-events:auto;width:min(570px,42vw);top:21vh;right:9vw}.stage-prelude:after{content:"";transform-origin:100%;pointer-events:none;background:linear-gradient(90deg,#0000,#c48a4a1f 38%,#c48a4a80);width:37vw;height:1px;position:absolute;top:48%;right:100%;transform:rotate(-5deg)}.stage-prelude h1{letter-spacing:-.04em;text-shadow:0 12px 45px #00000080;margin:0;font:600 clamp(60px,6.5vw,116px)/.82 Noto Naskh Arabic,serif}.stage-prelude h1 small{color:var(--concept-gold);letter-spacing:0;margin-bottom:20px;font-size:.24em;line-height:1;display:block}.prelude-caption{color:#c1c2be;border-right:1px solid #c48a4a80;margin:28px 0 0;padding-right:22px;font:18px/1.85 Noto Naskh Arabic,serif}.begin-story{color:#eee5d7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#03090f47;border:1px solid #d6b88f57;justify-content:space-between;align-items:center;gap:32px;min-width:168px;margin-top:26px;padding:12px 16px;transition:all .35s;display:flex}.begin-story span{font-size:9px}.begin-story i{color:#d4a363;font-size:16px;font-style:normal}.begin-story:hover{color:#101010;background:#c48a4a;border-color:#c48a4a;transform:translate(-7px)}.begin-story:hover i{color:#101010}.stage-identity{width:min(560px,42vw);top:26vh;right:10vw}.stage-identity h2,.portrait-copy h2,.stage-finale h2{letter-spacing:-.055em;margin:0;font:600 clamp(72px,8vw,142px)/.7 Noto Naskh Arabic,serif}.stage-identity h2 em,.stage-finale h2 em{color:#c9975c;font-style:normal}.stage-identity>p:last-child,.portrait-copy>p:last-child{color:#a6aaab;font:17px/1.8 Noto Naskh Arabic,serif}.identity-line{color:#c3b397;letter-spacing:.16em;direction:ltr;align-items:center;gap:12px;width:310px;margin:34px 0 18px;font-size:8px;display:flex}.identity-line i{background:linear-gradient(90deg,#c48a4a,#c48a4a1a);flex:1;height:1px}.portrait-memory{z-index:4;will-change:transform,opacity;width:min(37vw,540px);height:78vh;position:absolute;top:12vh;left:9vw}.portrait-ink{position:absolute;inset:0;overflow:hidden;-webkit-mask-image:radial-gradient(68% 74% at 48% 49%,#000 42%,#000000b3 60%,#0000 78%);mask-image:radial-gradient(68% 74% at 48% 49%,#000 42%,#000000b3 60%,#0000 78%)}.portrait-ink:before{content:"";z-index:1;mix-blend-mode:multiply;background:linear-gradient(90deg,#060e168c,#0000 42%,#03090e59),linear-gradient(0deg,#07111d 0,#0000 28% 72%,#07111d 100%);position:absolute;inset:0}.portrait-ink img{object-fit:cover;object-position:50% 25%;filter:grayscale()sepia(.18)contrast(1.2)brightness(.72);mix-blend-mode:screen;width:100%;height:100%}.portrait-year{color:#b8b0a3;letter-spacing:.16em;writing-mode:vertical-rl;font-size:8px;position:absolute;bottom:11%;left:-2%}.portrait-rule{background:linear-gradient(#0000,#c48a4a);width:1px;height:18%;position:absolute;bottom:7%;left:0}.portrait-copy{width:min(520px,38vw);top:30vh;right:11vw}.portrait-copy h2{font-size:clamp(54px,5.8vw,102px);line-height:.82}.stage-finale{pointer-events:auto;width:min(570px,43vw);top:26vh;right:11vw}.stage-finale h2{font-size:clamp(72px,8vw,142px)}.memory-door{color:#ece3d4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#03090f59;border:1px solid #d6b88f59;justify-content:space-between;align-items:center;width:min(360px,100%);margin-top:38px;padding:18px 20px;transition:all .35s;display:flex}.memory-door:hover{color:#111;background:#c48a4a;border-color:#c48a4a;transform:translate(-8px)}.memory-door span{font-size:10px}.memory-door i{font:22px serif}.stage-finale>small{color:#777f84;margin-top:18px;font-size:7px;display:block}.scroll-cue{z-index:20;color:#8d9396;letter-spacing:.08em;flex-direction:column;align-items:center;gap:10px;font-size:7px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.scroll-cue>i{background:#ffffff26;width:1px;height:38px;display:block;overflow:hidden}.scroll-cue b{background:#d0a46e;width:1px;height:12px;animation:1.8s ease-in-out infinite scrollLine;display:block}@keyframes scrollLine{0%{transform:translateY(-14px)}to{transform:translateY(42px)}}@media (width<=800px){.concept-shell{height:450vh}.concept-header{height:76px;padding:18px}.concept-chapter{display:none}.sound-toggle{min-width:auto;padding:9px 11px}.sound-toggle>span+*{display:none}.story-progress{left:13px}.story-progress>i{height:84px}.stage-prelude,.stage-identity,.portrait-copy,.stage-finale{width:auto;top:21vh;left:24px;right:24px}.stage-prelude:after{display:none}.stage-prelude h1{font-size:15.5vw}.stage-identity h2,.stage-finale h2{font-size:20vw}.portrait-copy h2{font-size:14vw}.prelude-caption{max-width:90%;font-size:15px}.begin-story{margin-top:20px}.portrait-memory{filter:opacity(.58);width:95vw;height:76vh;top:11vh;left:-12vw}.portrait-copy{z-index:9;top:28vh}.concept-backdrop{inset:-2%}.concept-backdrop img{object-position:38% center;width:104%;height:104%}.backdrop-veil{background:linear-gradient(#01050966,#0105091f 40%,#010509cc)}.backdrop-midground,.backdrop-foreground{display:none}.scroll-cue{bottom:18px}.memory-door{width:100%}.concept-vignette{box-shadow:inset 0 0 80px 20px #00000094}}@media (prefers-reduced-motion:reduce){.sound-bars i,.scroll-cue b{animation:none!important}}