/* Native scrolling drives the narrative. No scroll interception or forced snapping. */
:root{--cinema-ink:#111f32;--cinema-stage:calc(100svh - var(--nav))}
.immersive-opening{max-width:none;margin:0;min-height:var(--cinema-stage);border-radius:0;display:flex;align-items:center}.immersive-opening .hero-copy{padding-block:75px 105px}.immersive-opening .hero-city{height:115%;top:-7.5%;transform:translate3d(0,var(--parallax-y,0px),0) scale(1.025);object-position:center}.immersive-opening .hero-wash{background:linear-gradient(90deg,#f6f3eef8,#f6f3eee6 23%,#f6f3ee96 43%,#f6f3ee0a 77%)}.immersive-opening .hero-copy h1{font-size:clamp(64px,6.8vw,106px)}.immersive-opening .hero-copy .hero-action{gap:16px}.immersive-opening .hero-copy .hero-action>.text-link{font-size:11px}.hero-motion-tools{display:flex;gap:22px;align-items:center;position:absolute;bottom:25px;inset-inline-start:clamp(40px,6vw,92px);z-index:3}.motion-control{display:flex;gap:8px;align-items:center;background:#ffffffbd;color:#4c5e75;border:1px solid #b8c4d347;border-radius:25px;padding:9px 13px;min-height:36px;font-size:10px;white-space:nowrap;backdrop-filter:blur(10px)}.motion-control>.ui-icon{width:13px;height:13px}.motion-control[aria-pressed=true]{background:#e8eff8;color:#30588d}.hero-scroll-cue{display:flex;align-items:center;gap:10px;min-height:40px;font-size:10px;color:#657488}.hero-scroll-cue>i{width:16px;height:25px;border:1px solid #8d9baf;border-radius:10px;position:relative}.hero-scroll-cue>i:after{content:"";position:absolute;width:2px;height:5px;top:5px;left:6px;background:#7285a0;animation:scroll-cue 2s ease-in-out infinite}.immersive-opening .hero-art-note{bottom:31px;inset-inline-end:30px;font-size:8px;background:#ffffffb0}.spatial-chapter{min-height:var(--cinema-stage);position:relative;isolation:isolate;background:#101d2d;color:#f0f5fb;display:grid;grid-template-columns:38% minmax(0,1fr);gap:20px;padding:70px max(48px,calc((100vw - 1320px)/2));align-items:center;overflow:hidden}.spatial-halo{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 45%,#27456a55,transparent 60%);transform:translate3d(0,var(--parallax-y,0px),0);z-index:-1}.spatial-copy{position:relative;z-index:2;max-width:480px}.spatial-copy>.eyebrow{color:#819cbe;font-size:10px}.spatial-copy h2{font-size:clamp(36px,3.8vw,57px);font-weight:500;letter-spacing:-.04em;line-height:1.16;margin:22px 0 25px}.spatial-copy>p{font-size:14px;line-height:2;color:#a9b9ce;max-width:400px}.spatial-copy>.button{margin-top:28px;font-size:12px;background:#447cc5}.spatial-view{position:relative;height:510px;min-width:0;isolation:isolate;direction:ltr}.city-static{position:absolute;inset:35px 0 70px;border-radius:17px;overflow:hidden;background:#19304a;z-index:-1;transition:opacity .7s}.city-static>img{width:100%;height:100%;object-fit:cover;opacity:.7}.city-webgl{display:block;width:100%;height:100%;position:relative;opacity:0;touch-action:pan-y;transition:opacity .7s;outline-offset:-6px;cursor:grab}.city-webgl:active{cursor:grabbing}.webgl-ready .city-webgl{opacity:1}.webgl-ready .city-static{opacity:0}.webgl-fallback .city-webgl{display:none}.spatial-view-top{position:absolute;top:12px;inset-inline:20px;display:flex;justify-content:space-between;gap:20px;pointer-events:none}.spatial-view-top>span{display:flex;gap:9px;align-items:center;color:#8ea5c2;font-size:8px;letter-spacing:.12em}.spatial-view-top i{width:5px;height:5px;border-radius:50%;background:#80b0ec;box-shadow:0 0 12px #8bbaff88}.spatial-view-top>small{font-size:8px;color:#67839e}.city-view-controls{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:none;gap:5px;align-items:center;padding:5px;background:#182b42d9;border:1px solid #304964;border-radius:25px;backdrop-filter:blur(12px)}.webgl-ready .city-view-controls{display:flex}.city-view-controls>button{font-size:10px;color:#a9bed9;min-height:35px;padding:8px 13px;border-radius:20px;white-space:nowrap}.city-view-controls>button>.ui-icon{width:14px;height:14px}.city-view-controls>button[aria-pressed=true]{background:#315079;color:#e2edfb}.city-view-controls>button:hover{background:#315079;color:white}.city-interaction-hint{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:8px;font-size:8px;color:#6f88a5;pointer-events:none}.city-interaction-hint>.ui-icon{width:12px;height:12px}.webgl-fallback .city-interaction-hint{display:none}.film-introduction{padding-block:90px 65px}.film-introduction h2{font-size:clamp(35px,4.3vw,62px);font-weight:520;letter-spacing:-.04em;line-height:1.12;margin:18px 0}.film-introduction>p:not(.eyebrow){font-size:14px;color:#64758a;margin-top:22px}.film-introduction>div{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.film-introduction a{display:flex;align-items:center;gap:16px;font-size:11px;color:#46688e;border:1px solid #d8e1ee;border-radius:22px;padding:11px 16px;min-height:42px}.film-introduction a:hover{background:#edf3fb}.film-introduction .ui-icon{width:15px;height:15px}.cinema-story{position:relative;background:#111f32;color:white;isolation:isolate;--tone:#4285f4;--bright:#7ca9e9;--story-progress:0}.cinema-story.tone-green{--bright:#75c7a0}.cinema-story.tone-red{--bright:#f18b82}.cinema-story.tone-yellow,.cinema-story.tone-amber{--bright:#f5cb74}.cinema-sticky{position:sticky;top:var(--nav);height:var(--cinema-stage);min-height:540px;overflow:hidden;background:#15273d;z-index:-1}.cinema-backdrops{position:absolute;inset:0}.cinema-frame{position:absolute;inset:0;opacity:0;transition:opacity .85s cubic-bezier(.2,.6,.3,1);overflow:hidden}.cinema-frame.is-active{opacity:1}.cinema-frame>img{width:100%;height:112%;position:absolute;top:-6%;object-fit:cover;transform:translate3d(0,var(--scene-y,0px),0) scale(1.06);will-change:transform}.cinema-atmosphere{position:absolute;inset:0;background:linear-gradient(90deg,#0b1729e8 0%,#0b1729c9 25%,#0b172964 53%,#0b17291a 78%),linear-gradient(0deg,#0a182b8c,transparent 35%,transparent 70%,#0a182b6e);pointer-events:none}.cinema-foreground{position:absolute;inset:0;pointer-events:none;transform:translate3d(0,var(--front-y,0px),0);opacity:.28}.cinema-foreground>i:first-child{position:absolute;width:50vw;height:50vw;inset-inline-end:-27vw;top:16%;border:1px solid #ffffff4a;border-radius:50%;box-shadow:0 0 0 65px #ffffff05,0 0 0 66px #ffffff24}.cinema-foreground>i:nth-child(2){position:absolute;width:1px;height:58%;background:linear-gradient(transparent,#ffffff6e,transparent);top:28%;inset-inline-end:14%}.cinema-foreground>span{position:absolute;width:7px;height:7px;border-radius:50%;inset-inline-end:calc(14% - 3px);top:63%;background:var(--bright);box-shadow:0 0 30px var(--bright)}.cinema-chapter-label{position:absolute;top:27px;inset-inline:48px;display:flex;align-items:center;gap:13px;color:#d4e2f3}.cinema-chapter-label>span{border:1px solid #e6efff54;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:9px;color:#b7c9e0}.cinema-chapter-label>strong{font-weight:500;font-size:12px;line-height:1.7}.cinema-chapter-label>small{margin-inline-start:auto;font-size:8px;letter-spacing:.1em;color:#afc4de}.cinema-text-track{position:relative;margin-top:calc(-1 * var(--cinema-stage));z-index:2;pointer-events:none}.cinema-step{min-height:var(--cinema-stage);display:flex;align-items:center;padding:90px max(75px,calc((100vw - 1320px)/2)) 95px;scroll-margin-top:var(--nav)}.cinema-step-card{max-width:570px;width:45%;pointer-events:auto;position:relative}.motion-ready[data-motion=full] .cinema-step-card{opacity:calc(1 - var(--step-distance,0) * .82);transform:translate3d(0,calc(var(--step-distance,0) * 30px),0);transition:opacity .12s linear,transform .16s linear}.cinema-step-card>.eyebrow{color:#c2d4eb;display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.08em}.cinema-step-card>.eyebrow>i{width:6px;height:6px;background:var(--bright);border-radius:50%;box-shadow:0 0 0 5px #ffffff0b;flex-shrink:0}.cinema-step-card>.eyebrow>span{color:#8ca5c5;font-size:8px}.cinema-step-card h1{font-size:17px;font-weight:450;line-height:1.8;letter-spacing:0;margin-top:20px;color:#bcd0e9}.cinema-step-card h2{font-size:clamp(35px,4.2vw,63px);line-height:1.12;letter-spacing:-.04em;font-weight:500;margin:22px 0 26px;text-wrap:balance}.cinema-step-card>p:not(.eyebrow){font-size:17px;line-height:1.95;color:#c9d7e8;max-width:480px}.cinema-step-line{display:flex;gap:11px;align-items:center;margin-top:28px;font-size:8px;color:#92abc9}.cinema-step-line>i{display:block;width:33px;height:1px;background:var(--bright)}.cinema-step-line>.ui-icon{width:11px;height:11px;transform:rotate(90deg)}.cinema-actions{display:flex;align-items:start;flex-direction:column;gap:13px;margin-top:30px}.cinema-actions>.button{background:var(--bright);color:#13253a;font-size:12px;font-weight:650}.cinema-context{display:flex;align-items:center;gap:9px;color:#b4c9e5;min-height:36px;font-size:10px;padding:0}.cinema-context>.ui-icon{width:13px;height:13px}.cinema-step-navigation{position:absolute;inset-inline-end:30px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;z-index:5}.cinema-step-navigation>button{display:flex;align-items:center;justify-content:end;gap:9px;color:#b4cae6;min-width:45px;min-height:41px;padding:9px 8px;pointer-events:auto}.cinema-step-navigation i{width:4px;height:4px;border-radius:50%;background:#c4d9f059;box-shadow:0 0 0 4px transparent;transition:background .25s,box-shadow .25s}.cinema-step-navigation span{font-size:8px;opacity:.65;direction:ltr}.cinema-step-navigation [aria-current=step]>i{background:var(--bright);box-shadow:0 0 0 4px #ffffff19}.cinema-step-navigation [aria-current=step]>span{opacity:1}.cinema-image-note{position:absolute;bottom:22px;inset-inline-end:30px;font-size:8px;color:#bfd1e5bd}.cinema-story-progress{position:absolute;inset-inline:0;bottom:0;height:3px;background:#ffffff18;overflow:hidden}.cinema-story-progress>i{display:block;width:100%;height:100%;transform-origin:left;transform:scaleX(var(--story-progress));background:var(--bright);box-shadow:0 0 10px var(--bright)}.cinema-excerpt+.cinema-excerpt{border-top:1px solid #ffffff1a}.film-outro{display:flex;gap:25px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-block:50px 65px}.film-outro>span{font-size:20px;font-weight:500;max-width:360px;line-height:1.6}.film-outro .button,.film-outro .text-link{font-size:12px}.cinema-toolbar{display:flex;align-items:center;gap:22px;justify-content:space-between;padding:17px 48px;background:#f8fafd;border-bottom:1px solid #e0e7f1}.cinema-toolbar>a{display:flex;gap:9px;align-items:center;font-size:11px;color:#4e6b8d;min-height:39px}.cinema-toolbar>a>.ui-icon{width:16px;height:16px}.cinema-toolbar>label{margin-inline-end:auto}.cinema-toolbar select{max-width:390px;width:100%;border:1px solid #d5deeb;background:white;border-radius:7px;padding:9px 12px;min-height:40px;font-size:11px}.cinema-toolbar .motion-control{background:white}.cinema-page{animation:cinema-enter .65s cubic-bezier(.2,.7,.3,1)}.cinema-page .cinema-chapter-label{top:25px}.cinema-next{position:relative;isolation:isolate;min-height:var(--cinema-stage);display:flex;align-items:center;overflow:hidden;background:#142b45;color:white}.cinema-next>img{position:absolute;inset:0;width:100%;height:115%;top:-7.5%;object-fit:cover;transform:translate3d(0,var(--parallax-y,0px),0) scale(1.04);z-index:-3}.cinema-next:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0e1d32ed,#142a45ad 45%,#142a4525)}.cinema-next>div{max-width:800px;padding:80px max(75px,calc((100vw - 1320px)/2));box-sizing:content-box}.cinema-next .eyebrow{color:#a5c2e7}.cinema-next h2{font-size:clamp(43px,5vw,75px);line-height:1.13;font-weight:500;letter-spacing:-.04em;margin-top:22px;max-width:650px}.cinema-next p:not(.eyebrow){font-size:16px;line-height:1.95;color:#c0d1e7;margin-top:23px;max-width:520px}.cinema-next .button{margin-top:30px;font-size:13px;background:#73a2e2;color:#11243d}.cinema-return{display:block;font-size:11px;color:#b8cbe4;margin-top:20px;min-height:35px}.portfolio-cinema-entry{margin-top:30px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(110deg,#edf3fc,#f2f7f5);border:1px solid #dbe6f2;border-radius:12px;padding:19px 23px}.portfolio-cinema-entry>span{display:flex;align-items:center;gap:12px;font-size:16px;color:#3d5b80}.portfolio-cinema-entry>span>.ui-icon{width:18px;height:18px}.portfolio-cinema-entry>.text-link{font-size:12px}.cinema-open-button{display:flex;align-items:center;gap:7px;min-height:40px;border:1px solid #cddbee;border-radius:7px;padding:9px 12px;background:#edf3fc;color:#2c588f;white-space:nowrap;font-size:10px}.cinema-open-button>.ui-icon{width:15px;height:15px}
/* Reveal is progressive enhancement: the base document is fully readable. */
.motion-ready[data-motion=full] [data-reveal]{opacity:0;transform:translate3d(0,30px,0);transition:opacity .75s cubic-bezier(.2,.6,.2,1),transform .85s cubic-bezier(.16,.7,.2,1)}.motion-ready[data-motion=full] [data-reveal=fade]{transform:none}.motion-ready[data-motion=full] [data-reveal=scale]{transform:translate3d(0,16px,0) scale(.965)}.motion-ready[data-motion=full] [data-reveal].is-revealed{opacity:1;transform:translateZ(0)}[data-tilt]{transform-style:preserve-3d;transition:transform .25s ease,box-shadow .25s ease}[data-motion=full] [data-tilt].is-revealed:hover{transform:perspective(950px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-5px);box-shadow:0 24px 45px -27px #18375d66}.portfolio-card img{transition:transform 1s cubic-bezier(.2,.6,.3,1)}.portfolio-card:hover img{transform:scale(1.08)}.project-card:hover .project-image>img{transform:scale(1.055)}.resume-achievement,.education-card,.credential-logo-card,.bench-selector>button{transition:transform .25s,box-shadow .25s,border-color .25s}.education-card:hover,.credential-logo-card:hover{transform:translateY(-4px);box-shadow:0 14px 26px -22px #28436766}.page-view:not([hidden])>.wrap>.page-intro{animation:cinema-enter .5s ease both}
@keyframes cinema-enter{from{opacity:.25;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scroll-cue{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(7px);opacity:1}}
html[lang=ar] .immersive-opening .hero-wash{background:linear-gradient(270deg,#f6f3eef8,#f6f3eee6 23%,#f6f3ee96 43%,#f6f3ee0a 77%)}html[lang=ar] .immersive-opening .hero-city{transform:translate3d(0,var(--parallax-y,0px),0) scaleX(-1) scale(1.025)}html[lang=ar] .cinema-atmosphere{background:linear-gradient(270deg,#0b1729ec,#0b1729c9 25%,#0b172964 53%,#0b17291a 78%),linear-gradient(0deg,#0a182b8c,transparent 35%,transparent 70%,#0a182b6e)}html[lang=ar] .cinema-step-card h2,html[lang=ar] .film-introduction h2,html[lang=ar] .spatial-copy h2,html[lang=ar] .cinema-next h2{letter-spacing:0;line-height:1.5}html[lang=ar] .cinema-story-progress>i{transform-origin:right}html[lang=ar] .cinema-next:after{background:linear-gradient(270deg,#0e1d32ed,#142a45ad 45%,#142a4525)}html[lang=ar] .spatial-copy{direction:rtl}
@media(max-width:1100px){.immersive-opening .hero-copy h1{font-size:75px}.spatial-chapter{padding:55px 32px;grid-template-columns:36% minmax(0,1fr)}.spatial-copy h2{font-size:39px}.spatial-copy>p{font-size:12px}.spatial-view{height:450px}.cinema-step{padding-inline:55px}.cinema-step-card{width:49%}.cinema-step-card h2{font-size:45px}.cinema-step-card>p:not(.eyebrow){font-size:15px}.cinema-chapter-label{inset-inline:32px}.cinema-toolbar{padding-inline:32px}.cinema-next>div{padding-inline:55px}.cinema-open-button>span{display:none}}
@media(max-width:760px){:root{--cinema-stage:calc(100svh - var(--nav))}.immersive-opening{min-height:var(--cinema-stage);align-items:end;background:#ece6df}.immersive-opening .hero-copy{width:100%;max-width:none;padding:65px 27px 115px;position:relative;z-index:1}.immersive-opening .hero-city{object-position:66% center;opacity:.84}.immersive-opening .hero-wash{background:linear-gradient(0deg,#f6f3eefc,#f6f3eef4 20%,#f6f3eecf 50%,#f6f3ee25 95%)}.immersive-opening .hero-copy h1{font-size:clamp(54px,9.8vw,73px);max-width:570px;line-height:1.05}.immersive-opening .hero-copy>.eyebrow{font-size:8px}.immersive-opening .hero-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;margin-top:21px;max-width:470px}.immersive-opening .hero-action{gap:13px;margin-top:23px}.immersive-opening .hero-action>.button{font-size:11px;padding:11px 16px;min-height:45px}.immersive-opening .hero-copy .hero-action>.text-link{font-size:10px}.immersive-opening .hero-signature{margin-top:22px}.immersive-opening .hero-signature>span{font-size:28px}.immersive-opening .hero-signature p{font-size:10px}.hero-motion-tools{bottom:27px;inset-inline-start:27px;gap:14px}.motion-control{font-size:9px;padding:8px 11px}.hero-scroll-cue{font-size:9px}.immersive-opening .hero-art-note{bottom:8px;inset-inline-end:20px;font-size:6px;background:transparent}.spatial-chapter{grid-template-columns:1fr;padding:48px 24px 37px;gap:23px;min-height:var(--cinema-stage)}.spatial-copy{max-width:600px}.spatial-copy h2{font-size:38px;margin:17px 0}.spatial-copy h2 br{display:none}.spatial-copy>.eyebrow{font-size:8px}.spatial-copy>p{font-size:12px;line-height:1.95;max-width:510px}.spatial-copy>.button{font-size:10px;min-height:42px;padding:11px 16px;margin-top:20px}.spatial-view{height:380px}.spatial-view-top{inset-inline:6px;top:0}.spatial-view-top>span{font-size:7px}.spatial-view-top>small{font-size:7px}.city-view-controls{bottom:25px;padding:4px;gap:3px}.city-view-controls>button{font-size:9px;padding:8px 11px}.city-view-controls>button>.ui-icon{width:12px;height:12px}.city-interaction-hint{font-size:7px}.film-introduction{padding-block:55px 42px}.film-introduction h2{font-size:39px;line-height:1.18}.film-introduction>p:not(.eyebrow){font-size:12px;line-height:1.9}.film-introduction>div{gap:8px;margin-top:21px}.film-introduction a{font-size:9px;padding:10px 13px;gap:10px}.cinema-sticky{min-height:0;top:var(--nav);height:var(--cinema-stage)}.cinema-step{padding:110px 30px 100px;min-height:var(--cinema-stage);align-items:end}.cinema-step-card{width:100%;max-width:500px;padding-inline-end:22px}.cinema-step-card h2{font-size:clamp(36px,7.3vw,52px);margin:18px 0 20px;max-width:460px;line-height:1.15}.cinema-step-card h1{font-size:13px;margin-top:17px}.cinema-step-card>p:not(.eyebrow){font-size:14px;line-height:1.95;max-width:440px}.cinema-step-card>.eyebrow{font-size:7px;line-height:1.8;letter-spacing:.04em}.cinema-step-card>.eyebrow>span{font-size:7px}.cinema-atmosphere{background:linear-gradient(0deg,#0b1729f7,#0b1729dc 25%,#0b17297a 58%,#0b172926),linear-gradient(90deg,#0b17293d,transparent)}.cinema-frame>img{object-position:60% center;height:110%;top:-5%}.cinema-foreground{opacity:.2}.cinema-chapter-label{top:22px;inset-inline:25px;gap:10px}.cinema-chapter-label>span{width:25px;height:25px;font-size:8px}.cinema-chapter-label>strong{font-size:10px;max-width:72%}.cinema-chapter-label>small{display:none}.cinema-step-navigation{inset-inline-end:9px;gap:3px;top:40%}.cinema-step-navigation>button{min-width:30px;min-height:35px;gap:7px;padding:7px}.cinema-step-navigation span{font-size:7px;display:none}.cinema-step-navigation i{width:4px;height:4px}.cinema-image-note{bottom:16px;inset-inline-end:20px;font-size:6px}.cinema-step-line{margin-top:21px;font-size:7px}.cinema-step-line>i{width:24px}.cinema-actions{margin-top:22px;gap:9px}.cinema-actions>.button{font-size:10px;min-height:43px;padding:11px 15px}.cinema-context{font-size:9px}.film-outro{padding-block:35px 45px;gap:18px}.film-outro>span{font-size:18px;max-width:none;width:100%}.film-outro .button{font-size:10px;min-height:43px}.film-outro .text-link{font-size:10px}.cinema-toolbar{padding:13px 20px;gap:10px;flex-wrap:wrap}.cinema-toolbar>a{font-size:10px;gap:5px}.cinema-toolbar>label{flex:1;min-width:130px;margin:0}.cinema-toolbar select{font-size:10px;max-width:100%;padding:9px}.cinema-toolbar .motion-control{padding:7px 10px;font-size:8px;min-height:34px}.cinema-toolbar .motion-control .ui-icon{width:11px;height:11px}.cinema-next{min-height:var(--cinema-stage)}.cinema-next>div{padding:70px 30px;max-width:570px}.cinema-next h2{font-size:46px;max-width:500px}.cinema-next p:not(.eyebrow){font-size:13px;line-height:1.95;max-width:400px}.cinema-next .button{font-size:11px;min-height:45px}.cinema-next .eyebrow{font-size:9px}.cinema-return{font-size:10px}.portfolio-cinema-entry{padding:18px;align-items:start;flex-direction:column;gap:8px}.portfolio-cinema-entry>span{font-size:15px}.portfolio-cinema-entry>.text-link{font-size:11px}.cinema-open-button{padding:8px;min-height:37px}.motion-ready[data-motion=full] [data-reveal]{transform:translate3d(0,22px,0)}html[lang=ar] .immersive-opening .hero-wash{background:linear-gradient(0deg,#f6f3eefc,#f6f3eef4 20%,#f6f3eecf 50%,#f6f3ee25 95%)}html[lang=ar] .immersive-opening .hero-copy h1{font-size:clamp(47px,8.2vw,66px);line-height:1.4}html[lang=ar] .cinema-atmosphere{background:linear-gradient(0deg,#0b1729f7,#0b1729dc 25%,#0b17297a 58%,#0b172926),linear-gradient(270deg,#0b17293d,transparent)}html[lang=ar] .cinema-step-card h2{font-size:clamp(32px,7vw,44px);line-height:1.6}html[lang=ar] .spatial-copy h2{font-size:33px;line-height:1.6}html[lang=ar] .cinema-next h2{font-size:39px;line-height:1.6}}
@media(max-width:460px){.immersive-opening .hero-copy{padding:48px 24px 105px}.immersive-opening .hero-copy h1{font-size:53px}.immersive-opening .hero-signature{margin-top:20px}.hero-motion-tools{inset-inline-start:24px;gap:10px}.hero-scroll-cue{font-size:8px;gap:7px}.spatial-chapter{padding:40px 22px 30px;gap:15px}.spatial-copy h2{font-size:34px}.spatial-view{height:310px}.city-view-controls{bottom:24px}.city-view-controls>button{padding:7px 10px;font-size:8px}.city-static{inset:24px 0 50px}.cinema-step{padding:95px 25px 75px}.cinema-step-card h2{font-size:36px}.cinema-step-card>p:not(.eyebrow){font-size:13px;line-height:1.9}.cinema-step-card{padding-inline-end:16px}.cinema-toolbar{gap:9px;padding:12px 18px}.cinema-toolbar>.motion-control{margin-inline-start:auto}.cinema-toolbar>a>span{display:none}.cinema-toolbar>label{min-width:150px}.cinema-toolbar select{font-size:9px}.cinema-chapter-label{inset-inline:23px}.film-introduction h2{font-size:34px}.cinema-next>div{padding:60px 25px}.cinema-next h2{font-size:40px}.cinema-next .button{font-size:10px}.cinema-step-card h1{font-size:12px}.cinema-context{font-size:8px}}
@media(max-height:650px) and (min-width:761px){.cinema-sticky{min-height:var(--cinema-stage)}.cinema-step{padding-block:90px 70px}.cinema-step-card h2{font-size:37px;margin-block:15px}.cinema-step-card>p:not(.eyebrow){font-size:13px}.cinema-step-line{margin-top:15px}.cinema-actions{margin-top:18px}.spatial-chapter{padding-block:35px}.spatial-view{height:370px}}
/* A still reading mode keeps all content and explicit 3D controls available. */
[data-motion=still] [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}[data-motion=still] .cinema-step-card{opacity:1;transform:none;transition:none}[data-motion=still] .hero-scroll-cue>i:after,[data-motion=still] .cinema-page,[data-motion=still] .page-view:not([hidden])>.wrap>.page-intro{animation:none}[data-motion=still] .cinema-frame{transition:none}[data-motion=still] [data-parallax-image],[data-motion=still] .cinema-frame>img,[data-motion=still] .cinema-foreground,[data-motion=still] .spatial-halo{translate:0 0}[data-motion=still] [data-tilt]{transform:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){html:not([data-motion=full]){scroll-behavior:auto}html:not([data-motion=full]) [data-reveal]{opacity:1;transform:none;transition:none}html:not([data-motion=full]) .cinema-step-card{opacity:1;transform:none;transition:none}html:not([data-motion=full]) .hero-scroll-cue>i:after,html:not([data-motion=full]) .cinema-page,html:not([data-motion=full]) .page-view>.wrap>.page-intro{animation:none}html:not([data-motion=full]) .cinema-frame{transition:none}}
@media print{.spatial-chapter,.hero-motion-tools,.cinema-step-navigation,.cinema-toolbar,.cinema-open-button,.cinema-foreground,.cinema-atmosphere,.cinema-image-note,.cinema-backdrops{display:none!important}.cinema-story,.cinema-next{color:#243449;background:white}.cinema-sticky{position:static;height:auto;min-height:0}.cinema-text-track{margin:0}.cinema-step{min-height:0;padding:25px;display:block}.cinema-step-card{width:100%;max-width:none;opacity:1!important;transform:none!important}.cinema-step-card h1,.cinema-step-card h2,.cinema-step-card p:not(.eyebrow){color:#243449}.cinema-next>img{display:none}.cinema-next>div{padding:25px}[data-reveal]{opacity:1!important;transform:none!important}}