/* Constellation: machined keyframes, cinematic playback, precise navigation. */
header{height:88px;max-width:none;gap:28px;background:#000;animation:none;transition:background-color var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out);isolation:isolate}
header.is-scrolled{background:#09090bee;border-color:#29262f}
header .brand{animation:none;transform:translate(var(--mx,0px),var(--my,0px));transition:transform var(--dur-3) var(--ease-out)}
header .brand .mark{animation:brand-arrive 1.2s var(--ease) both;rotate:none;filter:none}
header .brand>span:last-child{animation:nav-arrive .8s var(--ease) .15s both}
header nav{position:relative;gap:30px;align-items:center;height:100%}
header nav a{height:22px;line-height:22px;overflow:hidden;display:block;font-size:12px;animation:nav-arrive .8s var(--ease) .2s both}
header nav a::after{display:none}
.nav-label,.nav-echo{display:block;transition:transform var(--dur-3) var(--ease-out);white-space:nowrap}
.nav-echo{color:#fff}
header nav a:hover .nav-label,header nav a:hover .nav-echo,header nav a:focus-visible .nav-label,header nav a:focus-visible .nav-echo{transform:translateY(-100%)}
header nav a[aria-current=location]{color:#fff}
.nav-marker{position:absolute;left:0;bottom:22px;height:2px;background:#a98bff;pointer-events:none;opacity:0;transition:width var(--dur-3) var(--ease-out),transform var(--dur-3) var(--ease-out),opacity var(--dur-2) var(--ease-out)}
header .header-cta{display:flex;align-items:center;gap:20px;font-size:12px;font-weight:500;animation:none;padding:8px 8px 8px 19px;border:1px solid #453658;border-radius:40px;transform:translate(var(--mx,0px),var(--my,0px));transition:transform var(--dur-3) var(--ease-out),border-color var(--dur-1) var(--ease-out),background-color var(--dur-1) var(--ease-out)}
header .header-cta::after{display:none}.header-cta:hover{background:#171020;border-color:#a485e8}
.cta-arrow{display:grid;place-items:center;background:#8052ff;border-radius:50%;width:32px;height:32px;font-size:20px;transition:transform var(--dur-3) var(--ease-out)}.header-cta:hover .cta-arrow{transform:rotate(45deg)}
.header-progress{position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:#9875f0;transform:scaleX(var(--reading,0));transform-origin:left;pointer-events:none}
#ambient-toggle{display:flex;gap:9px;align-items:center;min-width:32px;min-height:44px;padding:5px;font-size:10px;color:#b5afbf}
.motion-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.motion-bars{display:flex;align-items:center;gap:3px;height:18px}.motion-bars i{display:block;width:2px;height:14px;background:#b7a0e8;animation:motion-level 2.4s ease-in-out infinite}.motion-bars i:nth-child(2){animation-delay:-.8s}.motion-bars i:nth-child(3){animation-delay:-1.6s}
@keyframes motion-level{0%,100%{transform:scaleY(.32)}50%{transform:scaleY(1)}}
@keyframes nav-arrive{from{opacity:0;translate:0 9px}to{opacity:1;translate:0 0}}
@keyframes brand-arrive{from{opacity:0;transform:rotate(-70deg) scale(.6)}to{opacity:1;transform:none}}
#mobile-nav{position:fixed;top:88px;z-index:39;border-bottom:1px solid #29232e;padding:25px var(--pad)}#mobile-nav a{min-height:44px;display:flex;align-items:center;font-size:22px}
#mobile-nav:not([hidden]){animation:nav-arrive .4s var(--ease)}
.hero{min-height:710px;padding-bottom:110px}.hero-copy{animation:nav-arrive 1s var(--ease) .1s both}.hero .lead{max-width:535px}
.reel{padding-block:20px 100px;perspective:1400px;scroll-margin-top:110px}
.reel-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px}
.reel-heading h2{font-size:clamp(38px,4.7vw,70px);margin-top:20px}.reel-heading>p{font-size:17px;padding-bottom:5px}
.reel-perspective{perspective:1400px}.reel-frame{border:1px solid #50435b;border-radius:14px;padding:7px;background:linear-gradient(145deg,#17131c,#0a090d);box-shadow:0 25px 90px #0008,0 0 0 1px #b378d51a inset;transform:rotateX(var(--reel-angle,0deg)) scale(var(--reel-scale,1));transform-origin:center;transition:none}
.reel-chrome{height:68px;padding:0 12px;color:#aaa4ae;background:#1c1c1e;font:400 9px/1.2 Arial,sans-serif;letter-spacing:.02em}.reel-ae-top,.reel-ae-sub{display:flex;align-items:center;gap:18px;height:34px;white-space:nowrap}.reel-ae-top{border-bottom:1px solid #303034}.reel-ae-top b{color:#e5e0e7;font-weight:400}.reel-lock{color:#d0a3ee}.reel-menu{margin-left:auto;color:#c4bbc8}.reel-ae-sub{gap:17px;color:#8f8992}.reel-project-chip{padding:6px 10px;background:#464349;color:#eee9ef;border-radius:2px}.reel-format{margin-left:auto;font-size:8px;color:#988e9b}.reel-tabs{display:none}
.reel-screen{position:relative;aspect-ratio:16/9;min-height:200px;overflow:hidden;border-radius:6px;background:#050505}
.reel-toolrail{position:absolute;z-index:6;left:0;top:0;bottom:0;width:38px;display:flex;flex-direction:column;align-items:center;gap:13px;padding-top:17px;background:linear-gradient(90deg,#17151b,#131017d9);border-right:1px solid #463a4d;color:#bda7c4;font-size:12px}.reel-toolrail span{display:grid;place-items:center;width:22px;height:22px;border:1px solid transparent;border-radius:4px}.reel-toolrail span:first-child{color:#e3b6f2;border-color:#76548c;background:#2a1a35}.reel-viewer-label{position:absolute;z-index:6;left:50px;right:15px;top:12px;display:flex;justify-content:space-between;align-items:center;color:#9e91a3;font-size:9px;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;text-shadow:0 1px 6px #000}.reel-viewer-label b{font-weight:400;color:#e1c9e5}.reel-cover{padding-left:38px!important}
.reel-cover{position:absolute;inset:0;width:100%;height:100%;padding:0;isolation:isolate}.reel-cover[hidden]{display:none}
.reel-cover img{width:100%;height:100%;object-fit:cover;filter:brightness(.76);transition:transform var(--dur-4) var(--ease-out),filter var(--dur-3) var(--ease-out)}
.reel-cover:hover img{transform:scale(1.025);filter:brightness(.95)}
.reel-play-disc{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:16px;border:1px solid #ffffff70;border-radius:80px;padding:24px 32px;background:#0b0715d9;color:#fff;box-shadow:0 8px 35px #0005;transition:background-color var(--dur-2) var(--ease-out),scale var(--dur-2) var(--ease-out)}
.reel-play-disc>span{font-size:12px;font-weight:500;letter-spacing:.09em;white-space:nowrap}.reel-play-disc svg{width:22px;height:22px;fill:#c7b0ff}.reel-cover:hover .reel-play-disc{background:#6b40cce8;scale:1.06}
.reel-screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}
.reel-timeline{display:flex;align-items:center;gap:10px;padding:8px 12px 7px;background:#18181a;color:#817b84;border-top:1px solid #343237;font:400 8px/1 Arial,sans-serif;letter-spacing:.02em}.reel-timecode{white-space:nowrap;color:#b2abb5}.reel-zoom,.reel-view{padding:5px 9px;border:1px solid #46434a;border-radius:2px;color:#d1cbd3;background:#252427}.reel-tools{color:#aaa3ad;white-space:nowrap}.reel-tools span{color:#eb5262}.reel-track{position:relative;display:flex;align-items:center;justify-content:space-between;flex:1;height:16px;background:linear-gradient(#57515d,#57515d) center/100% 1px no-repeat}.reel-track i{width:7px;height:7px;border:1px solid #9a6dd5;background:#18181a;transform:rotate(45deg)}.reel-track b{position:absolute;left:0;top:-5px;width:1px;height:26px;background:#ffb829;box-shadow:0 0 8px #ffb829;animation:reel-playhead 6s cubic-bezier(.2,.8,.2,1) infinite}@keyframes reel-playhead{0%,100%{left:0}50%{left:100%}}
.reel-base{display:flex;align-items:center;gap:24px;padding:18px 17px 10px;font-size:10px;font-weight:400;letter-spacing:.05em;color:#b5afbf;background:#0b0910}.reel-base>a{margin-left:auto;min-height:30px;display:flex;align-items:center}.reel-base button{font-size:12px;min-height:36px;border:1px solid #654a70;border-radius:20px;padding:8px 14px;color:#edc8ff;background:#160e1c;letter-spacing:.08em}.reel.is-playing .reel-frame{transform:none}
.sculpture-column{min-width:0}.sculpture-stage{position:relative;height:clamp(260px,29vw,410px);width:100%;margin-top:20px;touch-action:pan-y;contain:layout paint}.sculpture-stage canvas{display:block;width:100%;height:100%}.sculpture-stage[hidden]{display:none}
.meaning-ghost svg{stroke-linecap:round;stroke-linejoin:round}.ghost-infinity svg{stroke-width:23}.ghost-m svg{stroke-width:22}.ghost-ease svg{stroke-width:10;fill:currentColor;fill-opacity:.28}.meaning-ghost.active{opacity:calc(var(--show)*.14)}
.timeline-controls{gap:12px;margin:28px 0;display:grid;grid-template-columns:repeat(4,1fr)}
.timeline-controls button{min-height:68px;padding:16px 18px;text-align:left;border:1px solid #37313f;border-radius:9px;font-size:16px;color:#b6afc2;font-weight:400;transition:background-color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}
.timeline-controls button:hover{border-color:#8b6dc3;color:#fff}.timeline-controls button[aria-pressed=true]{color:#fff;background:#221632;border-color:#a98bd9;text-decoration:none;box-shadow:inset 0 0 0 1px #a98bd91a}
.timeline-heading button{border:1px solid #403546;padding:10px 18px;border-radius:30px}.scrub-label{font-size:13px}.lab-copy p{max-width:490px}
.ambient-paused *, .ambient-paused *::before,.ambient-paused *::after{animation-play-state:paused!important}.ambient-paused .magnetic{transform:none!important}
/* Full-width hero field: particles now travel around the copy instead of living in a square column. */
.hero{display:block;min-height:clamp(710px,calc(100svh - 96px),900px);padding-bottom:120px}
.hero-copy{position:relative;z-index:3;max-width:760px}
.particle-art{position:absolute;inset:0;width:100%;height:100%;margin:0;z-index:1;pointer-events:none}
.particle-art canvas{pointer-events:none}
.particle-art .art-caption{z-index:3}
.particle-art .art-caption button{pointer-events:auto}
.hero-foot{z-index:3}
@media(max-width:820px){.hero{min-height:0}.particle-art{height:100%;inset:0}}
@media(max-width:640px){.hero{display:grid;grid-template-columns:1fr;align-items:start;min-height:calc(100svh - 80px);padding-top:45px;padding-bottom:75px}.hero-copy{max-width:100%;z-index:3}.particle-art{position:relative;inset:auto;width:calc(100% + 24px);height:clamp(270px,82vw,390px);margin:18px -12px 0;z-index:1}.particle-art canvas{width:100%;height:100%}.hero-foot{bottom:24px}}
@media(max-width:640px){.identity-symbol{top:calc(46% - var(--dock)*20%)}.meaning-ghost{top:27%}.chapters article{top:45%}.story-timeline{bottom:10%}}
@media(max-width:1050px){header{gap:16px}header nav{gap:18px}.header-cta{gap:10px!important}.brand{font-size:14px}}
@media(max-width:820px){header{height:76px}header nav,header .header-cta{display:none}header .brand{margin-right:auto}#menu{display:block;min-height:44px}#mobile-nav{top:76px}.hero{min-height:0}.reel-heading{align-items:flex-start;flex-direction:column}.reel-heading>p{font-size:16px}.timeline-controls{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){header{gap:13px}.hero{padding-top:35px;padding-bottom:70px}.reel{padding-top:10px;padding-bottom:60px}.reel-heading{gap:20px;margin-bottom:25px}.reel-heading h2{font-size:42px}.reel-frame{padding:5px;border-radius:12px}.reel-chrome{height:38px;padding-inline:9px;font-size:8px;gap:8px}.reel-format{font-size:7px}.reel-play-disc{padding:18px 22px;gap:10px}.reel-play-disc>span{font-size:10px}.reel-base{padding:12px 8px 6px;gap:8px;flex-wrap:wrap;font-size:8px}.reel-base>span{display:none}.reel-base>a{margin-left:0}.sculpture-stage{height:280px;margin-top:5px}.sculpture-column h2{font-size:43px}.timeline-controls button{font-size:15px;min-height:66px;padding:14px}.timeline-heading{flex-wrap:wrap}.timeline-heading>span{flex:1}.timeline-heading output{width:auto}.graph-caption{font-size:9px}.ghost-m svg{max-height:100%}}
@media(prefers-reduced-motion:reduce){.reel-frame,.reel-cover:hover img,.reel-cover:hover .reel-play-disc,.magnetic{transform:none!important;scale:1!important}.nav-label,.nav-echo{transition:none}.motion-bars i{animation:none}}
/* AE-inspired tool rail: compact, tactile, and legible against the dark viewer */
.reel-toolrail{width:34px;gap:3px;padding:8px 4px;background:linear-gradient(90deg,#1b1b1d,#111113);border-right:1px solid #37373b;color:#b7b7bd;font-family:Arial,sans-serif;font-size:12px}
.reel-toolrail span{width:25px;height:24px;border-radius:3px;border:1px solid transparent;color:#bdbdc2;line-height:1;font-size:13px;transition:background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out)}
.reel-toolrail span:hover{background:#2a2b30;color:#fff;border-color:#55565d;transform:translateY(-1px)}
.reel-toolrail span.tool-active,.reel-toolrail span:first-child{background:#2574d8;border-color:#4b9aff;color:#fff;box-shadow:0 0 0 1px #0b0c0f inset}
.reel-toolrail i{display:block;width:24px;height:1px;margin:3px 0;background:#3a3a3e}
.reel-cover{padding-left:34px!important}
@media(max-width:640px){.reel-toolrail{width:28px;gap:2px;padding:6px 3px}.reel-toolrail span{width:21px;height:21px;font-size:11px}.reel-toolrail i{width:20px;margin:2px 0}.reel-cover{padding-left:28px!important}}
/* Match the reference AE composition toolbar: horizontal, compact, and anchored to the viewer top edge. */
.reel-toolrail{left:0;right:0;top:0;bottom:auto;width:auto;height:34px;flex-direction:row;align-items:center;gap:2px;padding:4px 7px;background:linear-gradient(#242426,#171719);border-right:0;border-bottom:1px solid #0a0a0b;box-shadow:0 1px 0 #3c3c40}
.reel-toolrail span{width:25px;height:25px}
.reel-toolrail svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.reel-toolrail span:first-child svg{fill:#fff;stroke:#fff;stroke-width:1}
.reel-toolrail i{width:1px;height:21px;margin:0 4px;background:#454549}
.reel-viewer-label{top:43px;left:12px}
.reel-cover{padding-left:0!important;padding-top:34px!important}
@media(max-width:640px){.reel-toolrail{height:30px;padding:3px 4px;gap:1px;overflow:hidden}.reel-toolrail span{width:22px;height:23px}.reel-toolrail svg{width:14px;height:14px}.reel-toolrail i{height:18px;margin:0 2px}.reel-viewer-label{top:38px;left:8px}.reel-cover{padding-left:0!important;padding-top:30px!important}}
@media(max-width:640px){.reel-tabs{display:none}.reel-timeline{gap:6px;padding-inline:7px;font-size:7px}.reel-timecode{font-size:7px}.reel-base button{font-size:10px;padding:7px 10px}.reel-chrome{height:58px;padding-inline:7px;font-size:7px}.reel-ae-top,.reel-ae-sub{height:29px;gap:7px;overflow:hidden}.reel-ae-top>span:nth-child(3),.reel-ae-top>span:nth-child(4){display:inline}.reel-ae-sub>span:nth-child(n+3):not(.reel-format){display:none}.reel-project-chip{padding:5px 6px}.reel-timeline{flex-wrap:wrap}.reel-tools{display:inline;font-size:7px}.reel-track{min-width:34%;order:initial}.reel-timecode:last-child{order:initial;margin-left:0}.reel-toolrail{width:30px;gap:7px;padding-top:10px;font-size:10px}.reel-toolrail span{width:18px;height:18px}.reel-viewer-label{left:39px;right:8px;top:8px;font-size:7px}.reel-viewer-label span{display:none}.reel-cover{padding-left:30px!important}}
/* Bilingual preview: Arabic uses a separate composition, not mirrored overlays. */
html[dir="rtl"] .hero{display:grid!important;direction:ltr;grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);column-gap:clamp(30px,5vw,84px);align-items:center}html[dir="rtl"] .hero-copy{direction:rtl;grid-column:2;grid-row:1;max-width:680px;justify-self:end}html[dir="rtl"] .particle-art{position:relative!important;inset:auto!important;grid-column:1;grid-row:1;width:100%!important;height:min(620px,58vw)!important;margin:0!important;overflow:hidden;contain:paint}html[dir="rtl"] .hero-foot{grid-column:1/-1;direction:rtl}html[dir="rtl"] .chapters article{left:55%;right:var(--pad);max-width:560px;text-align:right}html[dir="rtl"] .identity-symbol{left:calc(50% - var(--dock)*24%)}
@media(max-width:900px){html[dir="rtl"] .hero{grid-template-columns:minmax(0,.82fr) minmax(390px,1.18fr);column-gap:24px}html[dir="rtl"] .chapters article{left:51%;right:var(--pad)}}
@media(max-width:640px){html[dir="rtl"] .hero{display:grid!important;direction:rtl;grid-template-columns:1fr;gap:34px;align-items:start;padding-top:42px}html[dir="rtl"] .hero-copy{grid-column:1;grid-row:1;max-width:none;justify-self:stretch}html[dir="rtl"] .particle-art{grid-column:1;grid-row:2;width:100%!important;height:78vw!important;margin:0!important}html[dir="rtl"] .hero-foot{grid-column:1;grid-row:3}html[dir="rtl"] .chapters article{left:22px;right:22px;top:42%;max-width:none}html[dir="rtl"] .identity-symbol{left:50%;top:31%;width:39vw}html[dir="rtl"] .meaning-ghost{left:50%;top:17%;width:70vw;height:28%;transform:translateX(-50%)}}
@media(min-width:901px){html[dir="rtl"] .chapters article{left:64%;right:var(--pad);max-width:450px}}
/* Final bilingual hero composition: the particle field owns its column in both directions. */
@media(min-width:641px){.hero{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,100px);align-items:center;min-height:clamp(710px,calc(100svh - 96px),900px)}.hero-copy{grid-column:1;grid-row:1;position:relative;max-width:640px;justify-self:start}.particle-art{grid-column:2;grid-row:1;position:relative!important;inset:auto!important;width:100%!important;height:min(620px,58vw)!important;margin:0!important;overflow:hidden;contain:paint}.hero-foot{grid-column:1/-1;grid-row:2}html[dir="rtl"] .hero{direction:rtl}.hero .particle-art canvas{max-width:100%}html[dir="rtl"] .hero-copy{grid-column:2;justify-self:end;text-align:right}html[dir="rtl"] .particle-art{grid-column:1}.hero-copy .lead{max-width:44ch}}
html[dir="rtl"] .client-track{animation-name:client-marquee-rtl!important}@keyframes client-marquee-rtl{from{transform:translateX(50%)}to{transform:translateX(0)}}
@media(min-width:641px){html[dir="rtl"] .hero{direction:ltr!important}html[dir="rtl"] .hero-copy{grid-column:2!important;direction:rtl!important;text-align:right!important}html[dir="rtl"] .particle-art{grid-column:1!important}}
@media(min-width:641px){.hero{min-height:clamp(650px,calc(100svh - 76px),820px)!important}.particle-art{width:120%!important;height:min(700px,64vw)!important;justify-self:center;transform:translateX(4%)}html[dir="rtl"] .particle-art{transform:translateX(-4%)}html[dir="rtl"] .hero-copy{max-width:600px!important}}
/* A quiet vector underlay preserves the full MOE silhouette while the colored glyphs animate. */
@media(min-width:641px){
  .particle-art.ready .particle-fallback{display:block!important;inset:3% 7%;width:86%;height:94%;opacity:.075;filter:drop-shadow(0 0 18px #8052ff66);pointer-events:none;z-index:0}
  .particle-art canvas{position:relative;z-index:1}
  .particle-art .art-caption{z-index:3}
}
/* Restore the stable full-bleed hero composition: particles occupy the whole header,
   while copy and controls float in a protected reading column above the field. */
@media(min-width:641px){
  .hero{display:block!important;position:relative!important;min-height:clamp(710px,calc(100svh - 76px),900px)!important;padding-top:55px!important;padding-bottom:120px!important;overflow:hidden}
  .hero-copy{position:relative!important;z-index:4!important;width:min(620px,46vw)!important;max-width:620px!important;margin-left:var(--pad)!important;margin-right:0!important;justify-self:auto!important;text-align:left!important;direction:ltr!important}
  .particle-art{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;transform:none!important;overflow:hidden!important;contain:paint!important;z-index:1!important}
  .particle-art canvas{width:100%!important;height:100%!important;max-width:none!important}
  .hero-foot{position:absolute!important;z-index:4!important;left:var(--pad)!important;right:var(--pad)!important;bottom:38px!important}
  html[dir="rtl"] .hero{direction:rtl!important}
  html[dir="rtl"] .hero-copy{width:min(620px,46vw)!important;margin-left:0!important;margin-right:var(--pad)!important;text-align:right!important;direction:rtl!important}
  .particle-art.ready .particle-fallback{inset:4% auto 4% 52%!important;width:46%!important;height:92%!important;opacity:.055!important}
  html[dir="rtl"] .particle-art.ready .particle-fallback{left:auto!important;right:52%!important}
}
/* Reference lock: the hero mark is particles only—no solid/vector body behind it. */
@media(min-width:641px){
  .particle-art.ready .particle-fallback{display:none!important}
  html[dir="rtl"] .hero{display:block!important;position:relative!important;min-height:clamp(710px,calc(100svh - 76px),900px)!important}
  html[dir="rtl"] .hero-copy{display:block!important;margin-left:auto!important;margin-right:var(--pad)!important;grid-column:auto!important;grid-row:auto!important}
  html[dir="rtl"] .particle-art{position:absolute!important;inset:0!important;left:0!important;right:0!important;top:0!important;bottom:0!important;width:100%!important;height:100%!important;margin:0!important;grid-column:auto!important;grid-row:auto!important;transform:none!important}
}
/* Arabic intro reading order: interactive sculpture on the left, all copy on the right. */
@media(min-width:641px){
  html[dir="rtl"] .intro .split{direction:ltr!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:start!important}
  html[dir="rtl"] .intro .sculpture-column{display:contents!important}
  html[dir="rtl"] .intro .sculpture-column h2{grid-column:2!important;grid-row:1!important;text-align:right!important;direction:rtl!important;margin-top:0!important}
  html[dir="rtl"] .intro .sculpture-stage{grid-column:1!important;grid-row:1 / span 2!important;margin-top:20px!important}
  html[dir="rtl"] .intro .split>div:last-child{grid-column:2!important;grid-row:2!important;direction:rtl!important;text-align:right!important}
}

/* Interaction and RTL quality lock. The 3D field owns the pointer, not the legacy canvas. */
.particle-art{pointer-events:auto!important}
.particle-art canvas{pointer-events:none}
.particle-art .hero-particles-webgl{pointer-events:auto!important;touch-action:pan-y;cursor:crosshair;z-index:2!important}
html[dir="rtl"] .hero-copy>.label,html[dir="rtl"] .hero-copy>.lead{margin-inline-start:0;margin-inline-end:0;text-align:right}
html[dir="rtl"] .client-marquee,html[dir="rtl"] .client-track{direction:ltr!important}
html[dir="rtl"] .client-track{animation-name:client-marquee!important}
html[dir="rtl"] .client-chip{direction:ltr}
html[dir="rtl"] .project-panel,html[dir="rtl"] .project-facts,html[dir="rtl"] .contact-details,html[dir="rtl"] .contact-socials{direction:rtl;text-align:right}
html[dir="rtl"] .project-watch{justify-self:end}
@media(min-width:641px){
 .hero-copy{padding-top:clamp(18px,3vh,36px)!important}
 html[dir="rtl"] .hero-copy{width:min(580px,44vw)!important;max-width:580px!important;padding-top:clamp(18px,3vh,36px)!important}
 html[dir="rtl"] .hero-copy>.lead{max-width:40ch!important}
 html[dir="rtl"] .reel-heading>p,html[dir="rtl"] .section-head>p:last-child{max-width:42ch!important;padding-inline:0!important;text-align:right}
}
@media(max-width:640px){
 .particle-art .hero-particles-webgl{cursor:default}
 #motion-toggle{display:none!important}
 html[dir="rtl"] header .brand{margin-left:auto;margin-right:0}
 html[dir="rtl"] .hero{gap:20px!important;padding-top:32px!important;padding-bottom:58px!important}
 html[dir="rtl"] .hero-copy{padding-inline:0!important}
 html[dir="rtl"] .particle-art{width:calc(100% + 16px)!important;height:82vw!important;margin-inline:-8px!important}
 html[dir="rtl"] .hero-foot{position:static!important;margin-top:14px!important;padding-top:16px;border-top:1px solid #171717}
 html[dir="rtl"] .reel-heading,html[dir="rtl"] .section-head,html[dir="rtl"] .stats-head{gap:16px!important}
 html[dir="rtl"] .reel-heading>p,html[dir="rtl"] .section-head>p:last-child{max-width:34ch!important;padding:0!important;text-align:right}
 html[dir="rtl"] .services>div{padding-inline:0!important}
 html[dir="rtl"] .identity{height:340svh}
}