#header .nav-toggle,.scene-steps button,.viewer-caption button,.name-palette summary,.project-music-toggle{border-radius:50%!important;border:1px solid var(--violet)!important;background:#060910bd!important;color:var(--cyan);box-shadow:none}#header .nav-toggle:hover,.scene-steps button:hover,.viewer-caption button:hover,.name-palette summary:hover,.project-music-toggle:hover{border-color:var(--cyan)!important;background:#57f4eb0c!important}#header .nav-toggle span{height:1.5px;border-radius:2px}#header .lang{border-bottom:0;text-decoration:none}.site-music .music-options{top:calc(100% + 28px)}@media(max-width:767px){.site-music .music-options{left:50%;right:auto;transform:translate(-50%);max-width:calc(100vw - 44px)}}.tile-video-mark{border-width:1.5px;background:#060910cc;box-shadow:0 0 0 3px #03060b66}.tile-video-mark svg{fill:none;stroke:var(--cyan);stroke-width:1.6;stroke-linejoin:round}.thumb-play{fill:none!important;stroke:var(--cyan);stroke-width:1.5;background:#060910d9;border:1px solid var(--violet);border-radius:50%;padding:4px;width:29px;height:29px}:root{--sans:"Space Grotesk",sans-serif;--display:"Orbitron",sans-serif}html[lang=en] body,html[lang=en] button,html[lang=en] input,html[lang=en] textarea,html[lang=en] select,html[lang=en] .brand,html[lang=en] .nav a,html[lang=en] .index-project,html[lang=en] .scene-active-link,html[lang=en] p,html[lang=en] .lang{font-family:Space Grotesk,sans-serif!important}html[lang=en] h1,html[lang=en] h2,html[lang=en] h3,html[lang=en] .hero-title span{font-family:Orbitron,sans-serif!important}html[lang=ar] body,html[lang=ar] button,html[lang=ar] input,html[lang=ar] textarea,html[lang=ar] select,html[lang=ar] p,html[lang=ar] .brand,html[lang=ar] .lang{font-family:Tajawal,sans-serif!important;letter-spacing:0}.arabic-heading-outline{display:block;height:1.4em;max-width:100%;width:auto;overflow:visible;margin-inline-end:auto}[dir=rtl] .scene-about-title .arabic-heading-outline{height:1.3em;max-width:100%}[dir=rtl] .immersive-home .hero-title{top:28%;left:23%;width:54%}[dir=rtl] .immersive-home .hero-ar-lettering{width:100%;height:clamp(76px,14svh,170px);max-width:100%;margin-inline:auto}[dir=rtl] .immersive-home .hero-title span{margin-top:18px}@media(max-width:767px){[dir=rtl] .immersive-home .hero-title{top:28%;left:7%;width:86%}[dir=rtl] .immersive-home .hero-ar-lettering{height:clamp(52px,9svh,82px)}[dir=rtl] .immersive-home .hero-title span{margin-top:12px}}.site-back{position:fixed;top:106px;left:40px;z-index:22;width:44px;height:44px;border:1px solid var(--violet);border-radius:50%;background:#060910cc;color:var(--cyan);display:grid;place-items:center}.site-back svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}.site-back:hover{border-color:var(--cyan)}[dir=rtl] .site-back{left:auto;right:40px;transform:scaleX(-1)}@media(max-width:767px){.site-back{top:105px;left:20px}[dir=rtl] .site-back{left:auto;right:20px}}[dir=rtl] .immersive-home .hero-title>svg.hero-ar-lettering{height:clamp(65px,11svh,140px)}[dir=rtl] .immersive-home .hero-title span svg.hero-ar-lettering{height:clamp(85px,16svh,180px)}@media(max-width:767px){[dir=rtl] .immersive-home .hero-title>svg.hero-ar-lettering{height:clamp(44px,7.5svh,68px)}[dir=rtl] .immersive-home .hero-title span svg.hero-ar-lettering{height:clamp(60px,11svh,96px)}}.viewer-media>video{position:relative!important;inset:auto!important;flex:none;max-width:100%;max-height:100%;object-fit:contain;aspect-ratio:auto;align-self:center;background:transparent}.viewer-media{background:transparent!important}.viewer-media>video:fullscreen{width:100vw!important;height:100vh!important;background:#000}.scene-about.reference-about .scene-about-copy .small-link{display:inline-flex!important;align-items:center;justify-content:flex-start!important;gap:12px!important;width:max-content!important;max-width:100%;padding:0 0 8px;letter-spacing:.04em}.scene-about-copy .small-link .icon{width:17px;height:17px;margin:0!important;flex:none}.scene-about-copy{display:flex;flex-direction:column;align-items:center}@media(max-width:767px){.scene-about.reference-about .scene-about-copy{bottom:calc(var(--scene-tools-bottom) + var(--scene-tools-size) + var(--scene-tools-clearance))}}.hero-index{overscroll-behavior:contain;scrollbar-width:thin;scroll-padding-block:24px}.hero-index .index-project{flex-shrink:0;scroll-margin-block:24px}body.main-menu-open #header{z-index:50}body.main-menu-open .site-music{visibility:hidden;pointer-events:none}.scene-about-title>span{display:block}@media(max-width:767px){#header .nav.is-open{top:76px;max-height:calc(100svh - 98px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}#header .nav.is-open a{min-height:44px}.scene-about.reference-about .scene-about-title{top:152px;left:22px;right:22px;width:auto;text-align:center;font-size:clamp(22px,6vw,34px);line-height:1.15}.scene-about-title>span{display:inline;margin-inline-start:.22em}[dir=rtl] .scene-about.reference-about .scene-about-title{text-align:center}.scene-about.reference-about .scene-about-copy{left:22px;right:22px;max-height:none;background:none;padding:0 6px;text-align:center}.scene-about.reference-about .scene-about-copy p{margin:0 0 14px;font-size:14px;line-height:1.6}.scene-about.reference-about .scene-about-copy .small-link{margin-top:0}.scene-ending .scene-steps{bottom:var(--scene-tools-bottom);right:22px;top:auto;flex-direction:row;gap:12px}.scene-ending .scene-steps button{width:44px;height:44px}}@media(max-width:767px){[dir=rtl] .scene-about-title .arabic-heading-outline{margin-inline:auto}}.immersive-home .scroll-cue{writing-mode:horizontal-tb;position:absolute;inset:auto auto 112px 50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 44px);min-height:44px;padding:8px 16px;border:1px solid #aa7be855;border-radius:24px;background:#06090de8;color:#eae9e5;font:500 12px/1.4 Space Grotesk,sans-serif;letter-spacing:.03em;z-index:15;cursor:pointer;touch-action:manipulation}.immersive-home .scroll-cue:before{display:none}.scroll-cue svg{width:18px;height:28px;fill:none;stroke:#8fe6e3;stroke-width:1.7;animation:explore-down 1.7s ease-in-out infinite}@keyframes explore-down{0%,to{transform:translateY(-3px)}55%{transform:translateY(4px)}}.scene-tool-label{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);width:90px;text-align:center;white-space:nowrap;pointer-events:none;font:500 11px/1.3 Space Grotesk,sans-serif;letter-spacing:0;color:#c7cbd2}.name-palette summary,.work-environment-toggle{position:relative}.immersive-home .name-palette{left:calc(50% - 70px)}.immersive-home .work-environment-control{left:calc(50% + 26px)}.name-palette-body{max-height:min(430px,65svh);overflow-y:auto}.palette-preview{display:grid;gap:10px;border-top:1px solid #aa7be844;padding-top:12px;margin:12px 0 0;font:500 12px/1.5 Space Grotesk,sans-serif}.palette-preview span{color:var(--name-first,#eae9e5)}.palette-preview b{color:var(--name-last,#aa7be8)}.palette-preview strong,.project-card h3,.scene-active-link{color:var(--work-title-color,#eae9e5)}html[lang=ar] .scene-tool-label,html[lang=ar] .scroll-cue,html[lang=ar] .palette-preview{font-family:Tajawal,sans-serif}@media(max-width:767px){.immersive-home .name-palette{left:22px}.immersive-home .work-environment-control{left:118px}.immersive-home .scroll-cue{bottom:calc(var(--scene-tools-bottom,100px) + 78px);font-size:12px}}@media(prefers-reduced-motion:reduce){.scroll-cue svg{animation:none}}