@font-face{font-family:MayaArabic;src:url('fonts/cairo.woff2') format('woff2');font-weight:200 1000;font-display:swap}
:root{--paper:#061d16;--ink:#f8f2e3;--accent:#ddc184;--scene-accent:#ddc184;--muted:#adc1b3;--line:#ddc18430;color-scheme:dark}
html[dir=rtl] *,html[dir=rtl] *::before,html[dir=rtl] *::after{letter-spacing:0!important}
body,button,input,select,h1,h2,h3,h4,em,.brand,.eyebrow{font-family:MayaArabic,Tahoma,Arial,sans-serif!important;font-style:normal}
body{background:radial-gradient(ellipse at 30% 0,#163f2d,#061d16 65%);color:var(--ink)}
.studio-header{background:transparent;height:86px;padding-inline:34px;gap:24px;border-bottom:1px solid #d9bd7a10}
.brand{font-size:35px;font-weight:850;gap:11px;line-height:1.2}.brand svg{color:var(--accent);width:33px;height:33px;stroke-width:1.4;filter:drop-shadow(0 0 12px #ddc18430)}.brand>span{font-size:8px;margin:0;align-self:center}
.studio-line{border-left:0;border-right:1px solid var(--line);padding-left:0;padding-right:24px;font-size:11px;line-height:1.8;color:#dfdbc9}.studio-line span{font-size:9px;color:#b4c8b8}
.header-actions{margin-left:0;margin-right:auto;gap:30px}.header-actions>button:first-child{font-size:12px;gap:20px}.cta{font-size:13px;font-weight:750;gap:26px;padding:13px 23px;background:linear-gradient(120deg,#eddaac,#cfad65);color:#103e2e;box-shadow:0 3px 25px #c0a36a10}.cta:hover{background:#f3dfac}
.exhibition{padding-top:7px}.stage{border:1px solid #ddc18440;border-radius:14px;box-shadow:0 18px 70px #0003;background:#09271e}
.stage-background{background:radial-gradient(ellipse at 35% 30%,#27513a,#051d15 70%)}.stage-background>span{color:#ddc18413;transform:none;font-weight:800;font-size:30vw}
.orbital-shape{left:10%;border-color:#d9bd7a77;box-shadow:inset 0 0 70px #d9bd7a20,0 0 100px #d9bd7a17}
.top-badge{left:auto;right:22px;font-size:9px;background:#082b21e8;border-color:#d9bd7a44;padding:8px 12px;line-height:1.7}.top-badge b{border-left:0;border-right:1px solid #d9bd7a44;padding-left:0;padding-right:10px;margin-left:0;margin-right:4px;color:#d5c8a8;font-size:8px}
.auto-pointer>span{font-size:10px;line-height:1.4;padding:4px 10px}.auto-pointer svg{fill:#eddaac;stroke:#08271c}
.intro{background:linear-gradient(270deg,#04261ced 0,#062a1fcc 43%,#051b1488 80%,#06291f55);padding:4% 7%;overflow:hidden}
.intro>*:not(.heritage-grid){position:relative;z-index:1}.saudi-edition{font-size:12px;color:#e1cc9d;display:flex;align-items:center;gap:10px;margin-bottom:16px}.saudi-edition::before{content:'✦';font-size:14px}.intro-kicker{color:#abc4b5;font-size:12px;line-height:1.8}
.intro h1{font-size:clamp(70px,8.8vw,140px);font-weight:850;line-height:1.34;margin:12px 0 24px;text-shadow:0 4px 40px #001b1670}.intro h1 em{font-weight:650;color:#e7cc93;font-style:normal}
.intro-bottom{max-width:100%;align-items:center}.intro-bottom p{font-size:15px;line-height:1.9;color:#e4e5d8}.intro-bottom>span{font-size:11px;color:#c9d7c9;gap:10px}.intro-bottom i{background:#e2c07d;box-shadow:0 0 18px #e2c07d88}
.heritage-grid{position:absolute;left:-15%;top:-20%;width:65%;height:145%;opacity:.17;background-image:linear-gradient(45deg,transparent 48.8%,#edce8a 49%,#edce8a 50%,transparent 50.2%),linear-gradient(-45deg,transparent 48.8%,#edce8a 49%,#edce8a 50%,transparent 50.2%);background-size:105px 105px;transform:rotate(-10deg);mask-image:linear-gradient(270deg,transparent,#000 45%,transparent);animation:heritage-drift 24s ease-in-out infinite alternate}
@keyframes heritage-drift{to{transform:rotate(5deg) translateY(-35px)}}
.scene-info{height:86px;gap:20px}.scene-number{direction:rtl;gap:10px}.scene-number>span{font-size:33px;font-weight:400;color:#e9d5ac}.scene-number small{font-size:11px;color:#8ba999}.scene-caption{border-left:0;border-right:1px solid var(--line);padding-left:0;padding-right:20px}.scene-caption h2{font-size:17px;font-weight:700;margin-bottom:2px;line-height:1.7}.scene-caption p{font-size:12px;color:#aec5b6;line-height:1.7}.mode-label{margin-left:0;margin-right:auto;color:#b4cbb7;font-size:10px}.mode-label i{background:#d9bd7a}#take-control{font-size:12px;padding:10px 18px;gap:20px;border-color:#d9bd7a55;color:#ece0c6}
.controls{height:58px;gap:24px;border-color:#d9bd7a30}.transport>button{min-width:33px}.transport #play-pause{font-size:12px;min-width:84px}.timeline button::before{background:#46624b}.timeline button::after{transform-origin:right}.timeline button.completed::after{background:#9a8856}.speed-label>span{font-size:9px;color:#a3bca9}.speed-label select{font-size:12px;color:#e8d9b9;background:#183528;padding:5px 8px}.fullscreen{color:#ddc184}.studio-footer{height:36px;font-size:9px;color:#a2baa9;border-color:#d9bd7a18}.studio-footer>a,.studio-footer span>a{direction:ltr;unicode-bidi:isolate}.studio-footer>span:first-child{color:#cbb987}
.finale{background:radial-gradient(ellipse at 15% 20%,#315a3b,#07291e 60%,#061c15);padding:5% 7%;text-align:right}.finale::before{content:'';position:absolute;width:420px;height:420px;left:3%;top:15%;border:1px solid #d9bd7a44;outline:1px solid #d9bd7a22;outline-offset:24px;transform:rotate(45deg);border-radius:20%;pointer-events:none;animation:orbit 70s linear infinite}.finale>*{position:relative}.finale-kicker{font-size:12px;color:#cbb98e}.finale h2{font-size:clamp(45px,5.4vw,88px);font-weight:800;line-height:1.45;margin:22px 0}.finale h2 em{font-weight:600}.finale p{font-size:15px;line-height:1.9;max-width:520px}.finale .replay{font-size:13px}.finale>a{font-family:Arial,sans-serif;font-size:14px;direction:ltr}.finale[hidden]::before{animation-play-state:paused}
dialog{font-family:MayaArabic,Tahoma,sans-serif;background:#0b2b20;border-color:#ddc18450;scrollbar-color:#b39661 #0b2b20}dialog::backdrop{background:#02180edf;backdrop-filter:blur(18px)}.dialog-top h2{font-size:36px;line-height:1.6;font-weight:700;margin-top:10px}.eyebrow{font-size:11px;line-height:1.8;color:#d1bd90}.close{border-color:#d9bd7a50;color:#e5d1a8}.filters button{font-size:12px;color:#d1dece}.filters span{margin-right:7px;margin-left:0}.project-card{text-align:right;background:#123a2a;border-color:#d9bd7a28}.card-body strong{font-size:15px;font-weight:700}.card-body span{font-size:11px;color:#b0c6b3;line-height:1.7}.card-art .art-name{font-family:MayaArabic;font-size:27px}.card-art .card-number{left:auto;right:9px;color:#eed9aa;background:#052317ee;font-size:10px}.concept-note{font-size:12px;color:#b0c5b4;line-height:1.9}
.contact-dialog>.close{right:auto;left:20px}.contact-dialog>.eyebrow{padding-left:25px;padding-right:0}.contact-dialog h2{font-size:48px;font-weight:750;line-height:1.5;margin:22px 0 18px}.contact-dialog h2 em{font-weight:600}.contact-dialog>p{font-size:14px;line-height:1.95;color:#bbcec0}.contact-chips button{font-size:12px;border-color:#d9bd7a50;padding:10px 13px}.contact-chips button[aria-pressed=true]{background:#d9bd7a1c;border-color:#d9bd7a}.email-action{font-size:15px;font-weight:700;direction:rtl!important;background:linear-gradient(110deg,#eddaaa,#caa25e)}.email-action:hover{background:#efdcae}.contact-details{font-family:Arial,sans-serif;font-size:14px;color:#e4dfcc}.copy-email{font-size:12px;color:#b8c6af}.contact-dialog .email-status{font-size:12px;line-height:1.8}.toast{font-size:13px;line-height:1.7}.scene-error{background:#082b20}.scene-error>span{font-size:42px;font-weight:700}.scene-error p{font-size:15px;line-height:1.8}.scene-error button{font-size:14px}.stage-loader{font-size:13px;line-height:1.8;background:#062318cc;color:#dfd8be}.no-script h1{font-size:38px}
[data-paused=true] .heritage-grid,[data-paused=true] .finale::before{animation-play-state:paused}
@media(max-width:1100px){.scene-caption p{font-size:11px}.studio-line{display:none}.scene-info{gap:14px}.header-actions{gap:20px}.scene-caption{padding-right:14px}.mode-label{display:none}#take-control{margin-right:auto}.intro h1{font-size:9.8vw}.intro-bottom>span{font-size:9px;max-width:200px}}
@media(max-width:600px){body{min-height:680px}.studio-header{height:72px;padding-inline:17px;gap:12px}.brand{font-size:29px;gap:7px}.brand svg{width:24px;height:24px}.header-actions{gap:15px}.header-actions>button:first-child{font-size:10px;gap:6px}.header-actions .cta{font-size:11px;padding:10px 14px;gap:9px}.exhibition{padding-top:3px}.stage{min-height:360px}.top-badge{right:11px;left:auto;top:11px;font-size:7px;padding:6px 9px;max-width:92%}.top-badge b{font-size:7px;padding-right:7px}.intro{padding:12% 7%}.saudi-edition{font-size:10px;line-height:1.9;margin-bottom:18px;max-width:260px}.intro-kicker{font-size:10px}.intro h1{font-size:clamp(47px,12.4vw,70px);line-height:1.6;margin:14px 0 25px}.intro-bottom p{font-size:12px;line-height:2}.intro-bottom>span{font-size:9px;max-width:none;margin-top:23px}.heritage-grid{width:100%;left:-48%;background-size:70px 70px}.scene-info{height:85px;gap:10px;padding-inline:4px}.scene-number{gap:5px}.scene-number>span{font-size:28px}.scene-number small{font-size:9px}.scene-caption{padding-right:10px;min-width:0;flex:1}.scene-caption h2{font-size:13px;line-height:1.7;margin-bottom:0}.scene-caption p{font-size:9px;line-height:1.8;max-width:170px}#take-control{font-size:10px;line-height:1.6;max-width:82px;padding:8px 10px;gap:7px;text-align:right}.controls{height:79px;gap:0 8px}.transport #play-pause{font-size:10px;min-width:70px}.transport>button{min-width:24px}.speed-label{margin-left:0;margin-right:auto;gap:4px}.speed-label>span{font-size:7px}.speed-label select{font-size:10px;padding:4px 2px}.fullscreen{margin-left:0;margin-right:3px;font-size:22px}.studio-footer{height:36px;font-size:8px;padding-inline:14px;gap:12px}.studio-footer>span:nth-child(2){max-width:220px}.studio-footer>span:first-child{display:none}.finale{padding:9% 7%}.finale-kicker{font-size:10px;line-height:1.9}.finale h2{font-size:36px;line-height:1.65;margin:18px 0}.finale p{font-size:12px}.finale .cta{font-size:12px}.finale .replay{font-size:11px}.finale>a{font-size:12px}.finale::before{left:-170px;top:20%;opacity:.35}.dialog-top h2{font-size:26px;line-height:1.6}.eyebrow{font-size:9px}.filters button{font-size:10px;padding:8px 10px}.project-grid{gap:10px}.card-body{padding:10px}.card-body strong{font-size:12px}.card-body span{font-size:9px}.concept-note{font-size:10px}.contact-dialog{padding:34px 23px}.contact-dialog>.close{left:13px;right:auto}.contact-dialog h2{font-size:37px;line-height:1.6}.contact-dialog>p{font-size:12px}.contact-chips button{font-size:10px}.email-action{font-size:13px}.contact-details{font-size:12px;gap:18px}.copy-email{font-size:10px}.stage-loader{font-size:11px}}
@media(prefers-reduced-motion:reduce){.heritage-grid,.finale::before{animation:none}}
@media(min-width:761px) and (max-height:800px){.intro{padding:3% 7%}.intro h1{font-size:clamp(53px,10vh,83px);line-height:1.3;margin:10px 0 18px}.saudi-edition{font-size:10px;margin-bottom:8px}.intro-kicker{font-size:10px}.intro-bottom p{font-size:12px}.intro-bottom>span{font-size:10px}.finale{padding:3% 7%}.finale h2{font-size:clamp(40px,6.8vh,64px);line-height:1.4;margin:16px 0}.finale p{font-size:12px;margin-bottom:20px}.finale>a{margin-top:22px}.finale-kicker{font-size:10px}}