.touch-surface,.touch-glow,.touch-hint,.touch-status,.touch-spark{display:none}
@media(max-width:760px), (max-width:950px) and (max-height:500px){
 html{height:100%;overscroll-behavior-y:none}
 body{height:100svh!important;min-height:560px!important;overflow:hidden!important;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:radial-gradient(ellipse at 0 0,#164637,#051c16 60%)}
 .studio-header{height:105px!important;padding:7px 16px!important;gap:4px 8px!important;background:transparent;display:grid!important;grid-template-columns:auto minmax(0,1fr);grid-template-rows:47px 37px;align-content:center}
 .studio-header .header-actions{grid-column:2;justify-self:end;gap:10px;margin:0}
 .studio-header .language-switcher{grid-row:2;grid-column:1/-1;width:100%}
 .studio-header .brand{min-height:43px}
 .header-actions>button:first-child{min-height:43px;padding:7px 0}
 .header-actions .cta{min-height:40px;padding:9px 14px!important;box-shadow:0 3px 22px #ddc18415}
 .language-switcher{max-width:100%;border-color:#ddc18435;padding:2px;background:#05221b80}
 .language-switcher a{min-height:31px;display:flex;align-items:center;justify-content:center;padding:4px 10px!important}
 .exhibition{padding:0 8px!important;gap:0}
 .stage{min-height:250px!important;flex:1;border-radius:22px;border-color:#ddc18455;box-shadow:0 12px 44px #0004;transform:translateZ(0)}
 .top-badge{top:12px!important;inset-inline-start:12px!important;max-width:calc(100% - 24px);font-size:7px!important;backdrop-filter:blur(9px)}
 .auto-pointer{display:none!important}
 .touch-surface{display:block;position:absolute;inset:0;z-index:7;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:transparent;touch-action:pinch-zoom;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:grab}
 .touch-surface[hidden]{display:none!important}.touch-surface:focus-visible{outline:2px solid #eddaac;outline-offset:-5px}
 .touch-glow{display:block;position:absolute;inset:0;z-index:8;pointer-events:none;opacity:0;background:radial-gradient(circle 85px at var(--touch-x,50%) var(--touch-y,50%),#fff6dc60,#ddc18415 40%,transparent 75%);mix-blend-mode:screen;transition:opacity .25s}
 .being-touched .touch-glow{opacity:.95}.touch-glow.firing{animation:touch-flash .85s ease-out}
 .touch-spark{display:block;position:absolute;z-index:8;pointer-events:none;width:4px;height:4px;margin:-2px;background:#f5dfac;box-shadow:0 0 8px #fff5d8;border-radius:50%;animation:touch-spark .65s ease-out both}
 .touch-hint{display:flex;align-items:center;gap:8px;position:absolute;bottom:14px;inset-inline:12px;z-index:8;max-width:max-content;margin-inline:auto;padding:9px 14px;border-radius:40px;border:1px solid #f5dfac45;background:#06261de8;color:#f5e8cc;box-shadow:0 4px 20px #0003;pointer-events:none;backdrop-filter:blur(9px);transition:opacity .4s,transform .4s}
 .touch-hint .touch-symbol{font-size:22px;color:#e4c584;animation:touch-beacon 2.4s ease-in-out infinite}
 .touch-hint strong{display:block;font-size:10px;font-weight:600;line-height:1.65;letter-spacing:0}
 .touch-hint small{display:block;font-size:8px;line-height:1.6;color:#b9cebf;letter-spacing:0}
 .touch-hint.experienced{opacity:0;transform:translateY(7px)}
 .touch-status{display:block;position:absolute;inset-inline:18px;bottom:15px;z-index:8;width:fit-content;max-width:calc(100% - 36px);margin-inline:auto;border:1px solid #f1d7a650;background:#06271eea;border-radius:30px;padding:9px 17px;color:#f8e7c6;font-size:11px;line-height:1.6;pointer-events:none;opacity:0;transform:translateY(10px);transition:opacity .2s,transform .2s}
 .touch-status.shown{opacity:1;transform:translateY(0)}
 [data-paused=true] .touch-symbol{animation-play-state:paused}
 .scene-info{height:65px!important;padding-inline:5px!important;gap:10px!important;flex-shrink:0}
 .scene-number>span{font-size:25px!important;letter-spacing:-1px}
 .scene-number small{font-size:8px!important}
 .scene-caption{padding-inline-start:10px!important;padding-inline-end:0!important;min-width:0;flex:1}
 .scene-caption h2{font-size:12px!important;line-height:1.65!important;margin:0!important}
 .scene-caption p{font-size:8px!important;line-height:1.5!important;max-width:185px!important}
 #take-control{font-size:9px!important;min-height:42px;max-width:95px!important;padding:8px 11px!important;gap:8px!important;border-color:#ddc18455;background:#ffffff05}
 .controls{height:80px!important;padding:0 5px!important;gap:0 8px!important;display:grid!important;grid-template-columns:auto 1fr auto;grid-template-rows:31px 47px;align-items:center;border-top:1px solid #ddc18425}
 .timeline{grid-row:1;grid-column:1/-1;display:flex;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;gap:4px;min-width:0;height:31px;max-width:100%;overscroll-behavior-inline:contain;padding-inline:1px}
 .timeline::-webkit-scrollbar{display:none}.timeline button{flex:0 0 24px;min-width:24px;height:31px}
 .timeline button::before,.timeline button::after{top:14px!important;height:3px!important;border-radius:4px}.timeline button[aria-current=true]::before,.timeline button[aria-current=true]::after{top:12px!important;height:7px!important}
 .transport{grid-row:2;grid-column:1;gap:0}.transport>button{min-width:40px!important;min-height:44px!important}.transport #play-pause{min-width:66px!important;font-size:10px!important}
 .speed-label{grid-row:2;grid-column:2;margin:0!important;justify-self:end;gap:6px}.speed-label>span{display:none}.speed-label select{height:39px!important;font-size:10px!important;padding:5px 8px!important;border:1px solid #ddc18425;border-radius:20px;background:#103627!important}
 .fullscreen{grid-row:2;grid-column:3;width:40px;min-height:44px;margin:0!important;font-size:24px!important}
 .studio-footer{height:26px!important;min-height:26px;padding-inline:15px!important;font-size:7px!important;gap:8px;justify-content:space-between}.studio-footer>span:first-child{display:none!important}
 .intro{padding:8% 7%!important;justify-content:center;background:linear-gradient(180deg,#05281df7,#062c20e0 50%,#031b1590)}
 .saudi-edition{font-size:9px!important;margin-bottom:15px!important}
 .intro-kicker{font-size:10px!important;line-height:1.7!important}
 .intro h1{font-size:clamp(43px,12.5vw,62px)!important;line-height:1.5!important;margin:16px 0!important}
 html[dir=ltr] .intro h1{line-height:1.07!important;font-size:clamp(42px,12vw,60px)!important}
 .intro-bottom{display:block}.intro-bottom p{font-size:11px!important;line-height:1.9!important}
 .intro-bottom>span{display:block;font-size:10px!important;letter-spacing:0;margin-top:20px!important;color:#e5c584}
 .finale{padding:8% 7%!important;overflow:auto}.finale h2{font-size:32px!important;line-height:1.45!important}.finale p{font-size:11px!important}.finale .cta{min-height:44px}.finale::before{opacity:.15}
 dialog{max-height:calc(100svh - 28px);overscroll-behavior:contain;border-radius:22px}.projects-dialog{width:calc(100% - 18px);padding:24px 16px}.dialog-top h2{font-size:25px!important}.close{min-height:44px;min-width:44px}.filters{overflow:auto;flex-wrap:nowrap;padding-bottom:6px}.filters button{min-height:40px;white-space:nowrap;flex-shrink:0}.project-card:active{transform:scale(.97)}.contact-chips button{min-height:44px}.email-action{min-height:48px}.contact-details a{padding-block:10px;min-height:44px}.copy-email{min-height:44px}
 @keyframes touch-flash{0%{opacity:1}100%{opacity:0}}
 @keyframes touch-spark{from{transform:translate(0,0) scale(1);opacity:1}to{transform:translate(var(--spark-x),var(--spark-y)) scale(.15);opacity:0}}
 @keyframes touch-beacon{50%{transform:scale(1.2) rotate(40deg);opacity:.6}}
}
@media(max-width:760px) and (max-height:720px){.studio-header{height:98px!important}.scene-info{height:58px!important}.controls{height:72px!important;grid-template-rows:25px 45px}.timeline{height:25px}.stage{border-radius:18px}.touch-hint{padding:7px 11px;bottom:10px}.touch-hint small{display:none}.intro h1{font-size:42px!important;line-height:1.3!important}.saudi-edition{display:none}.intro-bottom p{font-size:10px!important}.intro-bottom>span{margin-top:10px!important}.finale h2{font-size:27px!important;margin:10px 0!important}.finale p{margin-bottom:12px!important}.finale>a{margin-top:14px!important}}
@media(max-width:360px){.studio-header{padding-inline:12px!important}.header-actions>button:first-child{font-size:8px!important}.header-actions .cta{font-size:9px!important;padding-inline:9px!important}.studio-header .header-actions{gap:7px!important}}
@media(max-width:950px) and (max-height:500px) and (orientation:landscape){body{min-height:0!important}.studio-header{height:62px!important;grid-template-columns:auto 1fr auto;grid-template-rows:47px;gap:12px!important}.studio-header .language-switcher{grid-row:1;grid-column:2;max-width:240px}.studio-header .header-actions{grid-column:3}.header-actions>button:first-child{display:none!important}.scene-info{height:49px!important}.controls{height:61px!important;grid-template-rows:19px 42px}.timeline{height:19px}.studio-footer{display:none}.stage{min-height:120px!important}}
@media(prefers-reduced-motion:reduce){.touch-spark{display:none!important}.touch-symbol{animation:none!important}.touch-glow.firing{animation:none!important}.touch-status,.touch-hint{transition:none!important}}
@media(max-width:950px) and (max-height:500px) and (orientation:landscape){
 .controls{height:66px!important;grid-template-rows:20px 45px}.timeline,.timeline button{height:20px}.timeline button::before,.timeline button::after{top:8px!important}.timeline button[aria-current=true]::before,.timeline button[aria-current=true]::after{top:6px!important}
 .touch-hint{bottom:9px;padding:5px 11px}.touch-hint small{display:none}.touch-symbol{font-size:17px!important}
}