/* RADAR site v4 — "Signal Cinema". Hand-written, no frameworks. */
@font-face{font-family:"Titillium";src:url(fonts/titillium-300.woff) format("woff");font-weight:300;font-display:swap}
@font-face{font-family:"Titillium";src:url(fonts/titillium-400.woff) format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"Titillium";src:url(fonts/titillium-600.woff) format("woff");font-weight:600;font-display:swap}
@font-face{font-family:"Titillium";src:url(fonts/titillium-700.woff) format("woff");font-weight:700;font-display:swap}
@font-face{font-family:"Readex";src:url(fonts/readex.woff) format("woff");font-weight:160 700;font-display:swap}
@font-face{font-family:"Heebo";src:url(fonts/heebo.woff) format("woff");font-weight:100 900;font-display:swap}
@font-face{font-family:"PlexAr";src:url(fonts/plexar-400.woff) format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"PlexAr";src:url(fonts/plexar-600.woff) format("woff");font-weight:600;font-display:swap}
@font-face{font-family:"PlexHe";src:url(fonts/plexhe-400.woff) format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"PlexHe";src:url(fonts/plexhe-600.woff) format("woff");font-weight:600;font-display:swap}

:root{
  --bg:#0B0C11;--bg2:#101118;--card:#13141B;--line:#22242E;--line2:#2E303B;
  --fg:#EDEDF1;--fg2:#C9CAD2;--mute:#8E91A0;--soft:#A9ACB8;
  --teal:#74BCC6;--violet:#7A5BB0;--violet2:#9A86C9;
  --gut:clamp(20px,4.2vw,64px);--max:1440px;
  --f-d:"Titillium",system-ui,sans-serif;--f-b:"Titillium",system-ui,sans-serif;
  --d-w:300;--d-b:700;--d-ls:-.045em;--d-lh:.98;
  --ease:cubic-bezier(.22,1,.36,1);
}
.lang-ar{--f-d:"Readex","Titillium",sans-serif;--f-b:"PlexAr","Titillium",sans-serif;--d-w:200;--d-b:600;--d-ls:0;--d-lh:1.22}
.lang-he{--f-d:"Heebo","Titillium",sans-serif;--f-b:"PlexHe","Titillium",sans-serif;--d-w:200;--d-b:700;--d-ls:-.025em;--d-lh:1.06}

*,*:before,*:after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--fg);font:400 17px/1.6 var(--f-b);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit;color:inherit}
h1,h2,h3,p,ul,ol,figure{margin:0;padding:0}
ul,ol{list-style:none}
body:after{content:"";position:fixed;inset:0;z-index:95;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
::selection{background:var(--violet);color:#fff}
:focus-visible{outline:2px solid var(--fg);outline-offset:4px;border-radius:4px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;top:12px;inset-inline-start:12px;z-index:100;background:var(--fg);color:var(--bg);padding:10px 16px;border-radius:999px;font-weight:600;transform:translateY(-200%);transition:transform .3s var(--ease)}
.skip:focus{transform:none}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
.k{font:600 11.5px/1.4 "Titillium",var(--f-b);letter-spacing:.3em;text-transform:uppercase;color:var(--mute)}
.lang-ar .k,.lang-he .k{font-family:var(--f-b);letter-spacing:.06em;font-size:13px}
.h2{font:var(--d-w) clamp(40px,5.4vw,80px)/1.02 var(--f-d);letter-spacing:var(--d-ls);margin-top:18px}
.lang-ar .h2{line-height:1.25}
.h2 b,.display b{font-weight:var(--d-b)}
.lede{font-size:clamp(16px,1.25vw,18px);color:var(--soft);max-width:34em}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:clamp(48px,7vw,96px)}
.sec-head .lede{max-width:24em}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:14px;background:var(--fg);color:var(--bg);font:600 15px/1 var(--f-b);padding:18px 26px;border-radius:999px;border:0;cursor:pointer;transition:background .3s,transform .4s var(--ease);will-change:transform}
.btn:hover{background:#fff}
.btn .arr,.btn-ghost .arr{transition:transform .4s var(--ease)}
.btn:hover .arr{transform:translateX(4px)}
[dir=rtl] .arr{display:inline-block;transform:scaleX(-1)}
[dir=rtl] .btn:hover .arr{transform:scaleX(-1) translateX(4px)}
.bdot{width:8px;height:8px;border-radius:50%;background:var(--violet);flex:none}
.btn-ghost{display:inline-flex;align-items:center;gap:10px;background:transparent;color:var(--fg);font:600 15px/1 var(--f-b);padding:17px 24px;border-radius:999px;border:1px solid var(--line2);cursor:pointer;transition:border-color .3s,background .3s}
.btn-ghost:hover{border-color:var(--fg2);background:rgba(255,255,255,.03)}
.link{font:600 15px/1 var(--f-b);color:var(--fg);background:none;border:0;padding:0 0 6px;cursor:pointer;position:relative}
.link:after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background:rgba(237,237,241,.4);transform-origin:var(--o,left);transition:transform .5s var(--ease)}
[dir=rtl] .link{--o:right}
.link:hover:after{transform:scaleX(.35)}

/* nav */
.nav{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;gap:32px;padding:22px var(--gut);transition:background .4s,backdrop-filter .4s,transform .5s var(--ease),padding .4s;border-bottom:1px solid transparent}
.nav.scrolled{background:rgba(11,12,17,.62);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-bottom-color:rgba(255,255,255,.06);padding-block:14px}
.nav.hide{transform:translateY(-110%)}
.brand img{height:40px;width:auto}
.nav nav{margin-inline-start:auto}
.nav-links{display:flex;gap:30px}
.nav-links a{font:400 14.5px/1 var(--f-b);color:var(--fg2);transition:color .3s;padding:8px 0}
.nav-links a:hover{color:#fff}
.nav-end{display:flex;align-items:center;gap:20px}
.langs{display:flex;gap:4px;font:600 12.5px/1 "Titillium",var(--f-b)}
.langs a{padding:8px 9px;border-radius:999px;color:var(--mute);transition:color .3s,background .3s}
.langs a[aria-current]{color:var(--fg);background:rgba(255,255,255,.07)}
.langs a:hover{color:var(--fg)}
.pill{font:600 14px/1 var(--f-b);padding:13px 20px;border-radius:999px;border:1px solid rgba(237,237,241,.24);background:rgba(255,255,255,.04);backdrop-filter:blur(10px);transition:border-color .3s,background .3s}
.pill:hover{border-color:rgba(237,237,241,.6);background:rgba(255,255,255,.08)}
.burger{display:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line2);background:rgba(255,255,255,.03);cursor:pointer;position:relative}
.burger i{position:absolute;left:14px;right:14px;height:1.5px;background:var(--fg);transition:transform .4s var(--ease)}
.burger i:first-of-type{top:17px}.burger i:last-of-type{top:25px}
.burger[aria-expanded=true] i:first-of-type{transform:translateY(4px) rotate(45deg)}
.burger[aria-expanded=true] i:last-of-type{transform:translateY(-4px) rotate(-45deg)}
.mnav{position:fixed;inset:0;z-index:45;background:rgba(11,12,17,.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:110px var(--gut) 40px;display:flex;flex-direction:column;justify-content:space-between}
.mnav[hidden]{display:none}
.mnav ul{display:flex;flex-direction:column;gap:6px}
.mnav ul a{font:var(--d-w) 40px/1.25 var(--f-d);letter-spacing:var(--d-ls)}
.mnav-end{display:flex;justify-content:space-between;align-items:center;gap:16px}

/* loader */
.loader{position:fixed;inset:0;z-index:90;background:var(--bg);display:grid;place-items:center;transition:opacity .45s var(--ease),visibility .45s}
.no-js .loader,.seen .loader{display:none}
.loader.done{opacity:0;visibility:hidden}
.loader-in{position:relative;width:132px;height:132px}
.loader-sphere{width:100%;height:100%;clip-path:inset(0 100% 0 0);animation:lreveal .85s var(--ease) .05s forwards}
.loader-scan{position:absolute;top:-30%;bottom:-30%;width:1px;left:0;background:linear-gradient(transparent,var(--teal),transparent);opacity:.9;animation:lscan .85s var(--ease) .05s forwards}
.loader-skip{position:absolute;bottom:28px;inset-inline-end:var(--gut);background:none;border:0;color:var(--mute);font:600 12px/1 "Titillium",var(--f-b);letter-spacing:.24em;text-transform:uppercase;cursor:pointer}
@keyframes lreveal{to{clip-path:inset(0 0 0 0)}}
@keyframes lscan{to{left:100%;opacity:0}}

/* hero */
.hero{position:relative;min-height:max(100svh,640px);overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:120px 0 150px;isolation:isolate}
.hero-sphere{position:absolute;top:50%;inset-inline-end:calc(var(--sz) * -.52);width:var(--sz);aspect-ratio:1;--sz:min(148vh,124vw);transform:translate3d(var(--px,0),calc(-50% + var(--py,0px) + var(--sy,0px)),0);z-index:-2;pointer-events:none}
[dir=rtl] .hero-sphere svg{transform:scaleX(-1)}
.hero-sphere svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sph .layer{transition:transform 1.2s var(--ease);transform-origin:50% 50%}
.sph .l0{transform:translate(var(--l0x,0),var(--l0y,0))}
.sph .l1{transform:translate(var(--l1x,0),var(--l1y,0))}
.sph .l2{transform:translate(var(--l2x,0),var(--l2y,0))}
.sph{opacity:.62;-webkit-mask-image:radial-gradient(60% 60% at 40% 52%,#000 32%,transparent 78%);mask-image:radial-gradient(60% 60% at 40% 52%,#000 32%,transparent 78%)}
.sph-blur{opacity:.22;filter:blur(70px);transform:scale(.9)}
.js .sph{clip-path:inset(0 0 0 100%);transition:clip-path 1.6s var(--ease) .1s}
.js .ready .sph,.js.ready .sph{clip-path:inset(0 0 0 0)}
.hero-vign{position:absolute;inset:0;z-index:-1;background:radial-gradient(75% 90% at 18% 50%,rgba(11,12,17,.95) 30%,rgba(11,12,17,.25) 68%,transparent),linear-gradient(0deg,var(--bg) 0,transparent 26%)}
[dir=rtl] .hero-vign{background:radial-gradient(75% 90% at 82% 50%,rgba(11,12,17,.95) 30%,rgba(11,12,17,.25) 68%,transparent),linear-gradient(0deg,var(--bg) 0,transparent 26%)}
.scan{position:absolute;inset-inline:0;top:57%;height:1px;z-index:-1;background:linear-gradient(90deg,transparent 30%,rgba(116,188,198,.65) 72%,transparent);transform-origin:left;transform:scaleX(var(--scan,1))}
[dir=rtl] .scan{background:linear-gradient(270deg,transparent 30%,rgba(116,188,198,.65) 72%,transparent);transform-origin:right}
.scan-dot{position:absolute;inset-inline-end:28%;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--teal)}
.scan-dot:after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1px solid var(--teal);animation:ping 3.6s var(--ease) infinite}
@keyframes ping{0%{transform:scale(1);opacity:.8}70%,100%{transform:scale(6);opacity:0}}
.hero-in{max-width:var(--max);width:100%;margin:0 auto;padding:0 var(--gut)}
.eyebrow{display:flex;align-items:center;gap:14px;font:400 12px/1.4 "Titillium",var(--f-b);letter-spacing:.32em;text-transform:uppercase;color:var(--mute);margin-bottom:22px}
.lang-ar .eyebrow,.lang-he .eyebrow{font-family:var(--f-b);letter-spacing:.06em;font-size:14px}
.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--violet2)}
.display{font:var(--d-w) clamp(52px,8.7vw,132px)/var(--d-lh) var(--f-d);letter-spacing:var(--d-ls);margin-inline-start:-.04em}
.lang-ar .display{font-size:clamp(46px,7.6vw,116px)}
.lang-he .display{font-size:clamp(44px,7.4vw,112px)}
.display .ln{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
.lang-ar .display .ln{padding-bottom:.32em;margin-bottom:-.32em;padding-top:.08em}
.display .ln>span{display:inline-block}
.js .hero .display .ln>span{transform:translateY(108%);transition:transform 1.25s var(--ease)}
.js .hero .display .ln:nth-child(2)>span{transition-delay:.1s}
.js.ready .hero .display .ln>span{transform:none}
.hero-sub{font:var(--d-w) clamp(22px,2.2vw,32px)/1.3 var(--f-d);color:var(--soft);margin-top:clamp(26px,3.4vw,46px);overflow:hidden}
.hero-sub span{display:inline-block}
.js .hero-sub span{transform:translateY(110%);transition:transform 1.2s var(--ease) .25s}
.js.ready .hero-sub span{transform:none}
.coords{margin-top:clamp(28px,4vw,56px);font:400 11px/1.95 "Titillium",var(--f-b);letter-spacing:.22em;text-transform:uppercase;color:var(--mute)}
.lang-ar .coords,.lang-he .coords{letter-spacing:.08em;font-size:12.5px}
.js .coords,.js .hero-row{opacity:0;transition:opacity 1.2s var(--ease) .55s}
.js.ready .coords,.js.ready .hero-row{opacity:1}
.hero-row{position:absolute;inset-inline:0;bottom:44px;max-width:var(--max);margin:0 auto;padding:0 var(--gut);display:flex;align-items:center;gap:44px}
.strip{margin-inline-start:auto;display:flex;gap:26px;font:400 11.5px/1 "Titillium",var(--f-b);letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}
.lang-ar .strip,.lang-he .strip{letter-spacing:.04em;font-size:13px;font-family:var(--f-b)}
.strip li{width:118px;display:flex;flex-direction:column;gap:12px}
.strip .t{white-space:nowrap}
.strip .bar{display:block;height:1px;background:var(--line2);position:relative;overflow:hidden}
.strip .bar i{position:absolute;inset:0;background:var(--fg);transform:scaleX(var(--f,0));transform-origin:var(--o,left)}
[dir=rtl] .strip .bar i{--o:right}
.strip li.on{color:var(--fg)}
.strip .n{margin-inline-end:8px;opacity:.7}
.scroll-cue{position:absolute;inset-inline-start:var(--gut);bottom:120px;display:none}

/* statement */
.statement{padding:clamp(120px,16vw,220px) 0 clamp(110px,14vw,200px)}
.stmt{font:var(--d-w) clamp(30px,4.3vw,64px)/1.16 var(--f-d);letter-spacing:calc(var(--d-ls) * .6);margin-top:30px;max-width:21em}
.lang-ar .stmt{line-height:1.45}
.stmt .w{transition:opacity .5s linear}
.js .stmt .w{opacity:.14}
.js .stmt .w.on{opacity:1}

/* services: pinned chapters */
.services{position:relative;border-top:1px solid var(--line)}
.sv-pin{padding:clamp(90px,10vw,130px) 0 80px}
.sv-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:56px}
.sv-prog{display:flex;align-items:center;gap:16px;font:400 13px/1 "Titillium";color:var(--mute);letter-spacing:.15em}
.sv-prog .bar{width:200px;height:1px;background:var(--line2);position:relative;overflow:hidden}
.sv-prog .bar i{position:absolute;inset:0;background:var(--fg);transform:scaleX(var(--sp,.2));transform-origin:var(--o,left)}
[dir=rtl] .sv-prog .bar i{--o:right}
.sv-track{display:flex;flex-direction:column;gap:20px;padding:0 var(--gut);max-width:var(--max);margin:0 auto}
.chapter{position:relative;overflow:hidden;background:var(--card);border:1px solid #1E2029;border-radius:20px;padding:clamp(28px,3vw,40px);min-height:460px;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate;transition:border-color .5s}
.chapter:hover{border-color:#30323e}
.chapter:before{content:"";position:absolute;inset-inline:clamp(28px,3vw,40px);top:0;height:2px;background:var(--c);transform-origin:var(--o,left);transform:scaleX(.18);transition:transform .9s var(--ease)}
[dir=rtl] .chapter:before{--o:right}
.chapter:hover:before,.chapter.is-on:before{transform:scaleX(1)}
.ch-art{position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 60% at 88% 12%,color-mix(in srgb,var(--c) 55%,transparent) 0%,transparent 60%);opacity:.6}
[dir=rtl] .ch-art{background:radial-gradient(70% 60% at 12% 12%,color-mix(in srgb,var(--c) 55%,transparent) 0%,transparent 60%)}
.ch-rings{position:absolute;inset-inline-end:-190px;top:-190px;width:540px;height:540px;border-radius:50%;border:1px solid rgba(255,255,255,.07)}
.ch-rings:before,.ch-rings:after{content:"";position:absolute;inset:64px;border-radius:50%;border:1px solid rgba(255,255,255,.06)}
.ch-rings:after{inset:140px}
.ch-media{position:absolute!important;inset:0;z-index:-1;opacity:.5}
.ch-num{position:absolute;inset-inline-start:clamp(26px,2.8vw,38px);top:20px;font:200 clamp(96px,10vw,150px)/1 "Titillium";letter-spacing:-.06em;color:rgba(237,237,241,.12)}
.ch-cat{display:flex;align-items:center;gap:10px;font:600 11.5px/1 "Titillium",var(--f-b);letter-spacing:.24em;text-transform:uppercase;color:var(--fg2);margin-bottom:16px}
.lang-ar .ch-cat,.lang-he .ch-cat{letter-spacing:.04em;font-size:13.5px;font-family:var(--f-b)}
.ch-cat:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c)}
.chapter h3{font:600 clamp(28px,2.7vw,40px)/1.08 var(--f-d);letter-spacing:calc(var(--d-ls) * .45);margin-bottom:14px;max-width:13em}
.lang-ar .chapter h3{line-height:1.35;font-weight:500}
.ch-p{color:var(--soft);font-size:16px;max-width:27em;margin-bottom:24px}
.tags{display:flex;flex-wrap:wrap;gap:8px}
.tags li{font:400 13px/1 var(--f-b);border:1px solid #2B2D38;border-radius:999px;padding:9px 13px;color:var(--fg2)}
.sv-drag{display:none}
@media (min-width:1024px){
  .pinned .services{height:var(--svh,300vh)}
  .pinned .sv-pin{position:sticky;top:0;height:100vh;padding:84px 0 0;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
  .pinned .sv-head{margin-bottom:clamp(28px,4vh,48px);width:100%}
  .pinned .sv-track{flex-direction:row;flex-wrap:nowrap;max-width:none;margin:0;gap:24px;padding-inline:max(var(--gut),calc((100vw - var(--max))/2 + var(--gut)));transform:translate3d(var(--tx,0),0,0);will-change:transform}
  .pinned .chapter{flex:none;width:min(560px,40vw);height:min(60vh,560px);min-height:440px}
  .pinned .sv-drag{display:block;max-width:var(--max);width:100%;margin:28px auto 0;padding:0 var(--gut);font:400 11.5px/1 "Titillium",var(--f-b);letter-spacing:.24em;text-transform:uppercase;color:var(--mute)}
  .lang-ar.pinned .sv-drag,.pinned .lang-ar .sv-drag,.lang-he .sv-drag{letter-spacing:.04em}
}

/* placeholders */
.media{position:relative;overflow:hidden;background:#12131A;width:100%}
.media img{width:100%;height:100%;object-fit:cover}
.media.ph{background:radial-gradient(90% 70% at 85% 10%,color-mix(in srgb,var(--c,#4A67A8) 38%,transparent),transparent 62%),linear-gradient(160deg,#171822,#0F1016)}
.media.ph:before{content:"";position:absolute;inset:-10%;background:url(sphere-full.svg) no-repeat var(--bp,120% 50%)/var(--bs,150%);opacity:.26;mix-blend-mode:screen}
.media.ph:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(11,12,17,.55)),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 80px)}
.ph-tag{position:absolute;top:14px;inset-inline-start:14px;z-index:2;font:600 10px/1 "Titillium";letter-spacing:.16em;text-transform:uppercase;padding:7px 9px;border-radius:3px;background:rgba(0,0,0,.45);color:#C9CAD2;direction:ltr}

/* work */
.work-s{padding:clamp(110px,14vw,190px) 0;border-top:1px solid var(--line)}
.work-grid{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;row-gap:clamp(56px,8vw,120px)}
.work{position:relative}
.work:nth-child(1){grid-column:1/6}
.work:nth-child(2){grid-column:8/13;margin-top:18vh}
.work:nth-child(3){grid-column:2/10}
.work:nth-child(4){grid-column:5/13}
.work:nth-child(5){grid-column:1/6;margin-top:-6vh}
.work:nth-child(6){grid-column:8/13;margin-top:12vh}
.work:nth-child(1) .media{--bp:130% 30%;--bs:170%}
.work:nth-child(2) .media{--bp:-40% 70%;--bs:160%}
.work:nth-child(3) .media{--bp:115% 50%;--bs:110%}
.work:nth-child(4) .media{--bp:-20% 20%;--bs:120%}
.work:nth-child(5) .media{--bp:50% 140%;--bs:180%}
.work:nth-child(6) .media{--bp:140% -20%;--bs:200%}
.work-frame{overflow:hidden;border-radius:14px;transform:translateZ(0)}
.work-frame .media{transform:scale(1.06);transition:transform 1.4s var(--ease)}
.work:hover .work-frame .media{transform:scale(1)}
.work-meta{display:grid;grid-template-columns:1fr auto;align-items:end;gap:6px 20px;margin-top:20px}
.work-meta .k{grid-column:1/-1}
.work-meta h3{font:var(--d-w) clamp(26px,2.4vw,36px)/1.1 var(--f-d);letter-spacing:calc(var(--d-ls) * .5)}
.soon{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--mute);white-space:nowrap}
.soon span{width:22px;height:1px;background:var(--mute);transition:width .6s var(--ease)}
.work:hover .soon span{width:44px}

/* approach */
.approach{padding:clamp(110px,14vw,190px) 0;border-top:1px solid var(--line)}
.ap-line{height:1px;background:var(--line2);position:relative;overflow:hidden;margin-bottom:44px}
.ap-line i{position:absolute;inset:0;background:var(--fg);transform:scaleX(var(--ap,0));transform-origin:var(--o,left)}
[dir=rtl] .ap-line i{--o:right}
.ap{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.ap-n{display:block;font:200 clamp(56px,6vw,96px)/1 "Titillium";letter-spacing:-.05em;color:rgba(237,237,241,.18);margin-bottom:22px}
.ap h3{font:600 clamp(22px,1.8vw,26px)/1.2 var(--f-d);margin-bottom:12px}
.ap p{color:var(--soft);font-size:16px;max-width:19em}

/* about */
.about{padding:clamp(110px,14vw,190px) 0;border-top:1px solid var(--line)}
.about-grid{display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,7vw,120px);align-items:center}
.about-media .media{border-radius:14px;--bp:150% 60%;--bs:190%}
.about-body .lede{margin-top:24px}
.about-body .h2{margin-bottom:12px}
.founder{display:flex;align-items:center;gap:20px;margin-top:44px}
.f-line{width:44px;height:1px;background:var(--fg2)}
.f-name{font:600 19px/1.3 var(--f-d)}
.f-role{color:var(--mute);font-size:14.5px}

/* partner */
.partner{border-block:1px solid var(--line)}
.partner-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding-block:clamp(48px,6vw,80px)}
.formae{font:300 clamp(44px,6.4vw,92px)/1 "Titillium";letter-spacing:.32em;margin-inline-end:-.32em;text-align:center}
.p-role{text-align:end;color:var(--soft);font-size:15px}

/* brief */
.brief{padding:clamp(110px,14vw,190px) 0;position:relative}
.brief-grid{display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,7vw,120px);align-items:start}
.brief-intro .lede{margin-top:24px}
.stepper{display:flex;flex-direction:column;gap:14px;margin-top:44px;font:400 15px/1 var(--f-b);color:var(--mute)}
.stepper li{display:flex;align-items:center;gap:14px;transition:color .3s}
.stepper li span{font:400 12px/1 "Titillium";letter-spacing:.14em;width:28px}
.stepper li.on{color:var(--fg)}
.stepper li.done{color:var(--soft)}
.bform{background:var(--card);border:1px solid #1E2029;border-radius:22px;padding:clamp(24px,3.4vw,48px);min-height:520px;display:flex;flex-direction:column}
.bstep{border:0;margin:0;padding:0;display:none;min-width:0}
.bstep.is-on{display:block;animation:fadein .6s var(--ease)}
.no-js .bstep{display:block;margin-bottom:28px}
@keyframes fadein{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.bstep legend{font:var(--d-w) clamp(28px,2.6vw,40px)/1.15 var(--f-d);letter-spacing:calc(var(--d-ls) * .5);margin-bottom:28px;padding:0}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.opt{position:relative;cursor:pointer}
.opt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.opt span{display:flex;align-items:center;min-height:64px;padding:16px 20px 16px 48px;border:1px solid var(--line2);border-radius:14px;font-size:15.5px;line-height:1.35;color:var(--fg2);transition:border-color .3s,background .3s,color .3s;position:relative}
[dir=rtl] .opt span{padding:16px 48px 16px 20px}
.opt span:before{content:"";position:absolute;inset-inline-start:18px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;border:1px solid var(--mute);transition:border-color .3s,box-shadow .3s}
.opt:hover span{border-color:#454857;color:var(--fg)}
.opt input:checked+span{border-color:var(--violet2);background:rgba(122,91,176,.12);color:var(--fg)}
.opt input:checked+span:before{border-color:var(--violet2);box-shadow:inset 0 0 0 3px var(--card),inset 0 0 0 8px var(--violet2)}
.opt input:focus-visible+span{outline:2px solid var(--fg);outline-offset:3px}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fld{display:flex;flex-direction:column;gap:8px;font-size:13.5px;color:var(--mute)}
.fld-wide{grid-column:1/-1}
.fld input,.fld textarea{background:var(--bg2);border:1px solid var(--line2);border-radius:12px;padding:15px 16px;font-size:16px;color:var(--fg);resize:vertical;transition:border-color .3s}
.fld input:focus,.fld textarea:focus{outline:none;border-color:var(--fg2)}
.sends{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.berr{min-height:22px;margin-top:18px;color:#E0A3B4;font-size:14px}
.bnav{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px}
.bnav .bnext{margin-inline-start:auto}

/* faq */
.faq{padding:clamp(100px,12vw,170px) 0;border-top:1px solid var(--line)}
.faq-grid{display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,7vw,120px)}
.qa{border-bottom:1px solid var(--line)}
.qa:first-child{border-top:1px solid var(--line)}
.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 0;font:400 clamp(19px,1.6vw,23px)/1.35 var(--f-d)}
.qa summary::-webkit-details-marker{display:none}
.qa summary i{flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--line2);position:relative;transition:transform .5s var(--ease),border-color .3s}
.qa summary i:before,.qa summary i:after{content:"";position:absolute;left:9px;right:9px;top:14px;height:1px;background:var(--fg)}
.qa summary i:after{transform:rotate(90deg);transition:transform .5s var(--ease)}
.qa[open] summary i:after{transform:none}
.qa summary:hover i{border-color:var(--fg2)}
.qa-a{padding:0 0 28px;color:var(--soft);max-width:36em}

/* contact */
.contact{position:relative;overflow:hidden;padding:clamp(120px,15vw,210px) 0 clamp(90px,10vw,140px);border-top:1px solid var(--line);isolation:isolate}
.contact-sphere{position:absolute;width:min(900px,90vw);aspect-ratio:1;inset-inline-end:-22%;bottom:-48%;opacity:.28;z-index:-1;-webkit-mask-image:radial-gradient(closest-side,#000 40%,transparent);mask-image:radial-gradient(closest-side,#000 40%,transparent)}
[dir=rtl] .contact-sphere svg{transform:scaleX(-1)}
.display-sm{font-size:clamp(46px,7vw,112px);margin-top:22px}
.lang-ar .display-sm{font-size:clamp(40px,6vw,96px)}
.c-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:clamp(60px,8vw,110px);padding-top:36px;border-top:1px solid var(--line)}
.c-k{font-size:13px;color:var(--mute);margin-bottom:12px}
.c-v{display:inline-block;font:400 18px/1.4 var(--f-b);color:var(--fg)}
a.c-v{position:relative}
a.c-v:hover{color:#fff;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.c-sub{display:block;margin-top:10px;font-size:14px;color:var(--soft)}
.c-sub:hover{color:var(--fg)}
.socials{display:flex;flex-wrap:wrap;gap:6px 16px}
.socials a{font-size:15px;color:var(--fg2)}
.socials a:hover{color:#fff}

/* footer */
.foot{border-top:1px solid var(--line);padding:30px 0 calc(30px + env(safe-area-inset-bottom))}
.foot-in{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:13.5px;color:var(--mute)}
.foot img{height:34px;width:auto}
.foot a:hover{color:var(--fg)}

/* sticky CTA */
.sticky{position:fixed;inset-inline-end:var(--gut);bottom:calc(22px + env(safe-area-inset-bottom));z-index:40;display:inline-flex;align-items:center;gap:12px;padding:15px 22px;border-radius:999px;font:600 14.5px/1 var(--f-b);color:var(--fg);background:rgba(19,20,27,.72);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);transform:translateY(160%);transition:transform .7s var(--ease),border-color .3s}
.sticky.show{transform:none}
.sticky:hover{border-color:rgba(255,255,255,.3)}

/* reveal */
.js .reveal{opacity:0;transform:translateY(28px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}
.js .reveal.in{opacity:1;transform:none}

/* responsive */
@media (max-width:1100px){
  .nav-links{display:none}
  .burger{display:block}
  .nav-end .pill{display:none}
}
@media (max-width:1023px){
  .strip{display:none}
  .ap{grid-template-columns:1fr 1fr;row-gap:48px}
}
@media (max-width:760px){
  body{font-size:16px}
  .eyebrow{letter-spacing:.2em;font-size:11px}
  .nav{padding:16px var(--gut)}
  .brand img{height:34px}
  .nav-end .langs{display:none}
  .hero{min-height:max(100svh,600px);justify-content:flex-start;padding:128px 0 170px}
  .hero-sphere{--sz:150vw;top:70%;inset-inline-end:-68vw}
  .sph{opacity:.5}
  .hero-vign{background:linear-gradient(180deg,rgba(11,12,17,.94) 0,rgba(11,12,17,.75) 46%,rgba(11,12,17,.2) 72%,var(--bg) 100%)}
  [dir=rtl] .hero-vign{background:linear-gradient(180deg,rgba(11,12,17,.94) 0,rgba(11,12,17,.75) 46%,rgba(11,12,17,.2) 72%,var(--bg) 100%)}
  .scan{top:66%}
  .display{font-size:clamp(46px,13.2vw,64px)}
  .lang-ar .display{font-size:clamp(42px,12vw,58px)}
  .lang-he .display{font-size:clamp(38px,10.6vw,52px)}
  .coords{display:none}
  .hero-row{flex-direction:column;align-items:stretch;gap:14px;bottom:28px}
  .hero-row .btn{justify-content:center}
  .hero-row .link{align-self:center}
  .sec-head{flex-direction:column;align-items:flex-start;gap:20px}
  .sv-head{flex-direction:column;align-items:flex-start}
  .sv-prog{display:none}
  .chapter{min-height:400px}
  .work-grid{grid-template-columns:1fr;row-gap:56px}
  .work:nth-child(n){grid-column:auto;margin-top:0}
  .work.w-tall .media{aspect-ratio:4/4.6!important}
  .ap{grid-template-columns:1fr}
  .about-grid,.brief-grid,.faq-grid{grid-template-columns:1fr}
  .partner-in{grid-template-columns:1fr;text-align:center;justify-items:center}
  .formae{letter-spacing:.22em;margin-inline-end:-.22em}
  .p-role{text-align:center}
  .opts,.fields{grid-template-columns:1fr}
  .bform{min-height:0}
  .c-grid{grid-template-columns:1fr 1fr;row-gap:36px}
  .foot-in{flex-direction:column;align-items:flex-start}
  .sticky{padding:13px 18px;font-size:14px}
}
@media (max-width:420px){.c-grid{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .loader{display:none}
  .js .reveal,.js .stmt .w{opacity:1;transform:none}
  .js .hero .display .ln>span,.js .hero-sub span{transform:none}
  .js .coords,.js .hero-row{opacity:1}
  .js .sph{clip-path:none}
  .work-frame .media{transform:none}
}

/* =========================================================
   v4.1 — motion everywhere (27/10 07:19 feedback)
   constant waves · more blur/depth · text motion · micro-interactions
   ========================================================= */

/* --- drifting blurred colour fields behind everything --- */
.aura{position:fixed;inset:-20vmax;z-index:-5;pointer-events:none;overflow:hidden;contain:strict}
.aura i{position:absolute;border-radius:50%;opacity:1;will-change:transform}
.aura .a1{width:70vmax;height:70vmax;left:4%;top:12%;background:radial-gradient(closest-side,rgba(74,81,112,.20),rgba(74,81,112,.07) 55%,transparent);animation:drift1 38s ease-in-out infinite alternate}
.aura .a2{width:54vmax;height:54vmax;right:2%;top:40%;background:radial-gradient(closest-side,rgba(94,74,140,.17),rgba(94,74,140,.05) 55%,transparent);animation:drift2 46s ease-in-out infinite alternate}
.aura .a3{width:46vmax;height:46vmax;left:36%;bottom:2%;background:radial-gradient(closest-side,rgba(47,102,114,.14),rgba(47,102,114,.04) 55%,transparent);animation:drift3 52s ease-in-out infinite alternate}
@keyframes drift1{to{transform:translate3d(18vmax,10vmax,0) scale(1.15)}}
@keyframes drift2{to{transform:translate3d(-20vmax,-14vmax,0) scale(.9)}}
@keyframes drift3{to{transform:translate3d(12vmax,-18vmax,0) scale(1.2)}}

/* --- scroll progress --- */
.sprog{position:fixed;top:0;inset-inline:0;height:2px;z-index:60;pointer-events:none}
.sprog i{display:block;height:100%;background:linear-gradient(90deg,var(--violet2),var(--teal));transform:scaleX(var(--p,0));transform-origin:var(--o,left);opacity:.85}
[dir=rtl] .sprog i{--o:right;background:linear-gradient(270deg,var(--violet2),var(--teal))}

/* --- living wave canvas over the hero sphere --- */
.hero-sphere .waves{position:absolute;inset:0;width:100%;height:100%;display:block}
[dir=rtl] .hero-sphere .waves{transform:scaleX(-1)}
.waves-main{opacity:0;-webkit-mask-image:radial-gradient(60% 60% at 40% 52%,#000 32%,transparent 78%);mask-image:radial-gradient(60% 60% at 40% 52%,#000 32%,transparent 78%);transition:opacity 1.6s var(--ease) .15s}
.waves-blur{opacity:0;filter:blur(24px);-webkit-mask-image:radial-gradient(closest-side,#000 55%,transparent 100%);mask-image:radial-gradient(closest-side,#000 55%,transparent 100%);transition:opacity 2s var(--ease) .3s}
.live.ready .waves-main{opacity:.66}
.live.ready .waves-blur{opacity:.32}
.live .hero-sphere .sph{display:none}
.sph-blur{animation:breathe 9s ease-in-out infinite}
@keyframes breathe{0%,100%{transform:scale(.9);opacity:.2}50%{transform:scale(.97);opacity:.3}}

/* hero content: blur away as you scroll out */
.hero-in,.hero-row{transition:filter .2s linear}
.live .hero-in{filter:blur(var(--hb,0px));opacity:var(--ho,1)}

/* --- page-load choreography --- */
.js .nav .brand,.js .nav-links li,.js .nav-end>*{opacity:0;transform:translateY(-12px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.js.ready .nav .brand,.js.ready .nav-links li,.js.ready .nav-end>*{opacity:1;transform:none}
.js.ready .nav-links li:nth-child(1){transition-delay:.15s}.js.ready .nav-links li:nth-child(2){transition-delay:.21s}
.js.ready .nav-links li:nth-child(3){transition-delay:.27s}.js.ready .nav-links li:nth-child(4){transition-delay:.33s}
.js.ready .nav-links li:nth-child(5){transition-delay:.39s}.js.ready .nav-end>*{transition-delay:.45s}
.js .eyebrow{opacity:0;filter:blur(6px);transform:translateY(10px);transition:opacity 1s var(--ease) .05s,filter 1s var(--ease) .05s,transform 1s var(--ease) .05s}
.js.ready .eyebrow{opacity:1;filter:none;transform:none}
.js .hero .display .ln>span{filter:blur(12px);transition:transform 1.25s var(--ease),filter 1.4s var(--ease)}
.js.ready .hero .display .ln>span{filter:none}
.js .strip li{opacity:0;transform:translateY(14px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.js.ready .strip li{opacity:1;transform:none}
.js.ready .strip li:nth-child(1){transition-delay:.7s}.js.ready .strip li:nth-child(2){transition-delay:.78s}
.js.ready .strip li:nth-child(3){transition-delay:.86s}.js.ready .strip li:nth-child(4){transition-delay:.94s}

/* --- headline word reveals (mask + blur-to-sharp) --- */
.wd{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.lang-ar .wd{padding-block:.12em .3em;margin-block:-.12em -.3em}
.wd>span{display:inline-block;will-change:transform}
.js .split .wd>span{transform:translateY(105%);filter:blur(10px);opacity:0;transition:transform .95s var(--ease),filter 1s var(--ease),opacity .8s var(--ease);transition-delay:calc(var(--i) * 40ms)}
.js .split.in .wd>span{transform:none;filter:none;opacity:1}

/* --- small labels: scan-in --- */
.js .k.scan-in{opacity:0;letter-spacing:.5em;filter:blur(4px);transition:opacity .9s var(--ease),letter-spacing 1.2s var(--ease),filter .9s var(--ease)}
.js .k.scan-in.in{opacity:1;letter-spacing:.3em;filter:none}
.js .lang-ar .k.scan-in,.js .lang-he .k.scan-in{letter-spacing:.06em}
.js .lang-ar .k.scan-in.in,.js .lang-he .k.scan-in.in{letter-spacing:.06em}

/* statement: word highlight with blur */
.js .stmt .w{opacity:.12;filter:blur(2.5px);transition:opacity .6s linear,filter .6s linear}
.js .stmt .w.on{opacity:1;filter:none}

/* --- marquee band (services keywords) --- */
.marquee{overflow:hidden;border-block:1px solid var(--line);padding:26px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.mq-track{display:flex;width:max-content;animation:mq 60s linear infinite}
[dir=rtl] .mq-track{animation-direction:reverse}
.mq-row{display:flex;align-items:center;flex:none}
.mq-row span{font:var(--d-w) clamp(26px,3vw,44px)/1 var(--f-d);letter-spacing:calc(var(--d-ls) * .5);color:rgba(237,237,241,.5);white-space:nowrap;padding-inline:clamp(18px,2vw,30px);transition:color .4s}
.mq-row span:hover{color:var(--fg)}
.mq-row i{width:7px;height:7px;border-radius:50%;background:var(--violet2);opacity:.6;flex:none}
.marquee:hover .mq-track{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}

/* --- nav/link text roll on hover --- */
.roll{display:inline-block;position:relative;overflow:hidden;vertical-align:top;line-height:1.15}
.roll>span{display:block;transition:transform .55s var(--ease)}
.roll>span+span{position:absolute;inset:100% 0 auto;color:#fff}
a:hover .roll>span,a:focus-visible .roll>span{transform:translateY(-100%)}
.link:after{transform:scaleX(.35)}
.link:hover:after,.link:focus-visible:after{transform:scaleX(1);background:var(--fg)}

/* --- frosted glass: nav always, cards, form, sticky --- */
.nav.scrolled{background:rgba(11,12,17,.5);backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25)}
.chapter{background:rgba(19,20,27,.55);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border-color:rgba(255,255,255,.07)}
.bform{background:rgba(19,20,27,.55);backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2);border-color:rgba(255,255,255,.08)}
.sticky{background:rgba(19,20,27,.5);backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3)}

/* --- 3D tilt + moving light on cards --- */
.tilt{transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .7s var(--ease);transform-style:preserve-3d}
.tilt.hovering{transition:transform .15s linear}
.glare{position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.09),transparent 60%);opacity:0;transition:opacity .5s;z-index:3}
.tilt:hover .glare{opacity:1}

/* --- cinematic media reveal + scroll parallax --- */
.js .work-frame,.js .about-media .media{clip-path:inset(100% 0 0 0 round 14px);transition:clip-path 1.4s var(--ease)}
.js .work.in .work-frame,.js .about-media.in .media{clip-path:inset(0 0 0 0 round 14px)}
.work-frame .media{transform:translate3d(0,var(--par,0px),0) scale(1.12)}
.work:hover .work-frame .media{transform:translate3d(0,var(--par,0px),0) scale(1.05)}
.about-media .media{transform:translate3d(0,var(--par,0px),0) scale(1.06)}

/* --- section entry: blur in --- */
.js .reveal{filter:blur(8px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease),filter 1.1s var(--ease)}
.js .reveal.in{filter:none}
.js .sec-blur{transition:filter .25s linear,opacity .25s linear;filter:blur(var(--sb,0px));opacity:var(--so,1)}

/* --- rolling numerals --- */
.ch-num,.ap-n{font-variant-numeric:tabular-nums}

/* --- form step transitions --- */
.bstep.is-on{animation:stepin .7s var(--ease)}
@keyframes stepin{from{opacity:0;transform:translateX(calc(var(--dirx,1) * 26px));filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
[dir=rtl] .bstep{--dirx:-1}
.opt span{transition:border-color .3s,background .3s,color .3s,transform .4s var(--ease)}
.opt:hover span{transform:translateY(-2px)}

/* --- FAQ smooth --- */
.qa-a{overflow:hidden}

/* --- contact sphere breathes --- */
.contact-sphere svg{animation:cbreathe 12s ease-in-out infinite;transform-origin:50% 50%}
[dir=rtl] .contact-sphere svg{animation-name:cbreatheR}
@keyframes cbreathe{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.05) rotate(-4deg)}}
@keyframes cbreatheR{0%,100%{transform:scaleX(-1) scale(1) rotate(0)}50%{transform:scaleX(-1) scale(1.05) rotate(-4deg)}}

/* --- cursor follower (desktop, decorative; native cursor kept) --- */
.cur{position:fixed;left:0;top:0;z-index:80;pointer-events:none;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;border:1px solid rgba(237,237,241,.35);transform:translate3d(var(--cx,-100px),var(--cy,-100px),0) scale(var(--cs,1));transition:width .4s var(--ease),height .4s var(--ease),margin .4s var(--ease),background .4s,border-color .4s,opacity .4s;opacity:0;display:none;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.has-cur .cur{display:block}
.cur.on{opacity:1}
.cur span{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px;border-radius:50%;background:var(--fg)}
.cur.big{width:84px;height:84px;margin:-42px 0 0 -42px;background:rgba(237,237,241,.06);border-color:rgba(237,237,241,.22)}
.cur.link{width:54px;height:54px;margin:-27px 0 0 -27px;border-color:rgba(154,134,201,.7)}

/* --- reduced motion: everything off --- */
@media (prefers-reduced-motion:reduce){
  .aura i,.mq-track,.sph-blur,.contact-sphere svg{animation:none!important}
  .cur,.waves{display:none!important}
  .js .split .wd>span,.js .reveal,.js .k.scan-in,.js .work-frame,.js .about-media .media,.js .stmt .w{transform:none!important;filter:none!important;opacity:1!important;clip-path:none!important;letter-spacing:inherit}
  .bstep.is-on{animation:none}
  .tilt{transform:none!important}
}
@media (max-width:760px){
  .marquee{padding:18px 0}
  .waves-blur{filter:blur(16px)}
}