section[id],.stage{scroll-margin-top:115px}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#7c3aed,#e7b8ff);transform:scaleX(0);transform-origin:left;z-index:80;pointer-events:none}.header{transition:background .35s,box-shadow .35s}.header-compact{background:#faf7fff5;box-shadow:0 5px 35px #38164d12}.nav{transition:min-height .35s}.header-compact .nav{min-height:82px}.motion-control{border:0;background:none;color:#9a78b4;font-size:.62rem;cursor:pointer;white-space:nowrap;padding:8px;margin-inline-end:15px}.motion-control::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#a56aff;margin-inline-end:6px;box-shadow:0 0 10px #a56aff}.motion-paused .motion-control::before{background:#ac9bb8;box-shadow:none}.motion-reveal{transition:opacity .8s ease,translate .8s cubic-bezier(.2,.8,.2,1);transition-delay:var(--entrance-delay,0ms)}.motion-reveal:not(.has-entered){opacity:.2;translate:0 24px}.motion-paused .motion-reveal{opacity:1;translate:none;transition:none}.cinema{height:760px;min-height:660px;isolation:isolate}.cinema video{transform:translateY(var(--hero-shift,0px)) scale(1.08);transform-origin:center;will-change:transform}.cinema-shade{background:linear-gradient(90deg,#190729eb,#25113cad 50%,#180b2b60)}.cinema-content{padding-top:100px;z-index:2;pointer-events:none}.cinema-content a{pointer-events:auto}.cinema-content h1{font-size:clamp(4rem,6.6vw,6.7rem);max-width:740px}.cinema-content>p:not(.eyebrow){max-width:440px}.engineering-scene{position:absolute;right:5%;top:130px;width:31%;max-width:440px;z-index:3;perspective:900px}.scene-frame{position:relative;padding:12px;border:1px solid #e0b5ff66;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%),#a779de3b,transparent 75%),#30194b6b;backdrop-filter:blur(10px);border-radius:18px;box-shadow:0 25px 70px #09011265;transform:rotate(-3deg);animation:scene-float 6s ease-in-out infinite;overflow:hidden}.scene-frame img{width:100%;height:250px;object-fit:cover;border-radius:10px;filter:saturate(.55);display:block}.scene-frame::after{content:'';position:absolute;inset:12px 12px 70px;background:repeating-linear-gradient(0deg,transparent,transparent 35px,#ebccff12 36px),repeating-linear-gradient(90deg,transparent,transparent 35px,#ebccff12 36px);pointer-events:none}.scene-cross{position:absolute;top:25px;right:25px;color:#edd4ff;font-size:1.4rem}.scene-label{font-size:.54rem;letter-spacing:.14em;color:#ead3ff;margin:15px 4px 7px}.scene-coordinate{color:#ac8dc6;font:9px monospace;margin:0 4px 4px}.scene-orbit{position:absolute;inset:-65px -45px;pointer-events:none;transform:rotate(-15deg)}.scene-orbit i{position:absolute;inset:0;border:1px solid #dcacff22;border-radius:50%;transform:rotateX(55deg)}.scene-orbit i:nth-child(2){transform:rotateY(65deg)}.scene-orbit i:nth-child(3){inset:35px;transform:rotate(50deg);border-style:dashed;animation:orbit-turn 25s linear infinite}.scene-tabs{display:flex;justify-content:center;gap:5px;background:#180b2e80;border:1px solid #bc8ade45;border-radius:40px;padding:6px;margin:28px auto 0;width:max-content;position:relative}.scene-tabs button{background:transparent;border:0;border-radius:30px;color:#cdb1e4;font-size:.7rem;padding:9px 18px;transition:color .3s,background .3s}.scene-tabs button[aria-pressed=true]{background:#d9b6ff;color:#351250}.scroll-cue{position:absolute;left:50%;bottom:32px;transform:translateX(-50%);display:flex;align-items:center;gap:16px;color:#dac2ef;font-size:.6rem;letter-spacing:.1em;z-index:4}.scroll-cue i{font-style:normal;border:1px solid #d4a9f755;border-radius:30px;padding:7px 11px;animation:scroll-bob 2s ease-in-out infinite}.studio-explorer{display:grid;grid-template-columns:270px minmax(0,1fr);gap:0 45px;align-items:start}.studio-explorer>.services-intro{grid-column:1/-1}.studio-selector{position:sticky;top:120px;display:flex;flex-direction:column;gap:5px;border-inline-start:1px solid #c8b2dc;padding-inline-start:15px}.studio-selector button{display:grid;grid-template-columns:25px 1fr 20px;align-items:center;gap:12px;background:none;border:0;border-radius:9px;color:#a38bb7;text-align:start;padding:19px 12px;transition:background .3s,color .3s,transform .3s}.studio-selector button>span{font-size:.6rem;font-weight:400}.studio-selector strong{font-size:.9rem;line-height:1.4;font-weight:500}.studio-selector i{font-style:normal;opacity:0;transition:opacity .3s}.studio-selector button:hover{background:#7137ab25}.studio-selector button[aria-pressed=true]{color:#f1dcff;background:#7039a54d;box-shadow:inset 3px 0 #c19aed}.studio-selector button[aria-pressed=true] i{opacity:1}.services-showcase{background:radial-gradient(ellipse at 70% 20%,#52227a7a,transparent 65%),#1f102f;color:#eedfff;overflow:clip}.services-intro h2 em{color:#c592fa}.services-intro>p:last-child{color:#aa8cbd}.studio-cards.interactive-studio{display:block;min-height:580px}.interactive-studio .studio-card,.interactive-studio .studio-card:last-child{display:flex;flex-direction:column;background:#2c1840;border:1px solid #8c62ac55;box-shadow:none;border-radius:20px;transform:none}.interactive-studio .studio-card:hover{transform:none}.interactive-studio .studio-card[hidden]{display:none!important}.interactive-studio .studio-visual,.interactive-studio .studio-card:last-child .studio-visual{height:330px;min-height:0}.interactive-studio .studio-card-copy{padding:30px 32px}.interactive-studio h3{color:#f0dcff;margin:10px 0;font-size:2rem}.interactive-studio .studio-promise{color:#bea4cf;min-height:0}.interactive-studio .studio-actions{border-color:#784f9555}.interactive-studio .studio-actions>a{color:#cba0eb}.interactive-studio .studio-actions button{background:#c89bf5;color:#321447}.interactive-studio .studio-tags{color:#ad82cc}.studio-transport{grid-column:2;display:flex;align-items:center;justify-content:end;gap:16px;margin-top:20px;color:#a983c4;font:12px monospace}.studio-transport button{width:40px;height:40px;border:1px solid #9b6dbc66;border-radius:50%;background:none;color:#d3b1ec;transition:background .3s}.studio-transport button:hover{background:#8d50b655}.discipline-card{position:relative;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%),#f0e2ff,white 65%)}.discipline-card img{transition:transform .8s,filter .8s;filter:saturate(.55)}.discipline-card:hover img{transform:scale(1.04);filter:saturate(1)}.portfolio-filters{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.portfolio-filters button{padding:10px 17px;border:1px solid #dac6eb;border-radius:25px;background:none;color:#9e7ab8;font-size:.72rem;transition:background .3s}.portfolio-filters button[aria-pressed=true]{background:#6d33a7;color:white;border-color:#6d33a7}.portfolio-previews.focused-preview{grid-template-columns:1fr}.portfolio-previews.focused-preview>a{display:grid;grid-template-columns:1.4fr 1fr;align-items:center}.portfolio-previews.focused-preview img{height:390px}.portfolio-previews>a>div{transition:background .3s}.portfolio-previews>a:hover>div{background:#f2e8fc}.stage-jump{position:sticky;top:83px;z-index:8;display:flex;gap:8px;overflow:auto;max-width:100%;padding:14px;background:#f7f5fcf2;backdrop-filter:blur(14px);border:1px solid #e4d5ef;border-radius:12px;margin:10px 0 25px}.stage-jump button{font-size:.65rem;white-space:nowrap;border:0;border-radius:25px;background:#eaddf5;color:#8957ac;padding:9px 14px}.stage-jump button:hover{background:#d5bbeb}.stage{scroll-margin-top:180px}.motion-paused .client-track{animation-play-state:paused}.motion-paused .scene-frame,.motion-paused .scene-orbit i,.motion-paused .scroll-cue i{animation:none}.motion-paused .cinema video{transform:none}.motion-paused *{scroll-behavior:auto!important}html[dir=rtl] .engineering-scene{right:auto;left:5%}html[dir=rtl] .cinema-content h1{max-width:650px;font-size:clamp(3rem,5.5vw,5.5rem)}html[dir=rtl] .studio-selector button[aria-pressed=true]{box-shadow:inset -3px 0 #c19aed}html[dir=rtl] .studio-selector strong,html[dir=rtl] .scene-label{letter-spacing:0}html[dir=rtl] .scene-tabs{direction:rtl}@keyframes scene-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-13px) rotate(-1deg)}}@keyframes orbit-turn{to{rotate:360deg}}@keyframes scroll-bob{50%{translate:0 7px}}@media(max-width:1050px) and (min-width:801px){.engineering-scene{width:30%;right:3%;top:180px}.scene-frame img{height:200px}.cinema-content h1{font-size:5.5rem}.studio-explorer{grid-template-columns:230px minmax(0,1fr);gap:0 25px}.motion-control{font-size:0;margin-inline-end:5px}.motion-control::before{width:7px;height:7px}.scene-tabs button{padding:8px 13px}}@media(max-width:800px){.cinema{height:auto;min-height:0;padding-bottom:90px}.cinema-content{padding-top:60px}.cinema-content h1{font-size:3.4rem}.engineering-scene,html[dir=rtl] .engineering-scene{position:relative;right:auto;left:auto;top:auto;max-width:440px;width:calc(100% - 48px);margin:42px auto 0}.scene-frame{animation:none;transform:rotate(-2deg)}.scene-frame img{height:180px}.scene-orbit{inset:-15px -10px}.scene-tabs{margin-top:18px}.cinema .cinema-bottom{bottom:20px}.cinema-bottom>span{font-size:.5rem}.scroll-cue{display:none}.studio-explorer{display:block}.studio-selector{position:relative;top:0;flex-direction:row;overflow:auto;border:0;padding:0 0 15px;margin-bottom:20px}.studio-selector button{min-width:170px;grid-template-columns:18px 1fr;padding:13px;gap:8px;border:1px solid #68438555}.studio-selector i{display:none}.studio-selector strong{font-size:.73rem}.interactive-studio .studio-visual,.interactive-studio .studio-card:last-child .studio-visual{height:230px}.interactive-studio .studio-card-copy{padding:25px}.interactive-studio h3{font-size:1.65rem}.studio-cards.interactive-studio{min-height:0}.studio-transport{margin-top:15px}.portfolio-previews.focused-preview>a{display:block}.portfolio-previews.focused-preview img{height:260px}.stage-jump{top:82px;padding:9px;margin-inline:-4px;width:calc(100% + 8px)}.motion-control{position:fixed;bottom:15px;right:15px;z-index:40;background:#301441e8;color:#d7b4f1;border:1px solid #bd91dc66;border-radius:30px;padding:9px 13px;font-size:.58rem;margin:0;box-shadow:0 4px 25px #230e3a20}.motion-control::before{width:4px;height:4px}.header-compact .nav{min-height:75px}.stage{scroll-margin-top:150px}html[dir=rtl] .cinema-content h1{font-size:3rem}html[dir=rtl] .motion-control{right:auto;left:15px}}@media(prefers-reduced-motion:reduce){.motion-reveal{opacity:1!important;translate:none!important}.scene-frame,.scene-orbit i,.scroll-cue i{animation:none!important}.cinema video{transform:none!important}.client-track{animation:none!important}*{scroll-behavior:auto!important}}

.combined-brand{display:grid;align-items:center;position:relative}.combined-brand>.brand-en,.combined-brand>.brand-ar{grid-area:1/1;transition:opacity .3s ease,transform .4s cubic-bezier(.2,.8,.2,1)}.combined-brand>.brand-ar{opacity:0;visibility:hidden;transform:translateY(5px)}html[lang=ar] .combined-brand>.brand-ar{opacity:1;visibility:visible;transform:none}html[lang=ar] .combined-brand>.brand-en{opacity:0;visibility:hidden;transform:translateY(-5px)}.language-switch:disabled{cursor:wait;opacity:1!important}.language-thumb{will-change:transform}.language-option{transition:color .35s!important}::view-transition-old(root){animation:locale-out .22s ease-out both}::view-transition-new(root){animation:locale-in .38s cubic-bezier(.2,.8,.2,1) both}@keyframes locale-out{to{opacity:0}}@keyframes locale-in{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.combined-brand>img{transition:none!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}

/* Readable learning paths with swipeable stage navigation. */
.stage-jump{border:0!important;border-radius:0!important;gap:12px!important;padding:18px 4px!important;background:#f7f5fcf5!important;scrollbar-width:none!important;-ms-overflow-style:none;scroll-behavior:smooth;scroll-snap-type:x proximity;cursor:grab;user-select:none;touch-action:pan-x pan-y;mask-image:linear-gradient(90deg,transparent,#000 1%,#000 99%,transparent)}.stage-jump::-webkit-scrollbar{display:none!important;width:0;height:0}.stage-jump button{font-size:1rem!important;line-height:1.45!important;padding:14px 23px!important;min-height:54px!important;border:1px solid #e1d0ee!important;border-radius:40px!important;background:#eaddf5;color:#7d45a5;scroll-snap-align:center;transition:background .25s,color .25s,box-shadow .25s!important}.stage-jump button:hover{background:#dfc8f1;box-shadow:0 5px 18px #743d9e16}.stage-jump button[aria-current=step]{background:#783db2;color:#fff;border-color:#783db2!important}.stage-jump.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.stage-jump.is-dragging button{cursor:grabbing;pointer-events:none}.stage-head>span,.course-index{display:none!important}.stage-head h3{font-size:1.7rem;line-height:1.4}.course-row h4{font-size:1.13rem;line-height:1.5}.course-row p{font-size:.95rem;line-height:1.65}.course-row{padding:23px 26px}.course-row button{width:46px;height:46px}.path-header p{font-size:1rem;line-height:1.8}.path-header h2{font-size:2.3rem}.path-note{font-size:.9rem;line-height:1.8}.path-switch button{font-size:1rem;padding:13px 28px}.page-hero>p:not(.eyebrow){font-size:1.05rem}.stage{scroll-margin-top:195px}@media(max-width:800px){.stage-jump{padding:14px 3px!important;gap:9px!important}.stage-jump button{font-size:.95rem!important;padding:13px 19px!important;min-height:50px!important}.stage-head h3{font-size:1.4rem}.course-row h4{font-size:1.05rem}.course-row p{font-size:.9rem}.course-row{padding:20px 18px}.path-header h2{font-size:1.9rem}.path-header p{font-size:.95rem}.stage{scroll-margin-top:180px}}@media(prefers-reduced-motion:reduce){.stage-jump{scroll-behavior:auto!important}.stage-jump button{transition:none!important}}
