/* Cinematic benchmark: Home + opt-in Animation & VFX. */
.ns-cinematic{--bg:#141918;--panel:#202725;--muted:#b7c0ba;--glass-primary:rgba(30,38,35,.88);--glass-secondary:rgba(31,38,35,.72);--glass-tertiary:rgba(255,255,255,.035);--glass-blur:18px;--glass-border:rgba(255,255,255,.12);--glass-highlight:rgba(255,194,28,.2);--glass-radius:18px;--glass-shadow:0 18px 65px #0004;--motion-duration:650ms;background:radial-gradient(ellipse at 90% 25%,#ffc21c09,transparent 38%),var(--bg)}
.ns-cinematic .site-header{position:sticky;top:16px;margin:16px clamp(16px,3vw,48px) 0;padding:8px 26px;min-height:82px;border:1px solid var(--glass-border);border-radius:var(--glass-radius);background:var(--glass-primary);backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow);z-index:30}
.admin-bar.ns-cinematic .site-header{top:48px}.ns-cinematic .brand{width:66px;height:58px}.ns-cinematic .brand img{width:66px;height:66px}.ns-cinematic .nav-list a{font-size:12px}.ns-cinematic .languages{background:var(--glass-tertiary);border:1px solid var(--glass-border);border-radius:30px;padding:3px 12px}.ns-cinematic .languages a{min-height:36px;display:flex;align-items:center}.ns-cinematic .hero{position:relative;min-height:690px;grid-template-columns:1fr 1.12fr;padding-top:86px;padding-bottom:88px;gap:0;background:transparent;isolation:isolate}.ns-cinematic .hero-copy{position:relative;z-index:2}.ns-cinematic .hero h1{font-size:clamp(54px,6.2vw,96px);font-weight:850;letter-spacing:-.055em;max-width:690px;line-height:.98}.ns-cinematic .hero h1 strong{color:var(--gold)}.ns-cinematic .hero p{max-width:430px;font-size:16px;line-height:1.8}.ns-cinematic .hero .eyebrow{font-size:10px;margin-bottom:30px;letter-spacing:.21em}.ns-cinematic .hero-actions{margin-top:30px}.ns-cinematic .button{border-radius:40px;min-height:52px;padding:14px 23px;box-shadow:0 5px 25px #ffc21c12;transition:background .2s,box-shadow .2s,transform .25s}.ns-cinematic .button:hover{box-shadow:0 8px 35px #ffc21c30}.ns-cinematic .button.outline{background:var(--glass-tertiary);border-color:var(--glass-border);box-shadow:none}.ns-cinematic .button:active{transform:scale(.97)}
.cinema-art{position:relative;margin:0;min-width:0;width:100%;aspect-ratio:1.08;direction:ltr;perspective:1100px;align-self:center}.art-plane{position:absolute;inset:2% -8% 0;display:flex;align-items:center;transform:translate3d(0,var(--art-y,0px),0) rotateX(var(--art-rx,0deg)) rotateY(var(--art-ry,0deg)) rotateZ(var(--art-rz,-3deg)) scale(var(--art-scale,1));transition:transform .65s cubic-bezier(.2,.75,.2,1)}.art-plane img{width:100%;height:auto;display:block;mix-blend-mode:lighten;mask-image:radial-gradient(ellipse at center,#000 50%,transparent 74%)}.art-halo{position:absolute;inset:14%;border:1px solid #ffc21c1a;border-radius:50%;background:radial-gradient(ellipse,#ffc21c09,transparent 72%);transform:rotate(-25deg);box-shadow:0 0 110px #ffc21c04}.art-halo:after{content:"";position:absolute;inset:-12%;border:1px solid #ffffff07;border-radius:50%}.art-index{position:absolute;bottom:8%;inset-inline:8%;display:flex;justify-content:space-between;color:#9da9a0;font-size:9px;letter-spacing:.18em;border-top:1px solid #ffffff18;padding-top:14px}.art-coordinate{position:absolute;top:14%;right:7%;color:var(--gold);font-size:28px}.ns-cinematic .ticker{font-size:clamp(10px,1.25vw,18px);padding-block:24px;background:#ffffff02;color:#dde1dd;letter-spacing:.1em;overflow:hidden}.ns-cinematic .section{padding-block:100px}.ns-cinematic .section-alt{background:linear-gradient(150deg,#27312c88,#141918);border-block:1px solid #ffffff0b}.ns-cinematic .section h2{font-size:clamp(34px,4.4vw,64px);letter-spacing:-.045em;max-width:850px}.ns-cinematic .section-title{margin-bottom:48px}.ns-cinematic .card{background:linear-gradient(145deg,var(--glass-secondary),#1a211ef5);border:1px solid var(--glass-border);border-radius:var(--glass-radius);box-shadow:0 10px 40px #0002;position:relative;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .35s,border-color .35s,box-shadow .35s}.ns-cinematic .card:hover{border-color:#ffc21c60;box-shadow:0 18px 55px #0004}.ns-cinematic .card-image{aspect-ratio:1.5;background:#141918;animation:none;transform:none;transition:transform .8s}.ns-cinematic .card:hover .card-image{transform:scale(1.05)}.ns-cinematic .card-copy{padding:28px;position:relative;background:linear-gradient(#202923c9,#1b231f)}.ns-cinematic .card-copy h3{font-size:24px;letter-spacing:-.035em}.ns-cinematic .card-copy .text-link{display:flex;justify-content:space-between}.ns-cinematic .intro-grid{gap:8vw}.ns-cinematic .intro-grid>div{border-inline-start:1px solid #ffc21c55;padding-inline-start:35px}.ns-cinematic .process{background:radial-gradient(ellipse at 50% 90%,#ffc21c09,transparent 70%),#171e1b}.ns-cinematic .process-grid{gap:22px}.ns-cinematic .process-grid>div{background:var(--glass-secondary);border:1px solid var(--glass-border);border-radius:var(--glass-radius);padding:32px}.ns-cinematic .process-number{font-weight:400;font-size:38px}.ns-cinematic .process-grid h3{font-size:25px}.ns-cinematic .site-footer{background:linear-gradient(145deg,#28312b,#111713);border-top:1px solid #ffc21c33}.ns-cinematic .footer-top h2{font-size:clamp(36px,5vw,70px)}.ns-cinematic .vfx-hero h1{font-size:clamp(54px,6.2vw,94px);line-height:1.06}.glass-story{display:grid;grid-template-columns:1fr 1fr;gap:48px;background:var(--glass-secondary);border:1px solid var(--glass-border);border-radius:24px;padding:clamp(25px,4vw,60px);box-shadow:var(--glass-shadow)}.glass-story:not(:has(.page-visual)){grid-template-columns:1fr}.glass-story .prose{max-width:950px}.glass-story .page-visual{margin:0}.ns-cinematic .ns-progress{position:fixed;inset:0 auto auto 0;width:100%;height:2px;z-index:99;background:var(--gold);transform:scaleX(var(--progress,0));transform-origin:left;pointer-events:none}.ns-cinematic .kinetic{transform:perspective(900px) rotateX(var(--text-rx,0deg)) rotateY(var(--text-ry,0deg)) translateY(var(--text-y,0px));transition:transform .5s cubic-bezier(.2,.8,.2,1);text-shadow:var(--text-shadow,none)}.ns-cinematic .cinematic-reveal{transition:opacity var(--motion-duration),transform var(--motion-duration);opacity:1;transform:none}.ns-cinematic .cinematic-reveal.waiting{opacity:.25;transform:translateY(35px)}.ns-cinematic .cinematic-reveal.in-view{opacity:1;transform:none}.ns-cinematic .revealed{animation:none}.ns-cinematic.ns-rtl h1,.ns-cinematic.ns-rtl h2{letter-spacing:0;line-height:1.45}.ns-cinematic.ns-rtl .hero h1{font-size:clamp(44px,5.5vw,78px)}
@media(max-width:1100px){.ns-cinematic .hero{min-height:620px}.ns-cinematic .hero h1{font-size:clamp(52px,6.4vw,76px)}.ns-cinematic .site-header{gap:16px;padding-inline:18px}.ns-cinematic .nav-list{gap:14px}.ns-cinematic .nav-list a{font-size:11px}}
@media(max-width:850px){.ns-cinematic .site-header{top:8px;margin:8px 16px 0;min-height:72px;padding:8px 14px;border-radius:14px;backdrop-filter:none;background:#202923f7}.admin-bar.ns-cinematic .site-header{top:54px}.ns-cinematic .brand{width:50px;height:48px}.ns-cinematic .brand img{width:52px;height:52px}.ns-cinematic .languages{padding:0 8px}.ns-cinematic .menu-toggle{border-radius:30px;min-height:44px}.ns-cinematic .hero{padding-top:58px;padding-bottom:30px;grid-template-columns:1fr;min-height:0;gap:0}.ns-cinematic .hero h1{font-size:clamp(48px,9vw,75px);max-width:650px}.ns-cinematic .hero .eyebrow{font-size:9px;margin-bottom:24px}.ns-cinematic .hero p{font-size:15px}.ns-cinematic .hero .hero-note{margin-top:24px;font-size:9px}.cinema-art{aspect-ratio:1.4;max-width:650px;margin:10px auto 0}.art-plane{inset:-7% -5%}.art-index{bottom:3%;font-size:8px}.ns-cinematic .section{padding-block:65px}.glass-story{grid-template-columns:1fr;gap:24px}.ns-cinematic .process-grid>div{padding:25px}.ns-cinematic .card-copy{padding:24px}.ns-cinematic .vfx-hero h1{font-size:clamp(52px,10vw,76px)}.ns-cinematic .kinetic{transform:translateY(var(--text-y,0px))}.ns-cinematic .card{transform:none}.ns-cinematic .intro-grid>div{padding-inline-start:24px}}
@media(max-width:540px){.ns-cinematic{--space:24px}.ns-cinematic .hero h1{font-size:52px;line-height:1.02}.ns-cinematic .hero .hero-actions{gap:10px}.ns-cinematic .button{font-size:11px;padding:13px 17px;min-height:48px}.ns-cinematic .section h2{font-size:36px}.ns-cinematic .ticker{flex-wrap:wrap;justify-content:center;font-size:10px;gap:8px 15px}.ns-cinematic .process-grid{gap:16px}.ns-cinematic .languages{gap:8px}.ns-cinematic .site-header{gap:8px}.ns-cinematic .vfx-hero h1{font-size:51px}.ns-cinematic .art-coordinate{font-size:20px}.ns-cinematic .footer-top h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){.ns-cinematic .art-plane,.ns-cinematic .kinetic,.ns-cinematic .card{transform:none!important}.ns-cinematic .cinematic-reveal.waiting{opacity:1;transform:none}.ns-progress{display:none}}
@font-face{font-family:NSArabic;src:url('fonts/arabic-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:NSArabic;src:url('fonts/arabic-bold.woff2') format('woff2');font-weight:700 900;font-style:normal;font-display:swap}
.ns-cinematic.ns-rtl{font-family:NSArabic,Tahoma,Arial,sans-serif}

/* Site-wide rollout additions; approved benchmark tokens remain unchanged. */
.ns-cinematic .inner-hero h1{font-size:clamp(48px,5.8vw,88px);line-height:1.06;overflow-wrap:anywhere}
.ns-cinematic.ns-rtl .inner-hero h1{font-size:clamp(42px,5vw,72px);line-height:1.5}
.ns-cinematic .page-detail{padding-top:60px}
.ns-cinematic .page-detail .glass-story{margin-bottom:55px}
.ns-cinematic .page-detail .prose h2{font-size:clamp(28px,3.2vw,44px)}
.ns-cinematic .card-ns_client .card-image{object-fit:contain;padding:18px;background:#e7e7e7}
.ns-cinematic .card-ns_team .card-image{object-position:center 20%}
.ns-cinematic .form-panel{background:var(--glass-primary);border-color:var(--glass-border);border-radius:var(--glass-radius);box-shadow:var(--glass-shadow)}
.ns-cinematic .form-panel input,.ns-cinematic .form-panel textarea,.ns-cinematic .form-panel select{background:#101913a8;border-color:#ffffff30;border-radius:10px}
.ns-cinematic .form-panel input:focus,.ns-cinematic .form-panel textarea:focus,.ns-cinematic .form-panel select:focus{border-color:var(--gold)}
.ns-cinematic .nav-list .sub-menu{background:#202923f7;border-color:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:14px}
.ns-cinematic .nav-list .current-menu-item>a,.ns-cinematic .nav-list .current-menu-ancestor>a{color:var(--gold)}
.ns-cinematic .news-heading{max-width:1200px;padding-bottom:15px}
.ns-cinematic .pagination .page-numbers,.ns-cinematic .filter{background:var(--glass-tertiary);border:1px solid var(--glass-border);border-radius:30px}
.ns-cinematic .filter.active{background:var(--gold);color:#141918}
.ns-cinematic .art-halo{border-color:color-mix(in srgb,var(--scene-accent,var(--gold)) 15%,transparent)}
.ns-cinematic .art-coordinate{color:var(--scene-accent,var(--gold))}
.cinema-art[data-motion=still] .art-plane{transform:none!important}
@media(max-width:850px){.ns-cinematic .inner-hero h1{font-size:clamp(44px,8vw,70px)}.ns-cinematic .nav-list .sub-menu{background:transparent;box-shadow:none}.ns-cinematic .page-detail{padding-top:45px}.ns-cinematic.ns-rtl .inner-hero h1{font-size:clamp(36px,7vw,58px)}}
@media(max-width:540px){.ns-cinematic .inner-hero h1{font-size:44px}.ns-cinematic.ns-rtl .inner-hero h1{font-size:36px}.ns-cinematic .glass-story{padding:24px}.ns-cinematic .contact-grid{padding-top:40px}}

.card-art{position:relative;overflow:hidden}.art-disclaimer{position:absolute;inset:auto 12px 12px auto;border:1px solid #ffffff25;border-radius:30px;padding:4px 9px;background:#141918dd;color:#d5ddd7;font-size:9px;line-height:1.4}.ns-cinematic.ns-rtl .art-disclaimer{inset-inline-end:12px;inset-inline-start:auto}

.js .ns-cinematic .nav-list li:hover>.sub-menu,.js .ns-cinematic .nav-list li:focus-within>.sub-menu{display:none}.js .ns-cinematic .nav-list li.submenu-open>.sub-menu{display:block}.ns-cinematic .submenu-toggle{min-width:28px;min-height:36px;border-radius:50%}@media(max-width:850px){.ns-cinematic .submenu-toggle{min-width:44px;min-height:44px}}
@media(max-width:850px){.ns-cinematic .main-nav.open{max-height:calc(100svh - 110px);overflow-y:auto;overscroll-behavior:contain}.admin-bar.ns-cinematic .main-nav.open{max-height:calc(100svh - 160px)}}
.ns-cinematic .nav-list>li.menu-item-has-children{display:flex;align-items:center;gap:2px}
@media(max-width:850px){.ns-cinematic .nav-list>li.menu-item-has-children{flex-wrap:wrap}.ns-cinematic .nav-list>li>.submenu-toggle{margin-inline-start:auto}.ns-cinematic .nav-list>li>.sub-menu{flex:0 0 calc(100% - 18px);width:calc(100% - 18px)}}