/* Scroll-reactive light ribbons */
.motion-lines {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: 2;
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: .9;
}

.site-header,
main,
.site-footer,
.whatsapp-float { z-index: 3; }

.site-header,
.whatsapp-float { position: fixed; }

.vertical-track {
  position: fixed;
  z-index: 4;
  inset-inline-end: 12px;
  top: 18vh;
  height: 64vh;
  width: 1px;
  background: rgba(255,255,255,.1);
  pointer-events: none;
}

.vertical-track i {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(var(--blue),var(--gold));
  transform: scaleY(var(--track-progress,0));
  transform-origin: top;
  box-shadow: 0 0 12px rgba(77,124,255,.8);
}

.vertical-track span {
  position: absolute;
  width: 7px;
  height: 7px;
  border: 1px solid #fff;
  border-radius: 50%;
  left: 50%;
  top: calc(var(--track-progress,0) * 100%);
  transform: translate(-50%,-50%);
  background: var(--ink);
  box-shadow: 0 0 20px rgba(214,170,103,.75);
  transition: top .08s linear;
}

.section { isolation: isolate; position: relative; }

.section:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: -10vw;
  right: -10vw;
  bottom: -1px;
  height: 120px;
  background: repeating-linear-gradient(97deg,transparent 0 7%,rgba(77,124,255,.035) 7.1%,transparent 7.25%);
  transform: skewY(-2deg);
  pointer-events: none;
}

.services-section:before {
  background: repeating-linear-gradient(83deg,transparent 0 8%,rgba(19,33,74,.08) 8.1%,transparent 8.25%);
}

@media (max-width: 620px) {
  .motion-lines { opacity: .52; }
  .vertical-track { inset-inline-end: 6px; }
  .section:before { opacity: .55; }
}

@media (prefers-reduced-motion: reduce) {
  .motion-lines,
  .vertical-track { display: none; }
}

/* Image-free animated identity */
.hero-motion-only {
  background:
    radial-gradient(circle at 72% 36%,rgba(77,124,255,.19),transparent 23%),
    radial-gradient(circle at 18% 80%,rgba(214,170,103,.08),transparent 24%),
    linear-gradient(135deg,#05070a 0%,#0a0f1c 48%,#07090d 100%);
}

.hero-motion-only:before {
  content: "";
  position: absolute;
  inset: -20%;
  background: repeating-linear-gradient(90deg,transparent 0 79px,rgba(255,255,255,.027) 80px),repeating-linear-gradient(0deg,transparent 0 79px,rgba(255,255,255,.02) 80px);
  transform: perspective(600px) rotateX(56deg) translateY(calc(22% + var(--parallax-y,0px)));
  transform-origin: center bottom;
  animation: gridDrift 12s linear infinite;
}

@keyframes gridDrift { to { background-position: 0 80px,80px 0; } }

.kinetic-type {
  position: absolute;
  inset-inline-end: 2vw;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  transform-origin: center;
  display: flex;
  gap: 25px;
  font-size: clamp(56px,9vw,150px);
  font-weight: 800;
  letter-spacing: -.07em;
  color: transparent;
  -webkit-text-stroke: 1px rgba(255,255,255,.055);
  white-space: nowrap;
  animation: typeFloat 8s ease-in-out infinite;
}

.lang-ar .kinetic-type { inset-inline-end: auto; inset-inline-start: 2vw; }
@keyframes typeFloat { 50% { transform: translateY(-47%) rotate(-90deg); opacity: .68; } }

.focus-frame {
  position: absolute;
  z-index: 2;
  width: min(42vw,620px);
  aspect-ratio: 16/10;
  inset-inline-end: 8vw;
  top: 22%;
  border: 1px solid rgba(255,255,255,.09);
  animation: focusBreathe 5s ease-in-out infinite;
}

.focus-frame i { position:absolute;width:45px;height:45px;border-color:rgba(255,255,255,.55);border-style:solid }
.focus-frame i:nth-child(1){top:-1px;left:-1px;border-width:1px 0 0 1px}.focus-frame i:nth-child(2){top:-1px;right:-1px;border-width:1px 1px 0 0}.focus-frame i:nth-child(3){bottom:-1px;right:-1px;border-width:0 1px 1px 0}.focus-frame i:nth-child(4){bottom:-1px;left:-1px;border-width:0 0 1px 1px}.focus-frame span,.focus-frame b{position:absolute;font-size:8px;letter-spacing:.2em;font-weight:500}.focus-frame span{top:16px;left:18px;color:#ff5d5d}.focus-frame span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#ff4d4d;margin-right:8px;box-shadow:0 0 12px #ff4d4d;animation:recBlink 1.2s steps(1) infinite}.focus-frame b{right:18px;bottom:16px;color:#737b89}@keyframes recBlink{50%{opacity:.15}}@keyframes focusBreathe{50%{transform:scale(.965);border-color:rgba(77,124,255,.25)}}

.typographic-portrait .type-stage {
  min-height: 620px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(145deg,#0e1422,#07090d);
  border: 1px solid rgba(255,255,255,.12);
}

.type-stage span{display:block;font-size:clamp(52px,7vw,100px);line-height:.82;font-weight:800;letter-spacing:-.09em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.42);animation:typeScan 7s ease-in-out infinite}.type-stage span:nth-child(2){color:var(--blue);-webkit-text-stroke:0;animation-delay:-2.3s}.type-stage span:nth-child(3){animation-delay:-4.6s}.type-stage i{position:absolute;width:220px;height:220px;border:1px solid var(--gold);border-radius:50%;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 0 80px rgba(214,170,103,.1);animation:stageOrbit 9s linear infinite}@keyframes typeScan{50%{transform:translateX(7%);letter-spacing:-.04em}}@keyframes stageOrbit{50%{border-radius:12%;transform:translate(-50%,-50%) rotate(180deg) scale(.72)}to{transform:translate(-50%,-50%) rotate(360deg)}}

/* Video library and cinematic player */
.video-play{position:absolute;z-index:3;left:50%;top:50%;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;transform:translate(-50%,-50%);background:rgba(6,9,14,.48);border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(12px);transition:.45s var(--ease)}.video-play svg{width:28px;height:28px;fill:none;stroke:#fff;stroke-width:1.4}.work-card:hover .video-play{transform:translate(-50%,-50%) scale(1.13);background:var(--blue);box-shadow:0 0 45px rgba(77,124,255,.42)}.library-callout{margin-top:90px;padding:55px;display:flex;align-items:flex-end;justify-content:space-between;gap:60px;background:linear-gradient(120deg,#111827,#121a2e);border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.library-callout:after{content:"";position:absolute;width:320px;height:320px;border:1px solid rgba(77,124,255,.3);border-radius:50%;inset-inline-end:-100px;top:-190px}.library-callout h3{font-size:clamp(28px,4vw,52px);margin:14px 0}.library-callout p{color:#98a0ae;max-width:620px;line-height:1.8}.archive-intro{max-width:680px;color:#9ba1aa;line-height:1.9;margin:20px 0 40px}.library-filters{margin-bottom:55px}.video-modal{position:fixed;inset:0;z-index:1200;background:rgba(2,4,7,.94);backdrop-filter:blur(20px);display:grid;place-items:center;padding:5vw;opacity:0;transition:opacity .4s var(--ease)}.video-modal[hidden]{display:none}.video-modal.is-open{opacity:1}.video-shell{width:min(1200px,92vw);aspect-ratio:16/9;background:#000;position:relative;box-shadow:0 35px 120px rgba(0,0,0,.65);transform:scale(.9);transition:transform .55s var(--ease);overflow:hidden}.video-modal.is-open .video-shell{transform:scale(1)}.video-shell iframe{width:100%;height:100%;border:0;position:relative;z-index:2}.video-loader{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:18px;color:#7f8794}.video-loader i{width:54px;height:54px;border:1px solid #303846;border-top-color:var(--blue);border-radius:50%;animation:spin 1s linear infinite}.video-loader span{font-size:9px;letter-spacing:.2em}.video-modal.is-playing .video-loader{display:none}.video-close{position:absolute;z-index:4;top:24px;inset-inline-end:30px;background:none;border:1px solid rgba(255,255,255,.25);color:#fff;width:48px;height:48px;border-radius:50%;font-size:28px;cursor:pointer;transition:.3s}.video-close:hover{background:#fff;color:#080a0e;transform:rotate(90deg)}

@media(max-width:800px){.focus-frame{width:78vw;inset-inline-end:-18vw;top:20%;opacity:.42}.kinetic-type{display:none}.library-callout{padding:34px;align-items:flex-start;flex-direction:column;gap:25px}.typographic-portrait .type-stage{min-height:480px}.video-modal{padding:0}.video-shell{width:100vw}.video-close{top:18px;inset-inline-end:18px;background:#111}}
@media(prefers-reduced-motion:reduce){.hero-motion-only:before,.kinetic-type,.focus-frame,.focus-frame span:before,.type-stage span,.type-stage i{animation:none}}

.video-shell>video{display:none;width:100%;height:100%;position:relative;z-index:2;background:#000;object-fit:contain}.video-modal.is-local iframe{display:none}.video-modal.is-local .video-shell>video{display:block}

/* Suhail custom cinema player */
.video-loader{z-index:4}
.player-top{position:absolute;z-index:6;top:22px;left:5vw;right:5vw;display:flex;align-items:center;justify-content:space-between;transition:opacity .35s,transform .35s}.player-top>div{display:flex;flex-direction:column;gap:5px}.player-top span{font-size:8px;letter-spacing:.24em;color:var(--blue)}.player-top strong{font-size:14px;font-weight:600}.player-top .video-close{position:static}.player-controls{position:absolute;z-index:5;left:18px;right:18px;bottom:16px;display:flex;align-items:center;gap:15px;padding:14px 17px;background:linear-gradient(90deg,rgba(7,9,13,.92),rgba(13,19,31,.82));border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(18px);border-radius:10px;transform:translateY(0);transition:opacity .35s,transform .35s}.player-controls button{flex:0 0 auto;border:0;background:transparent;color:#fff;min-width:34px;height:34px;display:grid;place-items:center;cursor:pointer;border-radius:6px}.player-controls button:hover{background:rgba(255,255,255,.09)}.player-controls .icon-pause{display:none}.video-modal:not(.is-paused) .player-controls .icon-play{display:none}.video-modal:not(.is-paused) .player-controls .icon-pause{display:inline}.player-time{display:flex;gap:6px;align-items:center;direction:ltr;font-size:10px;letter-spacing:.06em;color:#858e9e}.player-time b{color:#fff}.player-time i{font-style:normal;color:#3d4656}.player-progress{--played:0%;flex:1;min-width:100px;appearance:none;-webkit-appearance:none;height:3px;border-radius:5px;background:linear-gradient(90deg,var(--blue) 0 var(--played),rgba(255,255,255,.2) var(--played) 100%);outline:none;cursor:pointer}.player-progress::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#fff;border:3px solid var(--blue);box-shadow:0 0 15px rgba(77,124,255,.7)}.player-progress::-moz-range-thumb{width:9px;height:9px;border-radius:50%;background:#fff;border:2px solid var(--blue)}.sound-off{display:none}.video-modal.is-muted .sound-on{display:none}.video-modal.is-muted .sound-off{display:inline}.player-speed{font-size:10px;font-weight:700}.player-center-play{display:none;position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:88px;height:88px;border-radius:50%;border:1px solid rgba(255,255,255,.65);background:rgba(7,9,13,.52);backdrop-filter:blur(10px);color:#fff;place-items:center;cursor:pointer}.player-center-play svg{width:35px;fill:none;stroke:currentColor}.video-modal.is-local.is-paused .player-center-play{display:grid}.video-modal.is-local.controls-hidden .player-controls{opacity:0;transform:translateY(14px);pointer-events:none}.video-modal.controls-hidden .player-top{opacity:0;transform:translateY(-10px)}.player-hint{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.12em;color:#5e6673;white-space:nowrap}.player-hint span{border:1px solid #3b4350;border-radius:3px;padding:3px 5px;color:#aab1bc}.video-modal.is-local .video-shell{cursor:none}.video-modal.is-local:not(.controls-hidden) .video-shell{cursor:default}.video-modal:not(.is-local) .player-controls,.video-modal:not(.is-local) .player-center-play{display:none}

@media(max-width:700px){.player-top{top:12px;left:14px;right:14px}.player-top strong{font-size:11px}.player-controls{left:8px;right:8px;bottom:8px;gap:5px;padding:9px}.player-time{display:none}.player-controls button{min-width:30px}.player-speed{display:none}.player-hint{display:none}.player-center-play{width:68px;height:68px}}

/* Mobile-first swipe choreography */
.mobile-swipe-cue,.mobile-stage-beam{display:none}
@media(max-width:820px){
  .motion-lines{opacity:.86}
  .mobile-swipe-cue{display:flex;position:absolute;z-index:8;left:50%;bottom:25px;transform:translateX(-50%);flex-direction:column;align-items:center;gap:10px;transition:opacity .55s,transform .55s;pointer-events:none}
  .mobile-swipe-cue>span{font-size:8px;letter-spacing:.13em;color:rgba(255,255,255,.68);white-space:nowrap}
  .swipe-finger{position:relative;width:34px;height:56px;border:1px solid rgba(255,255,255,.36);border-radius:20px;box-shadow:0 0 24px rgba(77,124,255,.16)}
  .swipe-finger i{position:absolute;width:6px;height:6px;left:50%;top:12px;transform:translateX(-50%);border-radius:50%;background:#fff;box-shadow:0 0 15px #7d9cff;animation:swipeDot 1.8s cubic-bezier(.2,.8,.2,1) infinite}
  .swipe-finger b{position:absolute;inset:-10px;border:1px solid rgba(77,124,255,.2);border-radius:28px;animation:swipeRing 1.8s ease-out infinite}
  .has-scrolled .mobile-swipe-cue{opacity:0;transform:translate(-50%,18px)}
  .mobile-stage-beam{display:block;position:absolute;z-index:1;left:-15%;right:-15%;top:calc(var(--stage-progress,0) * 100%);height:1px;background:linear-gradient(90deg,transparent,rgba(77,124,255,.15) 12%,#8cacff 48%,rgba(214,170,103,.75) 58%,transparent 88%);box-shadow:0 0 18px rgba(77,124,255,.5);opacity:0;transform:rotate(-3deg) scaleX(.3);transition:opacity .4s,transform .55s var(--ease);pointer-events:none}
  .mobile-stage-beam:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;left:58%;top:50%;transform:translate(-50%,-50%);background:#fff;box-shadow:0 0 22px #8cacff}
  .mobile-stage-active>.mobile-stage-beam{opacity:.72;transform:rotate(-3deg) scaleX(1)}
  .section-head,.about-copy,.contact-copy{position:relative;z-index:2}
}
@keyframes swipeDot{0%{transform:translate(-50%,0);opacity:0}15%{opacity:1}72%{transform:translate(-50%,24px);opacity:1}100%{transform:translate(-50%,30px);opacity:0}}
@keyframes swipeRing{0%{transform:scale(.75);opacity:0}25%{opacity:.8}100%{transform:scale(1.2);opacity:0}}
@media(prefers-reduced-motion:reduce){.mobile-swipe-cue,.mobile-stage-beam{display:none!important}}

/* Clear cross-device scroll story */
.motion-lines{opacity:.16}
.vertical-track,.mobile-swipe-cue{display:none!important}
.scroll-story{position:fixed;z-index:4;inset:0;pointer-events:none;overflow:hidden;mix-blend-mode:screen}.scroll-story svg{position:absolute;inset:0;width:100%;height:100%}.story-ghost,.story-path{fill:none;vector-effect:non-scaling-stroke}.story-ghost{stroke:rgba(255,255,255,.055);stroke-width:1}.story-path{stroke:url(#storyGradient);stroke-width:2.6;filter:url(#storyGlow);stroke-linecap:round}.story-orb{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:11px;opacity:0;transition:opacity .35s;will-change:left,top}.scroll-story.is-started .story-orb{opacity:1}.story-orb i{width:15px;height:15px;border-radius:50%;background:#fff;border:4px solid #5f86ff;box-shadow:0 0 0 8px rgba(77,124,255,.14),0 0 30px #6c91ff;animation:storyPulse 1.8s ease-in-out infinite}.story-orb span{font-size:8px;letter-spacing:.16em;color:#dce5ff;padding:6px 9px;border:1px solid rgba(255,255,255,.2);background:rgba(7,9,13,.72);backdrop-filter:blur(8px);border-radius:3px;white-space:nowrap}.story-orb b{color:var(--gold)}.mobile-stage-beam{display:block;position:absolute;z-index:1;left:-12%;right:-12%;top:calc(var(--stage-progress,0) * 100%);height:100px;pointer-events:none;opacity:0;transform:translateY(-50%) skewY(-3deg) scaleX(.25);background:linear-gradient(180deg,transparent,rgba(77,124,255,.08) 45%,rgba(140,172,255,.42) 49%,rgba(214,170,103,.32) 51%,rgba(214,170,103,.06) 56%,transparent);box-shadow:none;transition:opacity .3s,transform .65s var(--ease)}.mobile-stage-beam:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,#6d93ff 30%,#fff 50%,#d6aa67 70%,transparent);box-shadow:0 0 24px #789aff}.mobile-stage-active>.mobile-stage-beam{opacity:.75;transform:translateY(-50%) skewY(-3deg) scaleX(1)}@keyframes storyPulse{50%{transform:scale(.72);box-shadow:0 0 0 14px rgba(77,124,255,.04),0 0 42px #d6aa67}}
.mobile-stage-beam:after{width:auto;border-radius:0;transform:none}
@media(max-width:820px){.scroll-story{opacity:.95}.story-path{stroke-width:3.2}.story-ghost{stroke-width:1.2}.story-orb{gap:7px}.story-orb i{width:13px;height:13px;border-width:3px}.story-orb span{font-size:7px}.mobile-stage-beam{height:78px;left:-25%;right:-25%}}
@media(prefers-reduced-motion:reduce){.scroll-story,.mobile-stage-beam{display:none!important}}

/* Local press-only interaction */
.scroll-story,.motion-lines,.vertical-track,.mobile-stage-beam{display:none!important}
.press-magic{position:fixed;z-index:1301;left:0;top:0;width:116px;height:116px;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.35) rotate(-12deg);transition:opacity .12s ease,transform .22s cubic-bezier(.2,.9,.2,1);mix-blend-mode:screen}.press-magic.is-active{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}.press-magic.is-releasing{opacity:0;transform:translate(-50%,-50%) scale(1.45) rotate(10deg);transition:opacity .28s ease,transform .3s ease}.press-magic svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:url(#none);stroke:#9ab3ff;stroke-width:1.3;stroke-linecap:round;filter:drop-shadow(0 0 7px rgba(92,133,255,.9));animation:pressRotate 5s linear infinite}.press-magic svg circle{stroke:#d6aa67;stroke-dasharray:5 9;opacity:.75}.press-magic>i{position:absolute;inset:25%;border:1px solid rgba(255,255,255,.65);border-radius:50%;opacity:0}.press-magic.is-active>i{animation:pressRing 1.15s ease-out infinite}.press-magic.is-active>i:nth-of-type(2){animation-delay:.42s}.press-magic>b{position:absolute;width:32px;height:32px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.42),rgba(77,124,255,.14) 35%,transparent 70%);box-shadow:0 0 28px rgba(77,124,255,.58)}.press-core{position:absolute;z-index:2;width:8px;height:8px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(77,124,255,.24),0 0 20px #7f9fff}.press-magic.is-active .press-core{animation:pressCore .75s ease-in-out infinite alternate}@keyframes pressRing{0%{inset:40%;opacity:.9}100%{inset:3%;opacity:0}}@keyframes pressCore{to{transform:translate(-50%,-50%) scale(.68);box-shadow:0 0 0 10px rgba(214,170,103,.1),0 0 26px #d6aa67}}@keyframes pressRotate{to{transform:rotate(360deg)}}@media(max-width:820px){.press-magic{width:98px;height:98px}.press-magic svg{stroke-width:1.6}}@media(prefers-reduced-motion:reduce){.press-magic{display:none}}

/* AI craft and verified career profile */
.ai-craft-section{background:linear-gradient(145deg,#06080d,#0b1120 58%,#080b12);overflow:hidden}.ai-craft-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:9vw;align-items:center}.ai-copy h2{font-size:clamp(48px,6vw,82px);margin:20px 0 30px}.ai-copy p{max-width:650px;line-height:2;color:#9ca4b2;font-size:13px}.ai-copy .lead{color:#f1f3f7;font-size:17px}.ai-tags,.skill-stack{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}.ai-tags span,.skill-stack span{border:1px solid rgba(255,255,255,.16);border-radius:100px;padding:9px 14px;font-size:9px;letter-spacing:.1em;color:#c8cfda;background:rgba(255,255,255,.025)}.ai-tags span:first-child{border-color:rgba(77,124,255,.7);color:#a9bdff;box-shadow:0 0 25px rgba(77,124,255,.12)}.ai-visual{position:relative;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(255,255,255,.09);border-radius:50%;background:radial-gradient(circle,rgba(77,124,255,.12),transparent 56%),repeating-radial-gradient(circle,transparent 0 44px,rgba(255,255,255,.025) 45px);box-shadow:inset 0 0 100px rgba(77,124,255,.06)}.ai-visual:before,.ai-visual:after{content:"";position:absolute;background:linear-gradient(90deg,transparent,rgba(117,151,255,.36),transparent)}.ai-visual:before{height:1px;left:-10%;right:-10%;top:50%}.ai-visual:after{width:1px;top:-10%;bottom:-10%;left:50%;background:linear-gradient(transparent,rgba(214,170,103,.3),transparent)}.ai-core{position:relative;z-index:3;width:150px;height:150px;border-radius:50%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;justify-items:center;background:#090d16;border:1px solid rgba(255,255,255,.3);box-shadow:0 0 0 18px rgba(77,124,255,.05),0 0 65px rgba(77,124,255,.2)}.ai-core span,.ai-core b{font-size:25px}.ai-core small{color:var(--gold)}.ai-orbit{position:absolute;border:1px solid rgba(117,151,255,.25);border-radius:50%;animation:aiOrbit 12s linear infinite}.orbit-a{inset:15%}.orbit-b{inset:29%;animation-direction:reverse;animation-duration:8s;border-color:rgba(214,170,103,.24)}.ai-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:#8caaff;left:50%;top:-4px;box-shadow:0 0 20px #668cff}.orbit-b i{background:var(--gold);left:auto;right:18%;top:auto;bottom:-4px;box-shadow:0 0 18px var(--gold)}.ai-scan{position:absolute;inset:4%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 82%,rgba(77,124,255,.14) 92%,transparent);animation:aiOrbit 5s linear infinite}.ai-label{position:absolute;font-size:8px;letter-spacing:.18em;color:#838c9d}.label-1{top:16%;left:12%}.label-2{right:5%;top:51%}.label-3{bottom:13%;left:22%}@keyframes aiOrbit{to{transform:rotate(360deg)}}.skill-stack{margin-top:28px}.skill-stack span{letter-spacing:0;text-transform:none}.skill-stack span:last-child{border-color:rgba(214,170,103,.45);color:#e3c38f}
@media(max-width:900px){.ai-craft-grid{grid-template-columns:1fr;gap:65px}.ai-visual{width:min(90vw,560px);margin:auto}.ai-copy h2{font-size:clamp(43px,11vw,72px)}}@media(max-width:620px){.ai-visual{width:88vw}.ai-core{width:112px;height:112px}.ai-core span,.ai-core b{font-size:19px}.ai-copy .lead{font-size:15px}.ai-tags{gap:6px}.ai-tags span,.skill-stack span{font-size:8px;padding:8px 10px}}@media(prefers-reduced-motion:reduce){.ai-orbit,.ai-scan{animation:none}}

/* Modern Arabic typography */
body.lang-ar,body.lang-ar button,body.lang-ar input,body.lang-ar select,body.lang-ar textarea{font-family:"Alexandria",Arial,sans-serif}.lang-ar em,.lang-ar blockquote{font-family:"Alexandria",Arial,sans-serif}.lang-ar .eyebrow,.lang-ar .kicker,.lang-ar .brand-copy b,.lang-ar .brand-copy small,.lang-ar .stats span,.lang-ar .work-info span,.lang-ar .filter-bar button,.lang-ar .contact-form label span{letter-spacing:0}.lang-ar p{line-height:2}.lang-ar .nav-desktop{gap:22px}.lang-ar .hero h1,.lang-ar .section h2,.lang-ar .site-footer h2{font-weight:500;letter-spacing:0;word-break:normal;overflow-wrap:normal}.lang-ar .hero-title .word{padding-block:.08em;margin-block:-.08em .02em}

/* Dedicated resume */
.resume-section{background:#f0ede6;color:#11151c}.resume-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:60px;margin-bottom:70px}.resume-head .kicker{grid-column:1/-1;color:#626873}.resume-head h2{font-size:clamp(52px,7vw,92px);margin:0}.resume-head>p{max-width:420px;color:#646a72;line-height:1.9;font-size:13px}.resume-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;align-items:start}.resume-timeline{border-top:1px solid #bbbcb8}.resume-timeline article{display:grid;grid-template-columns:110px 1fr;gap:30px;padding:32px 0;border-bottom:1px solid #c9c9c4}.resume-timeline time{font-family:Manrope,sans-serif;font-size:13px;font-weight:800;color:#4169e1;letter-spacing:.08em}.resume-timeline h3{font-size:21px;margin:0 0 10px}.resume-timeline p{margin:0;color:#686c70;line-height:1.9;font-size:12px;max-width:620px}.resume-details{background:#0c1220;color:#fff;padding:38px;border-radius:3px;box-shadow:0 24px 65px rgba(17,22,30,.16)}.resume-details section{padding:0 0 28px;margin-bottom:28px;border-bottom:1px solid rgba(255,255,255,.12)}.resume-details section:last-child{padding:0;margin:0;border:0}.resume-details section>span{display:block;color:#8da8ff;font-size:9px;letter-spacing:.15em;margin-bottom:17px}.lang-ar .resume-details section>span{letter-spacing:0}.resume-details ul{list-style:none;padding:0;margin:0;display:grid;gap:11px}.resume-details li{position:relative;padding-inline-start:16px;color:#d7dbe3;font-size:12px}.resume-details li:before{content:"";position:absolute;inset-inline-start:0;top:.65em;width:5px;height:5px;border-radius:50%;background:var(--gold)}.resume-details p{color:#bdc4cf;font-size:12px;line-height:2;margin:0}
@media(max-width:850px){.resume-head{display:block}.resume-head h2{margin:18px 0 24px}.resume-grid{grid-template-columns:1fr;gap:42px}.resume-details{padding:28px}}@media(max-width:620px){.lang-ar .hero h1{font-size:clamp(36px,10.6vw,48px);line-height:1.42}.lang-ar .hero-intro{font-size:13px;line-height:2}.lang-ar .section h2,.lang-ar .site-footer h2{font-size:clamp(38px,10vw,48px);line-height:1.48}.lang-ar .eyebrow,.lang-ar .kicker{font-size:10px;line-height:1.8}.lang-ar .btn{font-size:11px}.resume-head{margin-bottom:46px}.resume-head h2{font-size:42px}.resume-timeline article{grid-template-columns:72px 1fr;gap:17px;padding:25px 0}.resume-timeline h3{font-size:17px}.resume-timeline p{font-size:11px}.resume-details{border-radius:0}}

/* 2.2 — Cinematic portfolio direction */
:root{--ink:#08090d;--paper:#f1f2f6;--muted:#9da2b1;--blue:#7c5cff;--gold:#a9b8ff;--line:rgba(234,237,247,.15);--shell:min(1240px,calc(100% - 48px))}
html,body{max-width:100%;background:var(--ink)}
body{color:#f5f6fa}
body *,body *:before,body *:after{min-width:0}
.cursor-glow{background:radial-gradient(circle,rgba(124,92,255,.1),transparent 68%)}
.site-header.scrolled{background:rgba(8,9,13,.86);border-color:rgba(234,237,247,.11)}
.lang-switch{border-color:rgba(234,237,247,.22)}
.btn-primary{background:#f0f2f8;color:#101118}
.btn-primary:hover{background:#a9b8ff}
.scroll-progress i{background:linear-gradient(90deg,#6b4dff,#9cb8ff)}
.press-magic svg{stroke:#9cb8ff;filter:drop-shadow(0 0 7px rgba(124,92,255,.78))}
.press-magic svg circle{stroke:#dce4ff}
.press-magic>b{background:radial-gradient(circle,rgba(255,255,255,.44),rgba(124,92,255,.18) 35%,transparent 70%);box-shadow:0 0 28px rgba(124,92,255,.58)}
.press-core{box-shadow:0 0 0 5px rgba(124,92,255,.24),0 0 20px #a9b8ff}

.gallery-home{background:#08090d;overflow:clip}
.gallery-hero{min-height:88svh;display:flex;align-items:flex-end;position:relative;padding:150px 0 76px;background:radial-gradient(circle at 78% 25%,rgba(124,92,255,.16),transparent 27%),radial-gradient(circle at 86% 8%,rgba(89,167,255,.1),transparent 21%),linear-gradient(145deg,#08090d 0%,#10121a 54%,#07080c 100%);overflow:hidden}
.gallery-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:9vw 9vw;mask-image:linear-gradient(to bottom,transparent,black 35%,black)}
.gallery-hero-lines{position:absolute;inset:0;pointer-events:none}
.gallery-hero-lines:before,.gallery-hero-lines:after,.gallery-hero-lines i{content:"";position:absolute;border:1px solid rgba(156,184,255,.2);border-radius:50%;animation:galleryOrbit 14s linear infinite}
.gallery-hero-lines:before{width:62vw;height:62vw;inset-inline-end:-15vw;top:-22vw}
.gallery-hero-lines:after{width:38vw;height:38vw;inset-inline-end:-3vw;top:-10vw;animation-direction:reverse;animation-duration:10s}
.gallery-hero-lines i:nth-child(1){width:8px;height:8px;background:#a9b8ff;border:0;inset-inline-end:18vw;top:16%;box-shadow:0 0 25px #7c5cff}
.gallery-hero-lines i:nth-child(2){width:1px;height:50vh;border:0;border-inline-start:1px solid rgba(234,237,247,.1);border-radius:0;inset-inline-start:10vw;top:0;animation:none}
.gallery-hero-lines i:nth-child(3){width:34vw;height:1px;border:0;border-top:1px solid rgba(234,237,247,.1);border-radius:0;inset-inline-end:0;bottom:18%;animation:none}
@keyframes galleryOrbit{to{transform:rotate(360deg)}}
.gallery-hero-inner{position:relative;z-index:2}
.gallery-hero .eyebrow{margin:0 0 24px;color:#c5c9d6}
.gallery-hero h1{font-size:clamp(62px,9.4vw,142px);font-weight:500;line-height:.98;letter-spacing:-.065em;max-width:1150px;margin:0;overflow-wrap:normal;word-break:normal}
.lang-ar .gallery-hero h1{font-family:"Alexandria",Arial,sans-serif;font-size:clamp(58px,8.2vw,116px);font-weight:500;line-height:1.25;letter-spacing:0;max-width:1050px}
.gallery-hero-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;border-top:1px solid rgba(234,237,247,.15);padding-top:22px;margin-top:42px}
.gallery-hero-foot p{margin:0;color:#959bab;font-size:9px;letter-spacing:.15em}
.lang-ar .gallery-hero-foot p{letter-spacing:0}
.gallery-hero-foot a{display:flex;align-items:center;gap:14px;font-size:11px}
.gallery-hero-foot a i{display:block;width:54px;height:1px;background:#9cb8ff;position:relative;overflow:hidden}
.gallery-hero-foot a i:after{content:"";position:absolute;inset:0;background:#fff;animation:scan 2.2s infinite}

.gallery-work{padding:110px 0 130px;background:#08090d}
.gallery-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:38px}
.gallery-heading h2{font-size:clamp(48px,6.5vw,92px);line-height:1.1;margin:16px 0 0;font-weight:500;letter-spacing:-.05em}
.lang-ar .gallery-heading h2{letter-spacing:0;line-height:1.35}
.gallery-heading>p{font-size:11px;color:#9096a7;margin:0 0 9px}
.gallery-filters{padding-block:14px;margin:0 0 32px;border-block:1px solid rgba(234,237,247,.12)}
.gallery-filters button{border:0;padding:8px 16px;color:#8d93a3}
.gallery-filters button.active{background:#eef0f7;color:#11121a}
.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:74px 26px}
.gallery-grid .gallery-card{margin:0}
.gallery-grid .gallery-card-featured{grid-column:1/-1}
.gallery-card .work-media{aspect-ratio:4/3;background:#11131b}
.gallery-card-featured .work-media{aspect-ratio:2.15/1}
.gallery-card .work-media:after{background:linear-gradient(135deg,transparent,rgba(124,92,255,.2))}
.gallery-card-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(to top,rgba(5,7,13,.42),transparent 42%)}
.gallery-card-count{position:absolute;z-index:2;top:17px;inset-inline-start:18px;font-size:9px;letter-spacing:.12em;color:#fff;padding:7px 9px;border:1px solid rgba(255,255,255,.32);background:rgba(7,9,15,.28);backdrop-filter:blur(8px)}
.gallery-card .video-play{background:rgba(8,10,17,.46);border-color:rgba(255,255,255,.58)}
.gallery-card:hover .video-play{background:#6d54e8;box-shadow:0 0 45px rgba(124,92,255,.4)}
.gallery-card .work-info{margin-top:16px;align-items:flex-start}
.gallery-card .work-info h3{font-size:20px;margin-top:6px}
.gallery-card:hover .work-info h3{color:#a9b8ff}
.gallery-library{display:flex;align-items:center;justify-content:space-between;gap:50px;margin-top:100px;padding-top:34px;border-top:1px solid rgba(234,237,247,.15)}
.gallery-library p{max-width:560px;color:#969cad;font-size:13px;line-height:1.9;margin:0}
.gallery-empty{grid-column:1/-1;min-height:300px;display:grid;place-items:center;text-align:center;padding:40px;border:1px dashed rgba(234,237,247,.18);color:#8e94a6;line-height:2}
.gallery-contact{padding:120px 0;background:#eef0f5;color:#12131a}
.gallery-contact .kicker{color:#656b79}
.gallery-contact h2{font-size:clamp(50px,7vw,104px);line-height:1.08;letter-spacing:-.055em;font-weight:500;margin:26px 0 58px;max-width:1050px}
.lang-ar .gallery-contact h2{font-family:"Alexandria",Arial,sans-serif;line-height:1.4;letter-spacing:0}
.gallery-contact em{color:#6248d8}
.gallery-contact-actions{display:flex;justify-content:space-between;align-items:center;gap:35px;border-top:1px solid rgba(18,19,26,.22);padding-top:28px}
.gallery-contact-actions>a:first-child{font-size:clamp(15px,2vw,22px);border-bottom:1px solid rgba(18,19,26,.35);padding-bottom:6px}
.gallery-contact .btn-primary{background:#11131b;color:#f5f6fa}

.resume-page{background:#08090d}
.resume-page-hero{padding:190px 0 105px;background:radial-gradient(circle at 80% 30%,rgba(124,92,255,.17),transparent 29%),#08090d}
.resume-page-hero h1{font-size:clamp(68px,10vw,142px);line-height:1;letter-spacing:-.06em;margin:26px 0 36px;font-weight:500}
.lang-ar .resume-page-hero h1{font-family:"Alexandria",Arial,sans-serif;line-height:1.3;letter-spacing:0}
.resume-page-hero p{max-width:650px;color:#a5aaba;line-height:2}
.resume-page .resume-section{padding:110px 0;background:#f0f1f5}
.resume-page .resume-timeline h2{font-size:21px;line-height:1.45;margin:0 0 10px;letter-spacing:0}
.resume-page .resume-timeline time{color:#6248d8}
.resume-page .resume-details{background:#11131b}
.resume-page .resume-details section>span{color:#a9b8ff}
.resume-page .resume-details .btn{width:100%;margin-top:28px;background:#edf0f8}

@media(max-width:900px){
  :root{--shell:min(100% - 36px,720px)}
  .gallery-hero{min-height:82svh;padding:130px 0 54px}
  .gallery-grid{gap:56px 18px}
  .gallery-library{margin-top:76px}
}

@media(max-width:620px){
  :root{--shell:calc(100% - 32px)}
  body{width:100%;overflow-x:hidden}
  .shell{width:var(--shell);max-width:100%;margin-inline:auto}
  .site-header{padding:13px 0}
  .site-header.scrolled{padding:9px 0}
  .header-inner{gap:10px;width:calc(100% - 28px)}
  .brand{gap:8px;max-width:calc(100% - 94px)}
  .brand-mark{width:36px;height:36px;flex:0 0 36px;font-size:20px}
  .brand-copy b{font-size:11px;white-space:nowrap}
  .header-actions{gap:7px;flex:0 0 auto}
  .lang-switch,.menu-toggle{width:36px;height:36px;flex:0 0 36px}
  .mobile-menu{inset:0;width:100%;height:100dvh;padding:112px 24px 40px;overflow-y:auto;background:#0a0b10}
  .mobile-menu a{font-family:"Alexandria",Arial,sans-serif;font-size:clamp(26px,8vw,38px);line-height:1.45;margin:8px 0;overflow-wrap:normal;word-break:normal}
  .gallery-hero{min-height:76svh;padding:110px 0 40px;align-items:flex-end}
  .gallery-hero:after{background-size:22vw 22vw}
  .gallery-hero-lines:before{width:125vw;height:125vw;inset-inline-end:-66vw;top:-20vw}
  .gallery-hero-lines:after{width:82vw;height:82vw;inset-inline-end:-34vw;top:2vw}
  .gallery-hero .eyebrow{font-size:9px;line-height:1.8;margin-bottom:18px}
  .gallery-hero h1,.lang-ar .gallery-hero h1{font-size:clamp(39px,12vw,56px);line-height:1.42;letter-spacing:0;max-width:100%;margin:0;overflow-wrap:normal;word-break:keep-all}
  .gallery-hero .hero-title .word{padding-block:.04em;margin:0}
  .gallery-hero-foot{display:block;margin-top:28px;padding-top:16px}
  .gallery-hero-foot p{font-size:8px;line-height:1.9;max-width:90%}
  .gallery-hero-foot a{margin-top:19px;font-size:10px;justify-content:flex-start}
  .gallery-work{padding:72px 0 84px}
  .gallery-heading{display:block;margin-bottom:25px}
  .gallery-heading h2,.lang-ar .gallery-heading h2{font-size:clamp(34px,10.5vw,44px);line-height:1.4;margin-top:10px}
  .gallery-heading>p{font-size:10px;margin-top:12px}
  .gallery-filters{display:flex;flex-wrap:nowrap;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;gap:5px;padding:11px 0;margin-bottom:24px}
  .gallery-filters::-webkit-scrollbar{display:none}
  .gallery-filters button{flex:0 0 auto;font-size:10px;padding:8px 14px;white-space:nowrap}
  .gallery-grid{grid-template-columns:minmax(0,1fr);gap:43px}
  .gallery-grid .gallery-card-featured{grid-column:auto}
  .gallery-card .work-media,.gallery-card-featured .work-media{aspect-ratio:4/5}
  .gallery-card:nth-child(3n+1) .work-media{aspect-ratio:4/3}
  .gallery-card .video-play{width:62px;height:62px}
  .gallery-card .video-play svg{width:23px;height:23px}
  .gallery-card .work-info{gap:12px;margin-top:13px}
  .gallery-card .work-info h3{font-size:17px;line-height:1.45}
  .gallery-card .work-info span,.gallery-card .work-info small{font-size:8px}
  .gallery-library{display:block;margin-top:66px;padding-top:24px}
  .gallery-library p{font-size:11px;line-height:2;margin-bottom:24px}
  .gallery-library .btn{width:100%}
  .gallery-contact{padding:78px 0}
  .gallery-contact h2,.lang-ar .gallery-contact h2{font-size:clamp(36px,10.5vw,48px);line-height:1.5;letter-spacing:0;margin:18px 0 37px;overflow-wrap:normal;word-break:normal}
  .gallery-contact-actions{display:block;padding-top:22px}
  .gallery-contact-actions>a:first-child{display:inline-block;max-width:100%;font-size:14px;overflow-wrap:anywhere}
  .gallery-contact-actions .btn{width:100%;margin-top:28px}
  .resume-page-hero{padding:140px 0 72px}
  .resume-page-hero h1,.lang-ar .resume-page-hero h1{font-size:clamp(46px,13vw,62px);line-height:1.45;letter-spacing:0;margin:20px 0 24px}
  .resume-page-hero p{font-size:12px;line-height:2}
  .resume-page .resume-section{padding:72px 0}
  .resume-page .resume-grid{grid-template-columns:minmax(0,1fr);gap:42px}
  .resume-page .resume-timeline article{grid-template-columns:58px minmax(0,1fr);gap:14px}
  .resume-page .resume-timeline h2{font-size:16px;line-height:1.6}
  .resume-page .resume-details{padding:25px 20px;border-radius:2px}
  .site-footer{padding:62px 0 22px}
  .site-footer h2,.lang-ar .site-footer h2{font-size:34px;line-height:1.5}
  .footer-links{min-width:0;width:100%}
  .footer-bottom{margin-top:50px}
  .video-shell{width:100%;max-width:100vw}
}

@media(prefers-reduced-motion:reduce){.gallery-hero-lines:before,.gallery-hero-lines:after,.gallery-hero-lines i,.gallery-hero-foot a i:after{animation:none}}

/* Editable navigation and video covers */
.nav-desktop .menu-item,.mobile-menu .menu-item{list-style:none;margin:0;padding:0}
.work-media>.project-cover-video{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease);background:#11131b}
.work-card:hover .work-media>.project-cover-video{transform:scale(1.035)}
.project-hero-media>.project-cover-video{display:block;width:100%;max-height:80vh;aspect-ratio:16/9;object-fit:cover;background:#11131b}
@media(max-width:620px){.mobile-menu .menu-item{display:block}.mobile-menu .menu-item a{display:block}}

/* 2.5 — Director's cut: restrained cinema, editorial work grid */
:root{--ink:#070707;--paper:#f3f3f0;--muted:#929292;--blue:#7397ff;--gold:#d9e2ff;--line:rgba(255,255,255,.14);--director-ease:cubic-bezier(.16,1,.3,1)}
body{background:#070707;color:#f5f5f2}
.cursor-glow{width:440px;height:440px;background:radial-gradient(circle,rgba(91,127,255,.075),transparent 67%)}
.site-header{padding:25px 0}.site-header.scrolled{background:rgba(7,7,7,.76);backdrop-filter:blur(22px);border-color:rgba(255,255,255,.1)}
.brand-mark{border-radius:0;border-color:rgba(255,255,255,.32);font-style:normal;font-size:18px}.brand-copy b{font-weight:600}.nav-desktop{font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.gallery-home{background:#070707}
.gallery-hero{--line-shift:0;min-height:78svh;padding:154px 0 64px;align-items:flex-end;background:#070707;isolation:isolate}
.gallery-hero:after{background:linear-gradient(90deg,transparent 0 7.5%,rgba(255,255,255,.035) 7.55%,transparent 7.6% 92.4%,rgba(255,255,255,.035) 92.45%,transparent 92.5%);mask-image:none}
.gallery-hero-lines{z-index:0;inset:0;opacity:.9;transform:translate3d(0,calc(var(--line-shift) * -42px),0);transition:transform .12s linear}
.gallery-hero-lines:before,.gallery-hero-lines:after,.gallery-hero-lines i{animation:none;border-radius:0}
.gallery-hero-lines:before{width:78vw;height:46vh;inset:auto -13vw 10vh auto;border:0;border-top:1px solid rgba(255,255,255,.12);border-radius:50% 50% 0 0;transform:rotate(-8deg)}
.gallery-hero-lines:after{width:52vw;height:60vh;inset:-12vh auto auto -18vw;border:0;border-bottom:1px solid rgba(115,151,255,.27);border-radius:0 0 50% 50%;transform:rotate(11deg)}
.gallery-hero-lines i:nth-child(1){width:58vw;height:1px;inset:35% -8vw auto auto;border:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);box-shadow:none;transform:translateX(calc(var(--line-shift) * -10vw))}
.gallery-hero-lines i:nth-child(2){width:1px;height:56vh;inset:auto auto -11vh 26%;border:0;background:linear-gradient(transparent,rgba(255,255,255,.2),transparent);transform:translateY(calc(var(--line-shift) * 12vh))}
.gallery-hero-lines i:nth-child(3){width:1px;height:42vh;inset:8vh 17% auto auto;border:0;background:linear-gradient(transparent,rgba(115,151,255,.5),transparent);transform:translateY(calc(var(--line-shift) * -14vh))}
.gallery-hero-lines b{position:absolute;width:6px;height:6px;right:17%;top:calc(29% + var(--line-shift) * 35%);border-radius:50%;background:#fff;box-shadow:0 0 0 7px rgba(115,151,255,.1),0 0 28px rgba(115,151,255,.9)}
.gallery-hero-frame{position:absolute;z-index:2;inset:110px 3.5vw auto;display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;color:#737373;font:500 8px/1 Manrope,sans-serif;letter-spacing:.18em}
.gallery-hero-frame i{height:1px;background:rgba(255,255,255,.09)}
.gallery-hero-inner{z-index:2}
.gallery-hero .eyebrow{margin-bottom:22px;color:#9b9b9b;font-size:9px;text-transform:uppercase}.gallery-hero .eyebrow span{background:#fff;width:19px}
.gallery-hero h1{font-size:clamp(64px,9.2vw,136px);font-weight:400;line-height:.93;letter-spacing:-.065em;max-width:1050px;text-wrap:balance}
.lang-ar .gallery-hero h1{font-size:clamp(55px,7.4vw,100px);font-weight:400;line-height:1.24;max-width:1000px;text-wrap:balance}
.gallery-hero-foot{margin-top:45px;padding-top:18px;border-color:rgba(255,255,255,.14)}
.gallery-hero-foot p{color:#747474}.gallery-hero-foot a{font-size:10px;text-transform:uppercase;letter-spacing:.1em}.gallery-hero-foot a i{background:#fff;width:82px}.gallery-hero-foot a i:after{background:#7397ff}
.gallery-work{padding:92px 0 150px;background:#070707}
.gallery-heading{margin-bottom:26px}.gallery-heading h2{font-weight:400;font-size:clamp(50px,6.4vw,88px)}.gallery-heading>p{color:#777}
.gallery-filters{position:sticky;top:68px;z-index:12;margin-bottom:54px;padding:12px 0;background:rgba(7,7,7,.82);backdrop-filter:blur(18px);border-color:rgba(255,255,255,.1)}
.gallery-filters button{border-radius:0;font-size:9px;letter-spacing:.08em;padding:8px 15px}.gallery-filters button.active{background:#f3f3ef;color:#090909}
.gallery-grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:94px;align-items:start}
.gallery-grid .gallery-card{grid-column:span 6;margin:0}.gallery-grid .gallery-card-featured{grid-column:1/-1}.gallery-grid .gallery-card-2{grid-column:span 7}.gallery-grid .gallery-card-3{grid-column:span 5;margin-top:12vw}.gallery-grid .gallery-card-4{grid-column:span 5}.gallery-grid .gallery-card-1:not(.gallery-card-featured){grid-column:span 7}
.gallery-card .work-media,.gallery-card-featured .work-media{aspect-ratio:16/10;background:#0e0e0e;transform-origin:center;transition:transform .8s var(--director-ease)}
.gallery-card-featured .work-media{aspect-ratio:2.05/1}
.gallery-card .work-media:after{opacity:1;background:linear-gradient(115deg,transparent 50%,rgba(105,140,255,.1));transform:translateX(-100%);transition:transform .85s var(--director-ease)}
.gallery-card:hover .work-media:after{transform:translateX(0)}
.gallery-card-shade{background:linear-gradient(to top,rgba(0,0,0,.5),transparent 38%)}
.gallery-card-count{top:13px;inset-inline-start:14px;padding:0;border:0;background:none;backdrop-filter:none;font:500 9px/1 Manrope,sans-serif;letter-spacing:.16em;text-shadow:0 1px 12px #000}
.gallery-card-scan{position:absolute;z-index:2;inset:0;pointer-events:none;opacity:0;background:linear-gradient(180deg,transparent 0 47%,rgba(255,255,255,.5) 50%,rgba(115,151,255,.16) 51%,transparent 54%);transform:translateY(-48%);transition:opacity .2s}
.gallery-card:hover .gallery-card-scan{opacity:.45;animation:directorScan 1.25s var(--director-ease) both}
.gallery-card .video-play{width:66px;height:66px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.62);backdrop-filter:blur(7px);transition:.45s var(--director-ease)}
.gallery-card:hover .video-play{background:#f5f5f0;color:#080808;box-shadow:none;transform:translate(-50%,-50%) scale(.88)}
.gallery-card .work-info{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12)}.gallery-card .work-info h3{font-size:clamp(18px,2vw,25px);font-weight:500}.gallery-card .work-info p{margin:7px 0 0;color:#6f6f6f;font-size:9px;letter-spacing:.08em}.gallery-card:hover .work-info h3{color:#fff}
.gallery-library{margin-top:130px}.gallery-contact{background:#ededeb}.gallery-contact h2{font-weight:400}.gallery-contact em{color:#3659c8}
.press-magic{width:70px;height:70px}.press-magic svg{stroke:#fff;stroke-width:1;filter:drop-shadow(0 0 5px rgba(115,151,255,.8))}.press-magic svg circle{stroke:#7397ff}.press-magic>b{width:20px;height:20px;background:radial-gradient(circle,rgba(255,255,255,.5),rgba(115,151,255,.12) 45%,transparent);box-shadow:0 0 18px rgba(115,151,255,.5)}.press-core{width:5px;height:5px;box-shadow:0 0 0 4px rgba(115,151,255,.2),0 0 12px #9eb4ff}
@keyframes directorScan{from{transform:translateY(-48%)}to{transform:translateY(48%)}}

@media(max-width:900px){
  .gallery-hero{min-height:72svh;padding:132px 0 52px}.gallery-hero-frame{top:91px}
  .gallery-grid{row-gap:70px}.gallery-grid .gallery-card-3{margin-top:9vw}
}
@media(max-width:620px){
  :root{--shell:calc(100% - 28px)}
  .site-header{padding:11px 0}.brand-copy small{display:none}.brand-copy b{font-size:10px}.brand-mark{width:34px;height:34px;flex-basis:34px}
  .gallery-hero{min-height:68svh;padding:118px 0 34px}.gallery-hero:after{display:none}.gallery-hero-frame{inset:78px 15px auto;gap:8px;font-size:6px}.gallery-hero-frame span{max-width:80px}.gallery-hero-lines:before{width:130vw;height:38vh;right:-52vw;bottom:5vh}.gallery-hero-lines:after{width:95vw;height:48vh;left:-48vw;top:-8vh}.gallery-hero-lines i:nth-child(1){width:100vw;right:-35vw}.gallery-hero-lines i:nth-child(2){left:18%}.gallery-hero-lines i:nth-child(3){right:12%}.gallery-hero-lines b{right:12%}
  .gallery-hero .eyebrow{font-size:8px;margin-bottom:15px}.gallery-hero h1,.lang-ar .gallery-hero h1{font-size:clamp(38px,11.5vw,50px);line-height:1.36;max-width:100%}.gallery-hero-foot{margin-top:24px;padding-top:13px}.gallery-hero-foot p{font-size:7px;max-width:100%}.gallery-hero-foot a{margin-top:14px;font-size:9px}.gallery-hero-foot a i{width:55px}
  .gallery-work{padding:62px 0 88px}.gallery-heading{margin-bottom:19px}.gallery-heading h2,.lang-ar .gallery-heading h2{font-size:clamp(33px,9.6vw,42px)}.gallery-heading>p{font-size:9px}
  .gallery-filters{top:55px;margin-inline:-14px;width:calc(100% + 28px);padding-inline:14px;margin-bottom:28px}
  .gallery-grid{grid-template-columns:minmax(0,1fr);row-gap:49px}.gallery-grid .gallery-card,.gallery-grid .gallery-card-featured,.gallery-grid .gallery-card-1:not(.gallery-card-featured),.gallery-grid .gallery-card-2,.gallery-grid .gallery-card-3,.gallery-grid .gallery-card-4{grid-column:1;margin-top:0}
  .gallery-card .work-media,.gallery-card-featured .work-media,.gallery-card:nth-child(3n+1) .work-media{aspect-ratio:16/10}.gallery-card .video-play{width:56px;height:56px}.gallery-card .work-info{margin-top:10px;padding-top:10px}.gallery-card .work-info h3{font-size:17px}.gallery-card .work-info p{font-size:8px}.gallery-card-count{top:11px;inset-inline-start:11px}
  .gallery-library{margin-top:72px}.press-magic{width:58px;height:58px}
}
@media(hover:none){.gallery-card-scan{display:none}.gallery-card .work-media:after{transform:none;opacity:.35}}
@media(prefers-reduced-motion:reduce){.gallery-hero-lines,.gallery-hero-lines i,.gallery-card-scan{transition:none!important;animation:none!important}}

/* 2.7 — user-controlled identity and robust Arabic rendering */
html,body,.gallery-home,.gallery-work,.gallery-hero,.site-footer,.mobile-menu{background-color:var(--identity-background,#070707)}
body{color:var(--identity-text,#f5f5f2)}
.gallery-hero{background:var(--identity-background,#070707)}
.site-header.scrolled{background:color-mix(in srgb,var(--identity-background,#070707) 86%,transparent)}
.gallery-card .work-media,.video-shell,.resume-page .resume-details{background-color:var(--identity-surface,#111318)}
.gallery-heading>p,.gallery-hero-foot p,.gallery-library p,.gallery-card .work-info p,.footer-bottom{color:var(--identity-muted,#929292)}
.scroll-progress i,.gallery-hero-foot a i:after{background:var(--identity-accent,#7397ff)}
.gallery-hero-lines:after{border-bottom-color:color-mix(in srgb,var(--identity-accent,#7397ff) 40%,transparent)}
.gallery-hero-lines i:nth-child(3){background:linear-gradient(transparent,var(--identity-accent,#7397ff),transparent)}
.gallery-hero-lines b{box-shadow:0 0 0 7px color-mix(in srgb,var(--identity-accent,#7397ff) 12%,transparent),0 0 28px var(--identity-accent,#7397ff)}
.gallery-filters button.active{background:var(--identity-text,#f5f5f2);color:var(--identity-background,#070707)}
.gallery-card:hover .video-play,.btn-primary{background:var(--identity-button,#111318);color:var(--identity-button-text,#fff)}
.gallery-contact{background:var(--identity-light,#ededeb)}
.gallery-contact .btn-primary{background:var(--identity-button,#111318);color:var(--identity-button-text,#fff)}
.whatsapp-float{filter:saturate(.92)}
.footer-links a:not(.footer-email){display:flex;align-items:center;gap:8px}
.footer-links a i{display:grid;place-items:center;width:18px;height:18px;font-style:normal;color:var(--identity-accent,#7397ff)}
.footer-links a i svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}
.lang-ar .footer-links a i svg{transform:scaleX(-1)}
.footer-email{unicode-bidi:isolate}
.footer-copyright{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap}.footer-copyright b{font-weight:500}
.lang-ar :where(p,a,span,small,b,strong,h1,h2,h3,h4,button,label,li,summary,time,blockquote){letter-spacing:0!important;font-kerning:normal;text-rendering:optimizeLegibility}
.lang-ar .footer-bottom{letter-spacing:0!important;line-height:2;font-size:11px}.lang-ar .footer-signature{word-spacing:.12em}
@media(max-width:620px){
  .site-footer{padding:58px 0 23px}.site-footer h2,.lang-ar .site-footer h2{font-size:clamp(33px,10.4vw,43px);line-height:1.55;word-break:normal;overflow-wrap:normal;text-wrap:balance}
  .footer-links{gap:16px;margin-top:38px;font-size:13px}.footer-links a:not(.footer-email){justify-content:flex-start}.footer-links a i{width:16px;height:16px}
  .footer-bottom{display:flex;flex-direction:column;gap:7px;margin-top:42px;padding-top:18px;line-height:1.8}.footer-copyright{gap:6px}
}