/* Suhail Lumen — bright editorial direction */
:root{--lumen-paper:var(--identity-background,#08111f);--lumen-ink:var(--identity-text,#f3f6fb);--lumen-surface:var(--identity-surface,#101b2d);--lumen-coral:var(--identity-accent,#7590ba);--lumen-acid:var(--identity-light,#d5dce7);--lumen-muted:var(--identity-muted,#8d99ab);--radius-xl:34px;--radius-lg:26px;--radius-md:18px;--radius-sm:13px;--shell:min(1320px,calc(100% - 56px))}
html,body{background:var(--lumen-paper);color:var(--lumen-ink)}
body{font-family:Manrope,Arial,sans-serif}.lang-ar{font-family:Alexandria,Arial,sans-serif}
.cursor-glow,.press-magic{display:none!important}
.cinema-loader{background:var(--lumen-paper);color:var(--lumen-ink)}.loader-line{background:rgba(0,0,0,.15)}.loader-line i{background:var(--lumen-coral)}.loader-count{color:var(--lumen-ink)}
.site-header{color:var(--lumen-ink);padding:18px 0}.site-header.scrolled{background:color-mix(in srgb,var(--lumen-paper) 92%,transparent);color:var(--lumen-ink);border-color:rgba(0,0,0,.13);box-shadow:0 8px 30px rgba(0,0,0,.04)}
.brand-symbol{width:43px;height:43px}.brand-copy b{font-size:12px;color:var(--lumen-ink)}.brand-copy small{color:var(--lumen-muted)}.nav-desktop{font-size:9px}.nav-desktop a:after{background:var(--lumen-coral)}.lang-switch{border-color:rgba(0,0,0,.25);color:var(--lumen-ink)}.menu-toggle{color:var(--lumen-ink)}.mobile-menu{background:var(--lumen-coral);color:#111}.mobile-menu a{color:#111;border-bottom:1px solid rgba(0,0,0,.2)}
.scroll-progress i{background:var(--lumen-coral)}
.gallery-home{background:var(--lumen-paper);color:var(--lumen-ink)}
.gallery-hero{min-height:84svh;padding:150px 0 55px;background:var(--lumen-paper);color:var(--lumen-ink);isolation:isolate}
.gallery-hero:after{background:repeating-linear-gradient(90deg,transparent 0 calc(12.5% - 1px),rgba(0,0,0,.055) calc(12.5% - 1px) 12.5%);mask-image:linear-gradient(to bottom,black,transparent 86%)}
.gallery-hero-lines{opacity:1;transform:none!important}.gallery-hero-lines:before{width:34vw;height:34vw;right:-7vw;top:4vh;bottom:auto;border:0;border-radius:50%;background:var(--lumen-coral);transform:none}.gallery-hero-lines:after{width:25vw;height:9vw;left:6vw;top:auto;bottom:11vh;border:0;border-radius:0;background:var(--lumen-acid);transform:rotate(-6deg)}
.gallery-hero-lines i:nth-child(1){display:block;width:13vw;height:13vw;right:19vw;top:17vh;border:2px solid var(--lumen-ink);border-radius:0;background:transparent;transform:rotate(12deg);box-shadow:none}.gallery-hero-lines i:nth-child(2){display:none}.gallery-hero-lines i:nth-child(3){display:block;width:2px;height:48vh;right:9.5vw;top:15vh;background:var(--lumen-ink);opacity:.25;transform:rotate(18deg)}.gallery-hero-lines b{display:none}
.gallery-hero-frame{top:103px;color:var(--lumen-muted)}.gallery-hero-frame i{background:rgba(0,0,0,.15)}
.gallery-hero .eyebrow{color:var(--lumen-ink);font-size:9px}.gallery-hero .eyebrow span{background:var(--lumen-coral)}
.gallery-hero h1,.lang-ar .gallery-hero h1{position:relative;z-index:2;max-width:930px;color:var(--lumen-ink);font-size:clamp(52px,7vw,102px);line-height:1.08;font-weight:600;letter-spacing:-.055em}.lang-ar .gallery-hero h1{font-size:clamp(49px,6vw,84px);line-height:1.42;letter-spacing:0}.gallery-hero .hero-title .word:nth-child(3n) i{color:var(--lumen-coral)}
.gallery-hero-foot{position:relative;z-index:2;border-color:rgba(0,0,0,.2)}.gallery-hero-foot p{color:var(--lumen-muted)}.gallery-hero-foot a{font-weight:800}.gallery-hero-foot a i{background:var(--lumen-ink)}.gallery-hero-foot a i:after{background:var(--lumen-coral)}
.gallery-work{padding:90px 0 125px;background:var(--lumen-surface);color:#f7f4ec}.gallery-heading h2,.lang-ar .gallery-heading h2{color:#f7f4ec;font-size:clamp(42px,5vw,70px)}.gallery-heading>p{color:#aaa69d}.gallery-work .kicker{color:var(--lumen-acid)}
.gallery-filters{top:62px;background:rgba(17,17,17,.92);border-color:rgba(255,255,255,.15)}.gallery-filters button{color:#a8a59e}.gallery-filters button.active{background:var(--lumen-acid);color:#111}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:52px 16px}.gallery-grid .gallery-card,.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:span 1;margin:0}.gallery-grid .gallery-card-featured{grid-column:span 2;grid-row:span 2}.gallery-card .work-media,.gallery-card-featured .work-media{aspect-ratio:4/3;background:#222;clip-path:none}.gallery-card-featured .work-media{aspect-ratio:1.36/1}.gallery-card .work-media:after{opacity:0;background:var(--lumen-coral);mix-blend-mode:multiply;transform:none}.gallery-card:hover .work-media:after{opacity:.18}.gallery-card .work-media img,.gallery-card .work-media>.project-cover-video{filter:saturate(.82) contrast(1.03);transform:scale(1)!important}.gallery-card:hover .work-media img,.gallery-card:hover .work-media>.project-cover-video{transform:scale(1.025)!important}.gallery-card .gallery-card-count{top:0;inset-inline-start:0;padding:8px 9px;background:var(--lumen-acid);color:#111;font-weight:800;text-shadow:none}.gallery-card .video-play{width:52px;height:52px;border:0;background:var(--lumen-coral);color:#111;backdrop-filter:none}.gallery-card .video-play svg{stroke:#111}.gallery-card:hover .video-play{background:var(--lumen-acid);color:#111}
.gallery-card .work-info{border-color:rgba(255,255,255,.18)}.gallery-card .work-info h3{color:#f7f4ec;font-size:17px}.gallery-card .work-info span,.gallery-card .work-info small,.gallery-card .work-info p{color:#9d9991}.gallery-library{border-color:rgba(255,255,255,.2)}.gallery-library p{color:#aaa69d}.gallery-library .btn{background:var(--lumen-acid);color:#111}
.gallery-contact{padding:100px 0;background:var(--lumen-acid);color:#111}.gallery-contact .kicker{color:#111}.gallery-contact h2,.lang-ar .gallery-contact h2{max-width:920px;color:#111;font-size:clamp(46px,6vw,84px)}.gallery-contact-actions{border-color:rgba(0,0,0,.25)}.gallery-contact .btn-primary{background:#111;color:#fff}
.site-footer{background:var(--lumen-coral);color:#111}.site-footer .eyebrow,.site-footer h2,.footer-links a,.footer-bottom{color:#111}.footer-bottom{border-color:rgba(0,0,0,.25)}.footer-links a i{color:#111}
.whatsapp-float{background:#111;color:#fff;box-shadow:none}.whatsapp-float svg{stroke:#fff}
.archive-wrap,.single-project,.content-page,.resume-page{background:var(--lumen-paper);color:var(--lumen-ink)}.page-title{color:var(--lumen-ink)}.archive-intro,.project-copy{color:var(--lumen-muted)}.resume-page-hero{background:var(--lumen-coral);color:#111}.resume-page-hero h1,.resume-page-hero p{color:#111}.resume-page .resume-section{background:var(--lumen-paper)}

@media(max-width:900px){.gallery-hero-lines:before{width:52vw;height:52vw}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid .gallery-card-featured{grid-column:1/-1;grid-row:auto}}
@media(max-width:620px){
  :root{--shell:calc(100% - 24px)}.header-inner{width:calc(100% - 22px)}.site-header{padding:9px 0}.brand-symbol{width:36px;height:36px}.brand-copy b{font-size:9px}
  .gallery-hero{min-height:72svh;padding:105px 0 32px}.gallery-hero:after{background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),rgba(0,0,0,.05) calc(25% - 1px) 25%)}.gallery-hero-frame{top:68px}.gallery-hero-lines{opacity:1}.gallery-hero-lines:before{display:block;width:66vw;height:66vw;right:-31vw;top:13vh}.gallery-hero-lines:after{display:block;width:48vw;height:16vw;left:-10vw;bottom:13vh}.gallery-hero-lines i:nth-child(1){display:block;width:28vw;height:28vw;right:22vw;top:20vh}.gallery-hero-lines i:nth-child(3){display:block;right:12vw;height:39vh;top:16vh}.gallery-hero .eyebrow{font-size:7px;max-width:70%}.gallery-hero h1,.lang-ar .gallery-hero h1{font-size:clamp(35px,10.7vw,47px);line-height:1.45;max-width:94%}.gallery-hero-foot{margin-top:21px}.gallery-hero-foot p{font-size:7px}.gallery-hero-foot a{font-size:8px}
  .gallery-work{padding:58px 0 82px}.gallery-heading{margin-bottom:18px}.gallery-heading h2,.lang-ar .gallery-heading h2{font-size:clamp(31px,9vw,39px)}.gallery-heading>p{font-size:8px}.gallery-filters{top:52px;margin-bottom:22px}
  .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 10px}.gallery-grid .gallery-card,.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:span 1}.gallery-grid .gallery-card-featured{grid-column:1/-1}.gallery-card .work-media,.gallery-card:nth-child(3n+1) .work-media{aspect-ratio:4/5}.gallery-card-featured .work-media{aspect-ratio:16/10}.gallery-card .video-play{width:38px;height:38px}.gallery-card .video-play svg{width:15px;height:15px}.gallery-card .gallery-card-count{top:0;inset-inline-start:0;padding:6px 7px;font-size:7px}.gallery-card .work-info{display:block;margin-top:7px;padding-top:7px}.gallery-card .work-info>div{max-width:100%}.gallery-card .work-info h3{font-size:13px;line-height:1.45;margin-top:3px}.gallery-card .work-info span{font-size:6.5px}.gallery-card .work-info p{display:none}.gallery-card .work-info small{display:none}.gallery-library{margin-top:52px}.gallery-library p{font-size:10px}
  .gallery-contact{padding:65px 0}.gallery-contact h2,.lang-ar .gallery-contact h2{font-size:clamp(33px,9.5vw,42px);line-height:1.55}.site-footer h2,.lang-ar .site-footer h2{font-size:clamp(30px,9vw,38px)}
}

/* Navy final pass + reliable touch player */
.site-header.scrolled .header-inner{background:rgba(10,20,36,.78);border-color:rgba(255,255,255,.1);box-shadow:0 16px 48px rgba(0,0,0,.3)}
.gallery-card .work-media,.gallery-card-featured .work-media{background:#0a1424;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.gallery-library{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.08)}
.lumen-reel{color:#f4f7fb;background:color-mix(in srgb,var(--lumen-coral) 48%,var(--lumen-paper));box-shadow:0 12px 38px rgba(0,0,0,.24)}.lumen-reel i{background:rgba(255,255,255,.55)}
.lumen-motion-route circle{fill:var(--lumen-acid);stroke:var(--lumen-paper)}
.video-modal{background:rgba(3,9,18,.94);overscroll-behavior:contain;touch-action:manipulation}
.video-shell{background:#02060c;border:1px solid rgba(255,255,255,.1)}
.video-shell>video{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.video-modal.is-buffering .video-loader{display:grid}.video-modal.is-buffering .video-loader span:after{content:"…"}
.player-error{position:absolute;z-index:8;inset:0;display:none;place-content:center;justify-items:center;gap:16px;padding:28px;text-align:center;background:rgba(3,9,18,.84);color:#f3f6fb}.player-error strong{max-width:320px;font-size:13px;line-height:1.8}.player-error button{min-height:44px;padding:0 20px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:var(--lumen-acid);color:#08111f;font-weight:700;cursor:pointer}.video-modal.has-error .player-error{display:grid}.video-modal.has-error .video-loader,.video-modal.has-error .player-center-play,.video-modal.has-error .player-controls{display:none}
.player-controls{background:rgba(8,17,31,.74);border-color:rgba(255,255,255,.12)}.player-controls button{touch-action:manipulation}.player-progress{min-height:24px;background-clip:content-box;padding-block:10px}
.video-modal.is-portrait .video-shell{width:min(72vw,520px);height:min(78dvh,820px);aspect-ratio:9/16}.video-modal.is-portrait .video-shell>video{width:100%;height:100%;object-fit:contain}
@media(max-width:700px){
  .video-modal{padding:max(70px,env(safe-area-inset-top)) 8px max(76px,env(safe-area-inset-bottom));place-items:center}
  .video-shell{width:calc(100vw - 16px);max-width:none;aspect-ratio:16/9;border-radius:22px}
  .video-modal.is-portrait .video-shell{width:min(88vw,430px);height:min(72dvh,720px);aspect-ratio:9/16}
  .player-top{top:max(12px,env(safe-area-inset-top));left:14px;right:14px}.player-top .video-close{width:44px;height:44px;background:rgba(8,17,31,.78);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
  .player-center-play{z-index:7;width:66px;height:66px;background:rgba(8,17,31,.7);border-color:rgba(255,255,255,.5)}
  .player-controls{z-index:7;left:8px!important;right:8px!important;bottom:8px!important;gap:3px;padding:7px 8px;border-radius:15px}.player-controls button{min-width:38px;height:40px}.player-progress{min-width:70px}.player-time,.player-speed{display:none}
  .video-modal.is-local .video-shell{cursor:default}
}
@media(max-width:900px) and (orientation:landscape){
  .video-modal{padding:8px 62px}.video-shell,.video-modal.is-portrait .video-shell{width:auto;height:calc(100dvh - 16px);max-height:none;aspect-ratio:16/9}.video-modal.is-portrait .video-shell>video{object-fit:contain}.player-top{top:10px;left:10px;right:10px}.player-top>div{display:none}
}

/* Deep navy identity 1.3 */
.cinema-loader{background:var(--lumen-paper);color:var(--lumen-ink)}
.gallery-hero:after{background:repeating-linear-gradient(90deg,transparent 0 calc(12.5% - 1px),rgba(255,255,255,.045) calc(12.5% - 1px) 12.5%)}
.gallery-hero-frame i,.gallery-hero .eyebrow span{background:var(--lumen-coral)}.gallery-hero-foot{border-color:rgba(255,255,255,.16)}.gallery-hero-foot a i{background:var(--lumen-ink)}
.site-header.scrolled .header-inner{background:color-mix(in srgb,var(--lumen-surface) 78%,transparent);border-color:rgba(255,255,255,.1);box-shadow:0 14px 45px rgba(0,0,0,.28)}.lang-switch{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.16)}
.gallery-work{background:var(--lumen-surface)}.gallery-filters{background:color-mix(in srgb,var(--lumen-surface) 82%,#000);border-color:rgba(255,255,255,.09)}
.gallery-card .work-media,.gallery-card-featured .work-media{background:#0a1424;box-shadow:0 20px 60px rgba(0,0,0,.28)}.gallery-card.is-focused .work-media,.gallery-card:hover .work-media{box-shadow:0 32px 90px rgba(0,0,0,.42)}
.gallery-library{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.08)}
.lumen-reel{color:#f4f7fb;background:color-mix(in srgb,var(--lumen-coral) 48%,var(--lumen-paper));box-shadow:0 12px 38px rgba(0,0,0,.24)}.lumen-reel i{background:rgba(255,255,255,.55)}
.site-footer{color:#08111f}.site-footer .eyebrow,.site-footer h2,.footer-links a,.footer-bottom{color:#08111f}
.lumen-motion-route circle{fill:var(--lumen-acid);stroke:var(--lumen-paper)}
.whatsapp-float{background:var(--lumen-acid);color:#08111f}.whatsapp-float svg{stroke:#08111f}
@media(max-width:620px){.gallery-hero:after{background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),rgba(255,255,255,.04) calc(25% - 1px) 25%)}.gallery-filters{background:rgba(7,16,29,.86)}}

/* Lumen Motion Cut — scroll-led film editing language */
.gallery-home{--motion-progress:0;position:relative;overflow:clip}
.lumen-motion-route{position:fixed;z-index:8;inset:0 18px 0 auto;width:46px;height:100svh;overflow:visible;pointer-events:none;filter:drop-shadow(0 2px 7px rgba(0,0,0,.16));mix-blend-mode:difference}
[dir=rtl] .lumen-motion-route{right:auto;left:18px;transform:scaleX(-1)}
.lumen-motion-route path{fill:none;vector-effect:non-scaling-stroke}.lumen-motion-route .route-ghost{stroke:rgba(255,255,255,.19);stroke-width:.7}.lumen-motion-route [data-motion-route]{stroke:#fff;stroke-width:1.45;stroke-linecap:round}.lumen-motion-route circle{fill:var(--lumen-acid);stroke:#111;stroke-width:1.5;vector-effect:non-scaling-stroke}
.lumen-motion-hud{position:fixed;z-index:9;inset-inline-end:18px;top:50%;display:grid;justify-items:center;gap:8px;width:46px;color:#fff;mix-blend-mode:difference;pointer-events:none;transform:translateY(-50%)}
.lumen-motion-hud span{font:700 9px/1 Manrope,Arial,sans-serif;letter-spacing:.12em;font-variant-numeric:tabular-nums}.lumen-motion-hud i{width:1px;height:34px;background:currentColor;transform:scaleY(var(--motion-bar,.2));transform-origin:top}.lumen-motion-hud small{font:700 6px/1 Manrope,Arial,sans-serif;letter-spacing:.18em;writing-mode:vertical-rl}
.gallery-hero{--hero-x:0;--hero-y:0;perspective:1200px}
.gallery-hero .gallery-hero-inner{transform:translate3d(var(--hero-inner-x,0),var(--hero-inner-y,0),0);transition:transform .9s cubic-bezier(.16,1,.3,1)}
.gallery-hero-lines:before{transform:translate3d(var(--hero-shape-x,0),calc(var(--hero-shape-y,0px) + var(--motion-shift,0px)),0) scale(var(--motion-scale,1));transition:transform .35s linear}
.gallery-hero-lines:after{transform:translate3d(var(--hero-acid-x,0),var(--hero-acid-y,0),0) rotate(calc(-6deg + var(--motion-turn,0deg)));transition:transform .35s linear}
.gallery-hero-lines i:nth-child(1){transform:translate3d(var(--hero-box-x,0),var(--hero-box-y,0),0) rotate(calc(12deg + var(--motion-box-turn,0deg)));transition:transform .35s linear}
.gallery-hero h1,.lang-ar .gallery-hero h1{max-width:760px;font-size:clamp(43px,5.2vw,74px);line-height:1.11}.lang-ar .gallery-hero h1{max-width:800px;font-size:clamp(40px,4.65vw,66px);line-height:1.5}
.gallery-hero .word{overflow:hidden;display:inline-flex}.gallery-hero .word i{transition:transform .75s cubic-bezier(.16,1,.3,1),color .35s ease;transition-delay:calc(var(--i) * 28ms)}
.gallery-hero:hover .word:nth-child(2n) i{transform:translateY(-3px) rotate(-.5deg)}.gallery-hero:hover .word:nth-child(3n) i{transform:translateY(3px) rotate(.5deg)}
.lumen-edit-deck{position:absolute;z-index:4;inset-inline:calc((100% - min(1320px,calc(100% - 56px)))/2);bottom:15px;display:grid;grid-template-columns:auto minmax(180px,460px) auto;align-items:center;gap:15px;color:var(--lumen-ink);font:700 7px/1 Manrope,Arial,sans-serif;letter-spacing:.16em;direction:ltr}
.edit-time{font-variant-numeric:tabular-nums}.edit-track{position:relative;display:grid;grid-template-columns:1.1fr .65fr 1.4fr .45fr .8fr .55fr;gap:3px;height:7px;overflow:visible}.edit-track>i{background:var(--lumen-ink);opacity:.18;border-radius:1px}.edit-track>i:nth-child(2),.edit-track>i:nth-child(5){background:var(--lumen-coral);opacity:1}.edit-track>i:nth-child(3){background:var(--lumen-acid);border:1px solid rgba(0,0,0,.3);opacity:1}.edit-track>b{position:absolute;left:0;top:-6px;width:1px;height:19px;background:var(--lumen-coral);box-shadow:0 0 0 2px color-mix(in srgb,var(--lumen-coral) 25%,transparent);will-change:transform}.edit-mode{opacity:.6}
.lumen-reel{position:relative;z-index:3;width:100%;overflow:hidden;background:var(--lumen-coral);color:#111;border-block:1px solid #111;padding:13px 0;direction:ltr}.lumen-reel-track{display:flex;align-items:center;width:max-content;will-change:transform}.lumen-reel span{font:700 clamp(12px,1.35vw,18px)/1 Manrope,Alexandria,sans-serif;letter-spacing:.08em;white-space:nowrap}.lang-ar .lumen-reel span{letter-spacing:0}.lumen-reel i{width:45px;height:1px;margin:0 20px;background:#111;transform:rotate(-18deg)}
.gallery-heading h2,.lang-ar .gallery-heading h2{font-size:clamp(35px,4vw,56px)}
.gallery-card{--card-flow:0;--card-energy:0;will-change:transform;transition:transform .65s cubic-bezier(.16,1,.3,1),opacity .45s ease}
.gallery-card .work-media{isolation:isolate;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.12);transition:box-shadow .55s cubic-bezier(.16,1,.3,1),border-radius .55s cubic-bezier(.16,1,.3,1)}
.gallery-card.is-focused .work-media{box-shadow:0 30px 90px rgba(0,0,0,.25)}
.gallery-card .work-media:before{content:"";position:absolute;z-index:5;left:var(--tap-x,50%);top:var(--tap-y,50%);width:18px;height:18px;border:1px solid var(--lumen-acid);border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.2);pointer-events:none}
.gallery-card .work-media.tap-pulse:before{animation:lumenTap .62s cubic-bezier(.16,1,.3,1)}
@keyframes lumenTap{0%{opacity:1;transform:translate(-50%,-50%) scale(.2)}65%{opacity:.7}100%{opacity:0;transform:translate(-50%,-50%) scale(8)}}
.lumen-card-crosshair{position:absolute;z-index:4;left:50%;top:50%;width:34px;height:34px;opacity:0;transform:translate(-50%,-50%) scale(.7) rotate(-20deg);transition:opacity .3s ease,transform .65s cubic-bezier(.16,1,.3,1);pointer-events:none}.lumen-card-crosshair i,.lumen-card-crosshair b{position:absolute;background:var(--lumen-acid)}.lumen-card-crosshair i{width:100%;height:1px;top:50%;left:0}.lumen-card-crosshair b{height:100%;width:1px;left:50%;top:0}.gallery-card:hover .lumen-card-crosshair,.gallery-card.is-focused .lumen-card-crosshair{opacity:.8;transform:translate(-50%,-50%) scale(1) rotate(0)}
.lumen-card-meter{position:absolute;z-index:4;inset-inline-end:10px;bottom:10px;width:54px;height:3px;background:rgba(255,255,255,.3);overflow:hidden}.lumen-card-meter i{display:block;width:100%;height:100%;background:var(--lumen-acid);transform:scaleX(var(--card-energy));transform-origin:left;transition:transform .15s linear}
.gallery-card .gallery-card-scan{display:block!important;position:absolute;z-index:3;inset-inline:0;top:var(--scan-top,0%);height:1px;background:linear-gradient(90deg,transparent,var(--lumen-acid),transparent);opacity:var(--scan-opacity,0);box-shadow:0 0 16px var(--lumen-acid);pointer-events:none;transition:top .12s linear}
.gallery-card .video-play{transition:transform .65s cubic-bezier(.16,1,.3,1),background .25s ease}.gallery-card.is-focused .video-play{transform:translate(-50%,-50%) scale(1.12) rotate(var(--card-rotate,0deg))}
.gallery-contact{position:relative;overflow:hidden}.gallery-contact-inner{position:relative;z-index:2}.lumen-contact-orbit{position:absolute;z-index:1;inset-inline-end:6vw;top:50%;width:min(32vw,440px);aspect-ratio:1;transform:translateY(-50%) rotate(var(--motion-rotate,0deg));border:1px solid rgba(0,0,0,.3);border-radius:50%;pointer-events:none}.lumen-contact-orbit:before,.lumen-contact-orbit:after{content:"";position:absolute;inset:14%;border:1px solid rgba(0,0,0,.25);border-radius:50%}.lumen-contact-orbit:after{inset:34%;background:var(--lumen-coral);border:0}.lumen-contact-orbit i{position:absolute;left:50%;top:-5px;width:10px;height:10px;background:#111;border-radius:50%}.lumen-contact-orbit i:nth-child(2){top:auto;bottom:9%;left:8%;background:var(--lumen-coral)}.lumen-contact-orbit b{position:absolute;left:50%;top:0;width:1px;height:100%;background:rgba(0,0,0,.2)}

@media(max-width:900px){
  .lumen-motion-route{inset-inline-end:7px;width:28px;opacity:.75}.lumen-motion-hud{inset-inline-end:3px;width:35px}.lumen-motion-hud small{display:none}
  .lumen-edit-deck{inset-inline:16px;grid-template-columns:auto 1fr auto}
}
@media(max-width:620px){
  .gallery-hero{min-height:76svh;padding-bottom:66px}.gallery-hero h1,.lang-ar .gallery-hero h1{font-size:clamp(29px,8.4vw,38px);line-height:1.54;max-width:88%}.gallery-hero .eyebrow{max-width:78%;line-height:1.7}.gallery-hero-foot{padding-inline-end:27px}
  .lumen-edit-deck{bottom:15px;inset-inline:12px;gap:8px}.edit-track{grid-template-columns:1fr .5fr .9fr .35fr}.edit-track i:nth-child(n+5){display:none}.edit-mode{font-size:5px}.edit-time{font-size:6px}
  .lumen-reel{padding:11px 0}.lumen-reel span{font-size:10px}.lumen-reel i{width:25px;margin:0 12px}
  .gallery-heading h2,.lang-ar .gallery-heading h2{font-size:clamp(27px,7.8vw,34px);line-height:1.45}
  .gallery-filters{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;border-radius:18px;padding:5px;backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3)}.gallery-filters::-webkit-scrollbar{display:none}.gallery-filters button{flex:0 0 auto;min-height:34px;border-radius:13px}
  .gallery-grid{display:block}.gallery-card,.gallery-grid .gallery-card,.gallery-grid .gallery-card-featured{width:calc(100% - 25px);margin:0 0 38px!important}.gallery-card:nth-child(even){margin-inline-start:25px!important}.gallery-card:nth-child(3n){width:calc(100% - 48px);margin-inline-start:12px!important}.gallery-card .work-media,.gallery-card:nth-child(3n+1) .work-media,.gallery-card-featured .work-media{aspect-ratio:16/11}.gallery-card:nth-child(even) .work-media{aspect-ratio:4/5}.gallery-card:nth-child(3n) .work-media{aspect-ratio:1/1}.gallery-card .work-info h3{font-size:12px}.gallery-card.is-focused .work-media{border-radius:12px}.gallery-card .video-play{width:42px;height:42px}.gallery-card .gallery-card-count{font-size:6px}
  .lumen-card-crosshair{width:27px;height:27px}.lumen-card-meter{width:38px}.lumen-contact-orbit{width:74vw;inset-inline-end:-30vw;opacity:.5}.gallery-contact h2,.lang-ar .gallery-contact h2{max-width:78%;font-size:clamp(28px,8vw,36px)}
}
@media(prefers-reduced-motion:reduce){
  .lumen-motion-route,.lumen-motion-hud,.lumen-edit-deck,.lumen-card-crosshair,.lumen-card-meter,.gallery-card .gallery-card-scan{display:none!important}.lumen-reel-track,.gallery-card,.gallery-hero .gallery-hero-inner,.gallery-hero-lines:before,.gallery-hero-lines:after,.gallery-hero-lines i{transform:none!important;transition:none!important}.lumen-contact-orbit{transform:translateY(-50%)!important}
}

/* Soft UI 1.2 — quieter color, continuous corners and layered glass */
.header-inner,.work-media,.gallery-filters,.gallery-library,.btn,.mobile-menu,.video-shell,.player-controls,.identity-section{corner-shape:squircle}
.header-inner{padding:7px 10px;border:1px solid transparent;border-radius:24px;transition:background .45s ease,border-color .45s ease,box-shadow .45s ease,padding .45s ease}
.site-header.scrolled{padding:10px 0;background:transparent;border:0;box-shadow:none;backdrop-filter:none}.site-header.scrolled .header-inner{padding:8px 12px;background:color-mix(in srgb,var(--lumen-paper) 78%,transparent);border-color:color-mix(in srgb,var(--lumen-ink) 11%,transparent);box-shadow:0 12px 38px rgba(22,24,28,.09);backdrop-filter:blur(24px) saturate(1.25);-webkit-backdrop-filter:blur(24px) saturate(1.25)}
.brand-symbol{border-radius:14px;overflow:hidden}.lang-switch{border-radius:13px;background:color-mix(in srgb,var(--lumen-paper) 60%,transparent)}
.mobile-menu{inset:8px;padding:112px 7vw 42px;border-radius:var(--radius-xl);background:color-mix(in srgb,var(--lumen-surface) 92%,var(--lumen-coral));box-shadow:0 22px 80px rgba(0,0,0,.24)}.mobile-menu a{color:#f6f5f1;border-color:rgba(255,255,255,.13);font-size:clamp(25px,7vw,52px)}
.gallery-filters{padding:6px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:color-mix(in srgb,var(--lumen-surface) 78%,transparent);box-shadow:0 14px 40px rgba(0,0,0,.12);backdrop-filter:blur(22px) saturate(1.18);-webkit-backdrop-filter:blur(22px) saturate(1.18)}.gallery-filters button{border:0;border-radius:15px;transition:background .3s ease,color .3s ease,transform .4s cubic-bezier(.16,1,.3,1)}.gallery-filters button:hover{transform:translateY(-1px)}.gallery-filters button.active{background:var(--lumen-acid);box-shadow:0 6px 18px rgba(0,0,0,.13)}
.gallery-card .work-media,.gallery-card-featured .work-media{border-radius:var(--radius-lg);background:color-mix(in srgb,var(--lumen-surface) 88%,#fff);box-shadow:0 18px 55px rgba(0,0,0,.13)}.gallery-card.is-focused .work-media,.gallery-card:hover .work-media{border-radius:calc(var(--radius-lg) + 4px);box-shadow:0 28px 85px rgba(0,0,0,.22)}
.gallery-card .gallery-card-count{top:9px;inset-inline-start:9px;border-radius:11px;padding:7px 9px;background:color-mix(in srgb,var(--lumen-acid) 88%,transparent);box-shadow:0 5px 16px rgba(0,0,0,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.gallery-card .video-play{border-radius:18px;background:color-mix(in srgb,var(--lumen-coral) 88%,#fff);box-shadow:0 10px 28px rgba(0,0,0,.2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.gallery-card:hover .video-play{background:var(--lumen-acid);border-radius:50%}
.gallery-library{padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);background:rgba(255,255,255,.045);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.btn{border-radius:17px;transition:border-radius .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1),box-shadow .35s ease}.btn:hover{border-radius:24px;box-shadow:0 14px 34px rgba(0,0,0,.14)}
.gallery-contact{margin:12px;border-radius:var(--radius-xl);background:var(--lumen-acid);box-shadow:0 18px 55px rgba(33,37,42,.08)}.gallery-contact-actions{border-radius:var(--radius-lg);padding:22px;background:color-mix(in srgb,#fff 22%,transparent);border:1px solid color-mix(in srgb,var(--lumen-ink) 12%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.site-footer{margin:0 12px 12px;border-radius:var(--radius-xl);background:var(--lumen-coral);box-shadow:0 18px 55px rgba(33,37,42,.1)}
.whatsapp-float{border-radius:19px;box-shadow:0 12px 34px rgba(22,24,28,.2)}
.video-modal{backdrop-filter:blur(28px) saturate(.85);-webkit-backdrop-filter:blur(28px) saturate(.85)}.video-shell{overflow:hidden;border-radius:30px;box-shadow:0 30px 100px rgba(0,0,0,.42)}.player-controls{inset-inline:14px!important;bottom:14px!important;border-radius:18px;background:rgba(17,18,21,.72);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.lumen-reel{margin:0 12px;width:calc(100% - 24px);border:0;border-radius:16px;background:color-mix(in srgb,var(--lumen-coral) 72%,var(--lumen-paper));box-shadow:0 10px 34px rgba(28,29,33,.08)}

@media(max-width:620px){
  :root{--radius-xl:28px;--radius-lg:22px;--radius-md:16px}
  .site-header.scrolled .header-inner{padding:6px 8px}.mobile-menu{inset:6px;border-radius:28px}
  .gallery-filters{border-radius:19px;background:color-mix(in srgb,var(--lumen-surface) 84%,transparent)}.gallery-filters button{border-radius:14px}
  .gallery-card .work-media,.gallery-card-featured .work-media,.gallery-card.is-focused .work-media{border-radius:22px}.gallery-card:nth-child(even) .work-media{border-radius:28px}.gallery-card .gallery-card-count{top:7px;inset-inline-start:7px;border-radius:10px}
  .gallery-library{padding:20px;border-radius:25px}.gallery-contact{margin:8px;border-radius:28px}.gallery-contact-actions{padding:16px;border-radius:21px}.site-footer{margin:0 8px 8px;border-radius:28px}.lumen-reel{margin-inline:8px;width:calc(100% - 16px);border-radius:14px}
  .video-shell{border-radius:23px}.player-controls{inset-inline:8px!important;bottom:8px!important;border-radius:15px}
}

/* Cascade lock: navy values intentionally last */
.site-header.scrolled .header-inner{background:rgba(10,20,36,.78);border-color:rgba(255,255,255,.1);box-shadow:0 16px 48px rgba(0,0,0,.3)}
.gallery-card .work-media,.gallery-card-featured .work-media{background:#0a1424;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.gallery-card.is-focused .work-media,.gallery-card:hover .work-media{box-shadow:0 32px 90px rgba(0,0,0,.42)}
.gallery-library{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.08)}
.lumen-reel{color:#f4f7fb;background:color-mix(in srgb,var(--lumen-coral) 48%,var(--lumen-paper));box-shadow:0 12px 38px rgba(0,0,0,.24)}.lumen-reel i{background:rgba(255,255,255,.55)}
.lumen-motion-route circle{fill:var(--lumen-acid);stroke:var(--lumen-paper)}
.video-modal{background:rgba(3,9,18,.94)}.video-shell{background:#02060c;border-color:rgba(255,255,255,.1)}.player-controls{background:rgba(8,17,31,.74);border-color:rgba(255,255,255,.12)}
@media(max-width:620px){.gallery-filters{background:rgba(7,16,29,.86)}}
.temporary-logo-surface{background:var(--lumen-acid)!important;border-color:rgba(255,255,255,.16)!important;padding:6px}.temporary-logo-surface img{width:100%;height:100%;object-fit:contain}.loader-mark.temporary-logo-surface{border-radius:22px;padding:10px}
.video-modal.is-ready .video-loader,.video-modal.use-native-controls .video-loader{display:none!important}.video-modal.use-native-controls .player-controls,.video-modal.use-native-controls .player-center-play{display:none!important}.video-modal.use-native-controls .video-shell>video{display:block;pointer-events:auto}.video-modal.use-native-controls .video-shell{cursor:default}.video-modal.use-native-controls.is-paused .player-center-play{display:none!important}
.suhail-hide-motion-route .lumen-motion-route{display:none!important}.suhail-hide-frame-counter .lumen-motion-hud{display:none!important}.suhail-hide-whatsapp .whatsapp-float{display:none!important}
.suhail-header-solid .site-header.scrolled .header-inner{background:var(--lumen-surface);backdrop-filter:none;-webkit-backdrop-filter:none}.suhail-header-minimal .site-header.scrolled .header-inner{background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
@media(max-width:620px){
  .suhail-mobile-gallery-list .gallery-card,.suhail-mobile-gallery-list .gallery-grid .gallery-card{width:100%;margin:0 0 34px!important}.suhail-mobile-gallery-list .gallery-card .work-media{aspect-ratio:16/10;border-radius:var(--radius-lg)}
  .suhail-mobile-gallery-grid .gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 10px}.suhail-mobile-gallery-grid .gallery-card,.suhail-mobile-gallery-grid .gallery-grid .gallery-card{width:auto;margin:0!important}.suhail-mobile-gallery-grid .gallery-card .work-media{aspect-ratio:4/5}.suhail-mobile-gallery-grid .gallery-card .work-info h3{font-size:11px}.suhail-mobile-gallery-grid .lumen-card-meter,.suhail-mobile-gallery-grid .lumen-card-crosshair{display:none}
}