@font-face{font-family:Inter;src:url('assets/fonts/inter-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Alexandria;src:url('assets/fonts/alexandria-arabic.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Alexandria;src:url('assets/fonts/alexandria-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--black:#000;--white:#fff;--muted:#bdbdbd;--violet:#8052ff;--amber:#ffb829;--ease:cubic-bezier(.16,1,.3,1);--pad:clamp(22px,5vw,80px)}
*{box-sizing:border-box}html{background:#000;scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:#000;color:#fff;font:200 18px/1.5 Inter,Arial,sans-serif;overflow-x:clip}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400;text-wrap:balance}h1,h2{letter-spacing:-.055em;line-height:1.02}p{text-wrap:pretty;color:var(--muted)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;background:none;border:0}img{display:block;width:100%;object-fit:cover}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--amber);outline-offset:6px}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:var(--violet);padding:12px}.skip:focus{top:12px}.wrap{width:min(1440px,100%);margin:auto;padding-inline:var(--pad)}.label{font-size:11px;letter-spacing:.13em;line-height:1.5;text-transform:uppercase;font-weight:500}.amber{color:var(--amber)}.arabic{font-family:Alexandria,sans-serif;font-size:15px;line-height:1.9;font-weight:300}.mark{display:block;aspect-ratio:164.45/159.3;background:currentColor;mask:url('assets/moe-mark.svg') center/contain no-repeat;-webkit-mask:url('assets/moe-mark.svg') center/contain no-repeat}
header{height:96px;padding-inline:var(--pad);max-width:1600px;margin:auto;display:flex;align-items:center;gap:44px;position:sticky;top:0;z-index:40;background:rgba(0,0,0,0);border-bottom:1px solid transparent;animation:header-enter .65s var(--ease) both;transition:background-color var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out)}header.is-scrolled{background:rgba(0,0,0,.94);border-color:#171717}.brand{display:flex;gap:12px;align-items:center;font-size:16px;font-weight:500;letter-spacing:-.02em}.brand .mark{width:34px;color:var(--violet);animation:brand-keyframe .8s var(--ease) .08s both;transform-origin:center}.brand>span:last-child{animation:header-item .55s var(--ease) .12s both}header nav{display:flex;gap:34px;margin-left:auto}header nav a{position:relative;font-size:12px;font-weight:500;color:#9a9a9a;text-transform:uppercase;letter-spacing:.03em;animation:header-item .55s var(--ease) both;transition:color var(--dur-1) var(--ease-out)}header nav a:nth-child(1){animation-delay:.18s}header nav a:nth-child(2){animation-delay:.23s}header nav a:nth-child(3){animation-delay:.28s}header nav a::after{content:'';position:absolute;left:0;right:0;bottom:-9px;height:1px;background:var(--amber);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-2) var(--ease-out)}header nav a:hover,header nav a[aria-current=page]{color:#fff}header nav a[aria-current=page]::after{transform:scaleX(1)}.header-cta{animation:header-item .55s var(--ease) .33s both}.pill{display:inline-flex;align-items:center;gap:26px;padding:14px 24px;background:var(--violet);border-radius:30px;color:#fff;font-size:12px;font-weight:500;line-height:1.4;transition:background var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out)}.pill:hover{background:#9069ff;transform:translateY(-2px)}#menu{display:none;font-size:13px}#mobile-nav{position:absolute;top:80px;left:0;right:0;background:#000;z-index:30;padding:22px;flex-direction:column;gap:20px}#mobile-nav:not([hidden]){display:flex}@keyframes header-enter{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}@keyframes header-item{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes brand-keyframe{0%{opacity:0;transform:rotate(-90deg) scale(.72)}65%{opacity:1;transform:rotate(7deg) scale(1.04)}100%{opacity:1;transform:none}}
.hero{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:calc(100svh - 96px);align-items:center;padding-top:55px;padding-bottom:120px}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(64px,7vw,108px);margin:26px 0}.hero .lead{font-size:18px;line-height:1.55}.hero .arabic{margin:18px 0 28px}.particle-art{height:min(620px,58vw);position:relative;align-self:center;margin-left:-22px}#particles{width:100%;height:100%;display:block;touch-action:pan-y}.particle-fallback{position:absolute;inset:16%;width:68%;height:68%;object-fit:contain;opacity:.55}.particle-art.ready .particle-fallback{display:none}.art-caption{position:absolute;left:8%;right:3%;bottom:3%;display:flex;justify-content:space-between;font-size:9px;font-weight:400;letter-spacing:.09em;color:#888}.art-caption button{font-size:9px;letter-spacing:.02em;color:#bdbdbd}.hero-foot{position:absolute;left:var(--pad);right:var(--pad);bottom:38px;display:flex;justify-content:space-between;font-size:9px;color:#888;font-weight:400;letter-spacing:.13em}
.intro,.work,.lab,.capabilities{padding-block:120px}.intro>.label,.lab>.label,.capabilities>.label{margin-bottom:54px}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,130px);align-items:start}h2{font-size:clamp(46px,5.5vw,80px)}.split p+p{margin-top:24px}.split .lead{font-size:24px;line-height:1.4;color:#fff}.split>div>p{max-width:470px}
.identity{height:520svh;position:relative;--dock:0;--show:0}.identity-scene{height:100svh;position:sticky;top:0;overflow:hidden}.identity-intro{position:absolute;inset:0;text-align:center;opacity:calc(1 - var(--dock));pointer-events:none}.identity-intro .label{position:absolute;top:12%;left:0;right:0}.identity-intro h2{position:absolute;left:0;right:0;bottom:14%;font-size:clamp(32px,3.5vw,54px)}.identity-symbol{position:absolute;left:calc(50% - var(--dock)*24%);top:46%;width:clamp(180px,25vw,340px);transform:translate(-50%,-50%) rotate(var(--angle,0deg));color:var(--symbol,#8052ff);will-change:transform,left}.chapters{position:absolute;inset:0;pointer-events:none}.chapters article{position:absolute;top:30%;left:55%;right:var(--pad);opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity var(--dur-2) var(--ease-out),transform var(--dur-3) var(--ease-out)}.chapters article.active{opacity:var(--show);visibility:visible;transform:none}.chapters h2{margin:22px 0;font-size:clamp(48px,5.8vw,88px)}.chapters h3{font-size:22px;margin-bottom:20px}.chapters p{max-width:470px}.chapters .arabic{margin-top:20px}.story-timeline{position:absolute;bottom:7%;left:var(--pad);right:var(--pad);display:flex;gap:30px;align-items:center;color:#9a9a9a;font:400 10px Inter,sans-serif;letter-spacing:.07em}.story-track{flex:1;height:22px;display:flex;justify-content:space-between;align-items:center;position:relative;background:linear-gradient(#181818,#181818) center/100% 1px no-repeat}.story-track b{font-size:18px;color:#8052ff;background:#000;z-index:1;font-weight:300}.story-track i{position:absolute;left:var(--progress,0%);height:32px;width:1px;background:var(--amber);top:-5px;z-index:2}.story-timeline output{width:34px;text-align:right}
.section-head{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:72px;align-items:end}.section-head .label{grid-column:1/-1}.section-head>p:last-child{padding-left:12%;font-size:18px}.project{display:block;margin-bottom:74px}.project figure{overflow:hidden}.project img{aspect-ratio:16/9;transition:transform var(--dur-4) var(--ease-out)}.project:hover img{transform:scale(1.025)}.project>div{display:flex;align-items:center;gap:20px;padding-top:22px}.project>div>span:first-child{font-size:22px;font-weight:400;letter-spacing:-.03em}.project small{font-size:9px;letter-spacing:.09em;font-weight:400;color:#999;margin-left:auto}.project>div>span:last-child{color:var(--amber)}.work-pair{display:grid;grid-template-columns:1fr 1fr;gap:40px}.work-pair img{aspect-ratio:1.1}.work-pair .project>div{flex-wrap:wrap}.work-pair small{font-size:8px}
.lab-copy p{margin-top:28px}.graph-art{position:relative;min-height:340px}.graph-art svg{width:100%;height:300px;overflow:visible}.graph-axis{fill:none;stroke:#292929;stroke-width:1}#graph-curve{fill:none;stroke:#8052ff;stroke-width:2}#graph-dot{fill:var(--amber)}.graph-caption{color:#777;font-size:9px}.lab-mark{position:absolute;width:32px;bottom:0;left:var(--position,25%);color:#f2b9ef;transform:rotate(var(--rotation,0deg));opacity:var(--opacity,1)}.timeline-lab{margin-top:72px}.timeline-heading{display:flex;align-items:center;gap:30px;font-size:10px;font-weight:400;letter-spacing:.1em}.timeline-heading button{margin-left:auto;font-size:12px;color:var(--amber);min-height:44px}.timeline-heading output{width:120px;color:var(--amber);font-variant-numeric:tabular-nums}.timeline-controls{display:flex;gap:26px;margin:25px 0}.timeline-controls button{font-size:12px;color:#999;padding:12px 0;min-height:44px}.timeline-controls button[aria-pressed=true]{color:#fff;text-decoration:underline;text-underline-offset:8px;text-decoration-color:var(--violet)}.scrub-label{font-size:11px;display:flex;justify-content:space-between;color:#888;font-weight:400}#scrub{width:100%;margin:18px 0;accent-color:var(--violet);cursor:ew-resize;height:24px}.channels{position:relative;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),#101010 calc(10% - 1px),#101010 10%)}.channels>div{height:40px;position:relative;display:flex;align-items:center}.channels>div>span{font-size:10px;font-weight:400;color:#999;background:#000;padding:0 15px 0 0}.key{position:absolute;width:9px;height:9px;background:#9f80ff;left:23%}.key:last-child{left:85%}.key.diamond{transform:rotate(45deg)}.key.ease{clip-path:polygon(0 0,100% 0,65% 50%,100% 100%,0 100%,35% 50%)}.key.hold{clip-path:polygon(0 0,65% 0,100% 50%,65% 100%,0 100%)}.playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--amber);left:var(--playhead,25%);pointer-events:none}
.services>div{margin-bottom:44px}.services h3{font-size:26px;letter-spacing:-.03em;margin-bottom:12px}.services p{font-size:17px}.contact{position:relative;min-height:92svh;padding-top:150px;padding-bottom:145px;overflow:hidden}.contact h2{font-size:clamp(65px,8.5vw,126px);margin:32px 0}.contact>p:not(.label){margin:0 0 30px}.contact-mark{position:absolute;right:4%;top:25%;width:34%;color:#1a112a;transform:rotate(90deg);z-index:0}.contact>h2,.contact>p,.contact>.pill{position:relative;z-index:1}footer{position:absolute;bottom:35px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;gap:24px;font:400 9px/1.6 Inter,sans-serif;letter-spacing:.1em;color:#888}footer>div{display:flex;gap:24px}footer a{color:#bdbdbd}#motion-toggle{position:fixed;bottom:16px;right:20px;z-index:30;background:#000;color:#aaa;padding:8px 12px;border-radius:20px;font-size:10px;min-height:32px}
.hero .arabic{width:max-content;max-width:100%;text-align:start}
.graph-caption{position:absolute;bottom:-20px;left:0}.lab-mark{bottom:14px}
#scrub{appearance:none;-webkit-appearance:none;background:transparent}
#scrub::-webkit-slider-runnable-track{height:2px;background:#292332}
#scrub::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:13px;height:20px;background:var(--amber);margin-top:-9px;clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%)}
#scrub::-moz-range-track{height:2px;background:#292332}
#scrub::-moz-range-thumb{width:11px;height:18px;border:0;border-radius:0;background:var(--amber)}
@media(min-width:1600px){.hero{min-height:850px}}
@media(max-width:900px){header{gap:22px}header nav{gap:18px}.hero h1{font-size:7.6vw}.hero{padding-top:30px}.particle-art{height:55vw}.hero .lead{font-size:16px}.hero .arabic{font-size:13px}.split{gap:40px}.split .lead{font-size:20px}.project>div>span:first-child{font-size:18px}}
@media(max-width:640px){header{height:80px;justify-content:space-between}.brand{font-size:13px}.brand .mark{width:29px}header nav,.header-cta{display:none}#menu{display:block;min-height:44px}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:75px;min-height:0}.hero h1{font-size:clamp(49px,12.8vw,78px);line-height:1.03;margin:20px 0}.hero .label{font-size:9px}.hero .lead{font-size:16px}.hero .arabic{font-size:13px}.particle-art{height:95vw;margin:0 -12px;margin-top:15px}.art-caption{bottom:0;font-size:7px}.art-caption button{font-size:8px}.hero-foot{font-size:7px;bottom:24px;gap:20px}.split{grid-template-columns:1fr;gap:35px}h2{font-size:46px}.intro,.work,.lab,.capabilities{padding-block:75px}.intro>.label,.lab>.label,.capabilities>.label{margin-bottom:32px}.split .lead{font-size:21px}body{font-size:17px}.identity{height:390svh}.identity-symbol{width:46vw;top:calc(41% - var(--dock)*20%);left:calc(50% - var(--dock)*19%)}.identity-intro .label{top:10%;font-size:9px}.identity-intro h2{bottom:24%;font-size:34px}.chapters article{left:22px;right:22px;top:38%}.chapters h2{font-size:49px;margin:12px 0}.chapters h3{font-size:19px;margin-bottom:16px}.chapters p{font-size:15px}.chapters .arabic{font-size:13px}.story-timeline{bottom:10%;gap:16px;font-size:8px}.story-timeline>span{max-width:74px;overflow-wrap:anywhere}.section-head{grid-template-columns:1fr;margin-bottom:40px;gap:24px}.section-head>p:last-child{padding:0;font-size:16px}.project{margin-bottom:45px}.project>div{flex-wrap:wrap;gap:10px;padding-top:16px}.project small{font-size:8px}.work-pair{grid-template-columns:1fr;gap:0}.graph-art{min-height:290px}.graph-art svg{height:250px}.timeline-lab{margin-top:45px}.timeline-heading{gap:10px;font-size:8px}.timeline-heading output{width:82px;font-size:9px}.timeline-controls{gap:18px;flex-wrap:wrap;margin:15px 0}.timeline-controls button{font-size:10px}.services>div{margin-bottom:30px}.contact{padding-top:90px;min-height:780px}.contact h2{font-size:58px}.contact-mark{width:70%;top:25%;right:-20%}footer,footer>div{flex-direction:column;gap:10px}footer{bottom:55px}.desktop{display:none}}
.arabic bdi{white-space:nowrap}
.meaning-background{position:absolute;inset:0;pointer-events:none;z-index:0}
.meaning-ghost{position:absolute;left:27%;top:45%;width:min(45vw,620px);height:65%;transform:translate(-50%,-50%);display:grid;place-items:center;color:var(--symbol);opacity:0;transition:opacity var(--dur-3) var(--ease-out);visibility:hidden}
.meaning-ghost.active{opacity:calc(var(--show)*.105);visibility:visible}
.meaning-ghost svg{width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:9;stroke-linecap:square;stroke-linejoin:miter}
.ghost-m span{font-family:SpaceGrotesk,Inter,sans-serif;font-size:clamp(330px,45vw,670px);font-weight:650;letter-spacing:-.115em;line-height:.82;color:inherit;transform:translateX(-.04em)}
.ghost-hourglass .sand{fill:currentColor;stroke:none;opacity:.82}.ghost-infinity svg{stroke-width:13}.ghost-ease svg{stroke-width:10}
.identity-symbol{z-index:1}.chapters{z-index:2}.identity-intro{z-index:2}
.meaning-caption{position:absolute;left:var(--pad);bottom:19%;font-size:10px;letter-spacing:.17em;font-weight:500;color:var(--symbol);opacity:var(--show);z-index:2}
.chapters article{top:26%}.chapters .chapter-craft{font-size:9px;letter-spacing:.09em;color:var(--symbol);font-weight:500;margin-top:25px;max-width:100%}
.process{padding-block:100px}.process>.label{margin-bottom:54px}.hero h1{font-size:clamp(58px,6.1vw,96px)}.contact>p{max-width:650px}
@media(max-width:640px){.hero h1{font-size:clamp(43px,10.4vw,66px)}.meaning-ghost{left:35%;top:22%;width:78vw;height:36%}.ghost-m span{font-size:72vw}.meaning-caption{top:34%;bottom:auto;left:22px;font-size:8px}.chapters article{top:41%}.chapters h2{font-size:45px;margin:10px 0}.chapters h3{font-size:18px;margin-bottom:12px}.chapters article>p:not(.label):not(.chapter-craft){font-size:14px;line-height:1.55}.chapters article>.arabic{font-size:12px!important;line-height:1.8!important;margin-top:14px}.chapters .chapter-craft{font-size:8px;margin-top:16px}.process{padding-block:75px}.process>.label{margin-bottom:32px}}
@media(max-height:740px) and (max-width:640px){.chapters article{top:37%}.meaning-caption{top:32%}.identity-symbol{width:39vw}.meaning-ghost{height:29%;top:20%}.chapters h2{font-size:35px;margin:7px 0}.chapters h3{font-size:16px;margin-bottom:8px}.chapters article>p:not(.label):not(.chapter-craft){font-size:12px}.chapters article>.arabic{font-size:11px!important;margin-top:10px}.chapters .chapter-craft{font-size:7px;margin-top:10px}.story-timeline{bottom:4%}}
:root{--motion-fast:120ms;--motion-state:220ms;--motion-reveal:650ms}
#particles{cursor:crosshair}.art-caption button{min-height:44px;padding-inline:8px}.pill:active{transform:scale(.98)}
.contact{padding-top:120px;padding-bottom:70px;min-height:0;overflow:hidden}
.contact-heading{position:relative;padding-bottom:80px}.contact-heading h2{font-size:clamp(56px,7.5vw,108px);max-width:1000px;margin:30px 0}.contact-heading>p{position:relative;z-index:1}.contact-heading h2{position:relative;z-index:1}.contact-mark{top:12%;right:0;width:26%;color:#15101e;transform:rotate(90deg)}
.contact-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(40px,8vw,120px);border-top:1px solid #282828;padding-top:48px}
.contact-details>.label{color:#999;font-size:10px}.contact-email{display:flex;align-items:center;gap:18px;font-size:clamp(22px,2.55vw,36px);font-weight:400;letter-spacing:-.045em;margin:18px 0 12px;width:fit-content}.contact-email span{color:var(--amber);font-size:.8em}.contact-phone{color:#bdbdbd;font-size:18px;font-weight:300}.contact-meta{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:48px}.contact-meta h3{font-size:15px;margin-bottom:12px}.contact-meta p{font-size:14px;line-height:1.8}
.newsletter h3{font-size:36px;letter-spacing:-.045em;margin:12px 0}.newsletter>p{font-size:15px}.newsletter form{margin-top:28px}.newsletter label{display:block;font-size:11px;font-weight:400;color:#bbb;margin-bottom:12px}.newsletter-input{display:flex;border-bottom:1px solid #626262;transition:border-color var(--dur-1) var(--ease-out)}.newsletter-input:focus-within{border-color:var(--amber)}.newsletter input{min-width:0;width:100%;background:transparent;color:#fff;border:0;padding:15px 0;font-size:16px;border-radius:0}.newsletter input::placeholder{color:#888}.newsletter-input button{flex-shrink:0;background:var(--violet);border-radius:50%;width:44px;height:44px;margin:4px 0 8px 10px;font-size:23px;transition:background var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out)}.newsletter-input button:hover{background:#9069ff;transform:rotate(8deg)}.newsletter-input button:active{transform:scale(.96)}#newsletter-status{font-size:11px;line-height:1.6;margin-top:12px;color:#999;max-width:360px}
.contact-socials{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:75px;padding-block:28px;border-block:1px solid #282828}.contact-socials>.label{font-size:9px;color:#999}.contact-socials>div{display:flex;gap:34px}.contact-socials a{font-size:13px;font-weight:400;padding-block:12px}.contact-socials a span{display:inline-block;margin-left:12px;color:#999;transition:transform var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.contact-socials a:hover span{transform:translate(2px,-2px);color:var(--amber)}.contact-email:hover,.contact-phone:hover{color:var(--amber)}.contact footer{position:static;margin-top:32px}.contact footer>div{flex-wrap:wrap}.contact-socials a:focus-visible span{color:var(--amber)}
@media(max-width:900px){.contact-grid{gap:40px;grid-template-columns:1fr 1fr}.contact-email{font-size:24px}.contact-socials{align-items:flex-start;flex-direction:column}.contact-socials>div{width:100%;justify-content:space-between}}
@media(max-width:640px){.contact{padding-top:80px;padding-bottom:85px}.contact-heading{padding-bottom:44px}.contact-heading h2{font-size:clamp(42px,11vw,64px)}.contact-heading>p:not(.label){font-size:16px}.contact-mark{width:48%;right:-12%;top:18%}.contact-grid{grid-template-columns:1fr;gap:52px;padding-top:32px}.contact-email{font-size:clamp(21px,6.1vw,32px);gap:12px}.contact-meta{margin-top:32px;gap:14px}.contact-meta p{font-size:12px}.contact-meta h3{font-size:14px}.newsletter h3{font-size:34px}.contact-socials{margin-top:45px;gap:16px}.contact-socials>div{display:grid;grid-template-columns:1fr 1fr;gap:2px 32px}.contact-socials a{font-size:14px;min-height:44px;display:flex;justify-content:space-between}.contact footer{margin-top:26px;gap:20px}.contact footer>div{gap:12px}#motion-toggle{bottom:12px;right:12px}}
.particle-art #motion-toggle{position:absolute;right:3%;bottom:10%;min-height:44px;background:#000c;font-size:9px;padding:8px}.art-caption button:disabled{opacity:.4;cursor:default}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.identity-symbol{will-change:auto}.project:hover img{transform:none}}
/* Bento selected-work layout */
.work{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:26px;align-items:start}.work .section-head{grid-column:1/-1}.work-card-featured{grid-column:span 8}.work-card-secondary{grid-column:span 4}.work-pair-bento{grid-column:1/-1;width:100%;grid-template-columns:7fr 5fr;gap:26px}.work-pair-bento .work-card:first-child figure{aspect-ratio:1.2}.work-pair-bento .work-card:last-child figure{aspect-ratio:1.45}.work-bento-selected{grid-column:1/-1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:26px;margin-top:0}.work-bento-selected .project{grid-column:span 4;margin-bottom:28px}.work-bento-selected .project:nth-child(1){grid-column:span 7}.work-bento-selected .project:nth-child(2){grid-column:span 5}.work-bento-selected .project:nth-child(5){grid-column:span 5}.work-bento-selected .project:nth-child(6){grid-column:span 7}.work-bento-selected figure{aspect-ratio:1.6}.work-bento-selected img{height:100%;object-fit:cover}.work-card{position:relative}.work-card:after{content:'↗';position:absolute;right:14px;top:14px;display:grid;place-items:center;width:28px;height:28px;border:1px solid #ffffff55;border-radius:50%;background:#08060a99;color:var(--amber);opacity:0;transform:translateY(5px);transition:opacity var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out)}.work-card:hover:after{opacity:1;transform:none}
@media(max-width:640px){.work{display:block}.work-card-featured,.work-card-secondary,.work-pair-bento,.work-bento-selected{display:block;width:auto}.work-bento-selected .project{display:block;margin-bottom:45px}.work-bento-selected figure{aspect-ratio:16/9}}

/* Mobile bento grid: compact two-column rhythm instead of a single stack. */
@media (max-width:640px){
 .work-bento-selected{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px!important;width:100%!important}
 .work-bento-selected .project{grid-column:span 1!important;margin:0 0 18px!important;min-width:0}
 .work-bento-selected .project:nth-child(1){grid-column:span 2!important}
 .work-bento-selected .project:nth-child(4){grid-column:span 2!important}
 .work-bento-selected .project:nth-child(5){grid-column:span 1!important}
 .work-bento-selected .project:nth-child(6){grid-column:span 1!important}
 .work-bento-selected .project figure{aspect-ratio:1/1!important;border-radius:14px!important}
 .work-bento-selected .project:nth-child(1) figure,.work-bento-selected .project:nth-child(4) figure{aspect-ratio:16/10!important}
 .work-bento-selected .project:nth-child(3) figure{aspect-ratio:4/5!important}
 .work-bento-selected .project img{object-fit:cover!important}
 .work-bento-selected .project>div{display:flex;flex-wrap:wrap;gap:5px 8px;min-height:0!important;padding-top:9px!important}
 .work-bento-selected .project>div>span:first-child{width:100%;font-size:14px!important;line-height:1.2!important}
 .work-bento-selected .project small{font-size:7px!important;letter-spacing:.08em}
 .work-bento-selected .project>div>span:last-child{margin-left:auto;font-size:14px}
}

/* Final identity label layout */
.identity-scene .meaning-caption{position:absolute!important;top:auto!important;bottom:calc(10% + 36px)!important;left:var(--pad)!important;right:var(--pad)!important;z-index:12!important;max-width:calc(100% - var(--pad)*2)!important;overflow:hidden;white-space:nowrap;font-size:clamp(14px,1.35vw,19px)!important;font-weight:800!important;letter-spacing:.14em!important;line-height:1.2;transform:translateY(10px);filter:blur(4px)}
.identity-scene .meaning-caption.is-changing{animation:meaning-label-premium .82s cubic-bezier(.16,1,.3,1) both}
@keyframes meaning-label-premium{0%{opacity:0;transform:translateY(12px);filter:blur(5px);letter-spacing:.24em;clip-path:inset(0 100% 0 0)}58%{opacity:var(--show);clip-path:inset(0)}100%{opacity:var(--show);transform:none;filter:blur(0);letter-spacing:.14em;clip-path:inset(0)}}
.identity-scene .chapter-craft{display:none!important}.identity-intro>.label{display:none!important}
/* Final mobile geometry override. */
@media(max-width:640px){.identity-scene .meaning-caption{bottom:calc(3% + 50px)!important}.identity-scene .chapters article{top:40%!important}.identity-scene .identity-symbol{top:24%!important}.identity-scene .story-timeline{bottom:3%!important}}
@media(max-width:640px){.identity-scene .meaning-caption{left:22px!important;right:22px!important;bottom:calc(3% + 50px)!important;max-width:calc(100% - 44px)!important;font-size:clamp(13px,3.7vw,17px)!important;letter-spacing:.105em!important}.identity-scene .chapters article{top:40%!important}.identity-scene .identity-symbol{top:24%!important}.identity-scene .story-timeline{bottom:3%!important}}
@media(max-width:640px){.work-bento-selected{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.work-bento-selected .project{grid-column:span 1!important;margin-bottom:18px!important}.work-bento-selected .project:nth-child(1),.work-bento-selected .project:nth-child(4){grid-column:span 2!important}.work-bento-selected .project:nth-child(3) figure{aspect-ratio:4/5!important}.work-bento-selected .project:nth-child(1) figure,.work-bento-selected .project:nth-child(4) figure{aspect-ratio:16/10!important}.work-bento-selected .project:nth-child(2) figure,.work-bento-selected .project:nth-child(5) figure,.work-bento-selected .project:nth-child(6) figure{aspect-ratio:1/1!important}}

.timeline-inspector{display:flex;align-items:center;gap:8px;min-width:116px;color:#9a9a9a;letter-spacing:.08em;text-transform:uppercase}
.timeline-inspector em{font-style:normal;font-size:9px}
.stopwatch-icon{position:relative;display:inline-block;width:14px;height:14px;border:1.5px solid var(--amber);border-radius:50%;box-sizing:border-box}
.stopwatch-icon:before{content:'';position:absolute;left:5px;top:-5px;width:4px;height:3px;border:1.5px solid var(--amber);border-bottom:0;border-radius:2px 2px 0 0}
.stopwatch-icon:after{content:'';position:absolute;left:6px;top:3px;width:1px;height:5px;background:var(--amber);transform-origin:bottom;transform:rotate(35deg)}
@media(max-width:640px){.timeline-inspector{min-width:74px;gap:5px}.timeline-inspector em{font-size:7px}.stopwatch-icon{width:12px;height:12px}.stopwatch-icon:before{left:4px;top:-4px;width:3px;height:2px}.stopwatch-icon:after{left:5px;top:3px;height:4px}}

/* Mobile spacing pass: keep the same composition, but give the copy and timeline
   their own vertical bands so the mark never collides with the heading. */
@media(max-width:640px){
 .identity-scene .identity-symbol{top:24%!important}
 .identity-scene .chapters article{top:40%!important}
 .identity-scene .meaning-caption{bottom:calc(3% + 50px)!important}
 .identity-scene .story-timeline{bottom:3%!important}
}

/* Final identity label layout: dedicated air above the timeline. */
.identity-scene .meaning-caption{position:absolute!important;top:auto!important;bottom:calc(10% + 36px)!important;left:var(--pad)!important;right:var(--pad)!important;z-index:12!important;max-width:calc(100% - var(--pad)*2)!important;overflow:hidden;white-space:nowrap;font-size:clamp(14px,1.35vw,19px)!important;font-weight:800!important;letter-spacing:.14em!important;line-height:1.2;text-shadow:0 0 18px color-mix(in srgb,var(--symbol) 28%,transparent);transform:translateY(10px);filter:blur(4px)}
.identity-scene .meaning-caption.is-changing{animation:meaning-label-premium .82s cubic-bezier(.16,1,.3,1) both}
@keyframes meaning-label-premium{0%{opacity:0;transform:translateY(12px);filter:blur(5px);letter-spacing:.24em;clip-path:inset(0 100% 0 0)}58%{opacity:var(--show);clip-path:inset(0 0 0 0)}100%{opacity:var(--show);transform:none;filter:blur(0);letter-spacing:.14em;clip-path:inset(0)}}
.identity-scene .chapter-craft{display:none!important}
@media(max-width:640px){.identity-scene .meaning-caption{left:22px!important;right:22px!important;bottom:calc(3% + 50px)!important;max-width:calc(100% - 44px)!important;font-size:clamp(13px,3.7vw,17px)!important;letter-spacing:.105em!important}.identity-scene .chapters article{top:40%!important}.identity-scene .identity-symbol{top:24%!important}.identity-scene .story-timeline{bottom:3%!important}}
@media(prefers-reduced-motion:reduce){.identity-scene .meaning-caption.is-changing{animation:none;opacity:var(--show);transform:none;filter:none;clip-path:none}}

/* Identity labels: reserve the clear air directly above the timeline.
   This final rule intentionally wins over the earlier rollback rules. */
.identity-scene .meaning-caption{
 position:absolute!important;
 top:auto!important;
 bottom:calc(10% + 58px)!important;
 left:var(--pad)!important;
 right:var(--pad)!important;
 z-index:12!important;
 max-width:calc(100% - var(--pad)*2)!important;
 overflow:hidden;
 white-space:nowrap;
 font-size:clamp(14px,1.35vw,19px)!important;
 font-weight:800!important;
 letter-spacing:.14em!important;
 line-height:1.2;
 text-shadow:0 0 18px color-mix(in srgb,var(--symbol) 28%,transparent);
 transform:translateY(10px);
 filter:blur(4px);
}
.identity-scene .meaning-caption.is-changing{animation:meaning-label-premium .82s cubic-bezier(.16,1,.3,1) both}
@keyframes meaning-label-premium{
 0%{opacity:0;transform:translateY(12px);filter:blur(5px);letter-spacing:.24em;clip-path:inset(0 100% 0 0)}
 58%{opacity:var(--show);clip-path:inset(0 0 0 0)}
 100%{opacity:var(--show);transform:none;filter:blur(0);letter-spacing:.14em;clip-path:inset(0)}
}
.identity-scene .chapter-craft{display:none!important}
@media(max-width:640px){
 .identity-scene .meaning-caption{
  left:22px!important;right:22px!important;
  bottom:calc(10% + 36px)!important;
  max-width:calc(100% - 44px)!important;
  font-size:clamp(13px,3.7vw,17px)!important;
  letter-spacing:.105em!important;
 }
 .identity-scene .chapters article{top:30%!important}
}
@media(prefers-reduced-motion:reduce){
 .identity-scene .meaning-caption.is-changing{animation:none;opacity:var(--show);transform:none;filter:none;clip-path:none}
}

/* Final bento rhythm: give the portrait title poster a confident, filled frame. */
.work-pair-bento{grid-template-columns:5fr 7fr;gap:28px;align-items:start}
.work-pair-bento .work-card:first-child figure{aspect-ratio:1/1}
.work-pair-bento .work-card:last-child figure{aspect-ratio:5/6}
.work-pair-bento .work-card:last-child img{object-fit:cover;object-position:center center}
@media(max-width:640px){.work-pair-bento{display:block}.work-pair-bento .work-card{margin-bottom:24px}.work-pair-bento .work-card:last-child figure{aspect-ratio:4/5}}

/* Lightweight first-paint reveal: the mark draws in, then clears the canvas. */
.site-loader{position:fixed;inset:0;z-index:100;background:#000;display:grid;place-items:center;align-content:center;gap:18px;transition:opacity var(--dur-3) var(--ease-out),visibility var(--dur-3) var(--ease-out);}
.site-loader:before{content:'';position:absolute;width:clamp(150px,24vw,260px);aspect-ratio:1;border:1px solid #8052ff2e;border-radius:50%;transform:scale(.72);animation:loader-orbit 2.2s var(--ease) infinite;box-shadow:0 0 70px #8052ff22 inset}
.site-loader:after{content:'';position:absolute;width:clamp(64px,10vw,110px);height:1px;background:linear-gradient(90deg,transparent,var(--amber),transparent);transform:translateY(108px) scaleX(.2);animation:loader-progress 1.85s var(--ease) forwards}
.site-loader svg{width:clamp(82px,13vw,132px);height:auto;color:var(--violet);overflow:visible;filter:drop-shadow(0 0 0 #8052ff)}
.site-loader path{visibility:hidden;fill:none;stroke:currentColor;stroke-width:9;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:loader-draw 1.45s cubic-bezier(.16,1,.3,1) forwards,loader-glow .8s ease 1.4s forwards}
.site-loader span{font:600 11px/1 Inter,sans-serif;letter-spacing:.19em;color:#fff;opacity:1;transform:translateY(-2px)}
.site-loader .loader-word{display:flex;align-items:baseline;gap:.06em;flex-wrap:wrap;justify-content:center;width:clamp(118px,18vw,180px);font-size:0}
.site-loader .loader-word b{font:600 13px/1 Inter,sans-serif;letter-spacing:.08em;opacity:0;animation:loader-letter .34s var(--ease) 1.55s forwards}
.site-loader .loader-word b:nth-child(2){animation-delay:1.72s}.site-loader .loader-word b:nth-child(3){animation-delay:1.89s}
.site-loader .loader-word small{display:block;width:100%;margin-top:7px;font:500 8px/1 Inter,sans-serif;letter-spacing:.24em;color:#aaa;opacity:0;animation:loader-studios .45s var(--ease) 2.08s forwards}
@keyframes loader-letter{from{opacity:0;transform:translateY(7px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
@keyframes loader-studios{from{opacity:0;letter-spacing:.38em;transform:translateY(4px)}to{opacity:1;letter-spacing:.24em;transform:none}}
.site-loader .loader-word-mark{display:block;width:clamp(170px,28vw,250px);height:auto;overflow:visible;color:var(--violet);filter:drop-shadow(0 0 0 #8052ff);animation:none!important;transform:none!important}
.site-loader .loader-word-mark .loader-letter{visibility:visible;fill:none;stroke:currentColor;stroke-width:18;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1000;stroke-dashoffset:1000;opacity:0;animation:word-path-draw .72s cubic-bezier(.16,1,.3,1) forwards,loader-glow .8s ease forwards}
.site-loader .loader-word-mark .loader-letter-m{animation-delay:1.18s,1.82s}.site-loader .loader-word-mark .loader-letter-o{animation-delay:1.4s,2.04s}.site-loader .loader-word-mark .loader-letter-e{animation-delay:1.62s,2.26s}
.site-loader .loader-studios{display:block!important;margin-top:8px;font:500 9px/1 Inter,sans-serif!important;letter-spacing:.24em!important;color:#aaa;opacity:0;animation:loader-studios .45s var(--ease) 2.18s forwards!important}
@keyframes word-path-draw{0%{opacity:0;stroke-dashoffset:1000}12%{opacity:1}100%{opacity:1;stroke-dashoffset:0}}
.site-loader.is-done{opacity:0;visibility:hidden;pointer-events:none}
@keyframes loader-draw{to{stroke-dashoffset:0}}
@keyframes loader-glow{to{filter:drop-shadow(0 0 12px #8052ff99)}}
@keyframes loader-label{from{opacity:0;transform:translateY(7px);letter-spacing:.34em}to{opacity:1;transform:none;letter-spacing:.22em}}
@keyframes loader-orbit{0%,100%{transform:scale(.72) rotate(0deg);opacity:.45}50%{transform:scale(1) rotate(180deg);opacity:1}}
@keyframes loader-progress{to{transform:translateY(108px) scaleX(1)}}
@media(max-width:640px){.identity-scene{height:clamp(760px,100svh,900px)}.chapters article{top:38%}.story-timeline{bottom:7%}}

/* Mobile identity stage: a protected composition zone for all four rotations. */
@media(max-width:640px){
 .identity-scene{height:clamp(900px,112svh,1040px)}
 .meaning-ghost{left:84%;top:25%;width:34vw;height:44%;opacity:.14;transform:translate(-50%,-50%)}
 .ghost-hourglass,.ghost-infinity,.ghost-ease,.ghost-m{max-width:100%;max-height:100%}
 .identity-symbol{z-index:3;width:40vw;top:25%;left:27%;}
 .meaning-caption{top:17%;left:22px;z-index:4}
 .chapters{z-index:5}
 .chapters article{top:46%;left:22px;right:22px;padding:12px 0 10px;background:linear-gradient(180deg,transparent,#000c 9%,#000c 91%,transparent)}
 .story-timeline{z-index:6;bottom:6%}
}
@media(prefers-reduced-motion:reduce){.site-loader path{animation:none;stroke-dashoffset:0;filter:none}.site-loader:before,.site-loader:after,.site-loader span{animation:none;opacity:1;transform:none}.site-loader{transition:none}}

/* Re-composed identity stage: dedicated symbol deck, content deck, clear timeline. */
@media(max-width:640px){
 .identity-scene{height:clamp(920px,118svh,1060px);padding-inline:22px}
 .meaning-background{display:block;z-index:0}
 .identity-intro{display:none}
 .identity-symbol{top:22%;left:35%;width:min(40vw,160px);transform:translate(-50%,-50%) rotate(var(--angle,0deg))}
 .meaning-caption{top:11%;left:22px;font-size:8px}
 .chapters article{top:43%;left:0;right:0;padding:0 22px;background:none}
 .chapters article .label{font-size:9px}
 .chapters h2{font-size:clamp(44px,13vw,56px);margin:14px 0 12px}
 .chapters h3{font-size:18px;line-height:1.35;margin-bottom:18px}
 .chapters article>p:not(.label):not(.chapter-craft){font-size:15px;line-height:1.62;max-width:100%}
 .chapters article>.arabic{font-size:12px!important;line-height:1.85!important;margin-top:16px}
 .chapters .chapter-craft{font-size:8px;margin-top:18px}
 .story-timeline{left:0;right:0;bottom:5%;gap:12px}
}

.site-loader svg{animation:loader-mark-cycle 2.35s cubic-bezier(.16,1,.3,1) .15s both}
@keyframes loader-mark-cycle{0%{transform:scale(.86) rotate(-8deg)}28%{transform:scale(1) rotate(0)}58%{transform:scale(1.04) rotate(90deg)}78%{transform:scale(1) rotate(90deg)}100%{transform:scale(1) rotate(90deg)}}
/* Loader wordmark: the supplied MOE signature is revealed M → O → E. */
.site-loader .loader-word-art{position:relative;width:clamp(218px,33vw,390px);aspect-ratio:478/203;margin-top:-6px;overflow:visible}.site-loader .loader-glyph{position:absolute;inset:0;display:block;overflow:hidden;opacity:0}.site-loader .loader-glyph img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 10px #8052ff66)}.site-loader .loader-glyph-m{clip-path:inset(0 100% 0 0);animation:loader-moe-m .58s cubic-bezier(.16,1,.3,1) 1.26s forwards}.site-loader .loader-glyph-o{clip-path:inset(0 67% 0 32%);animation:loader-moe-o .55s cubic-bezier(.16,1,.3,1) 1.63s forwards}.site-loader .loader-glyph-e{clip-path:inset(0 0 0 66%);animation:loader-moe-e .52s cubic-bezier(.16,1,.3,1) 2s forwards}.site-loader .loader-studios{margin-top:3px!important;animation-delay:2.56s!important}@keyframes loader-moe-m{0%{clip-path:inset(0 100% 0 0);opacity:0;transform:translateX(-10px)}25%{opacity:1}100%{clip-path:inset(0 64% 0 0);opacity:1;transform:none}}@keyframes loader-moe-o{0%{clip-path:inset(0 67% 0 32%);opacity:0;transform:scale(.92)}25%{opacity:1}100%{clip-path:inset(0 34% 0 31%);opacity:1;transform:none}}@keyframes loader-moe-e{0%{clip-path:inset(0 0 0 66%);opacity:0;transform:translateX(10px)}25%{opacity:1}100%{clip-path:inset(0 0 0 62%);opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.site-loader .loader-glyph{animation:none!important;opacity:1!important;transform:none!important}.site-loader .loader-glyph-m{clip-path:inset(0 64% 0 0)}.site-loader .loader-glyph-o{clip-path:inset(0 34% 0 31%)}.site-loader .loader-glyph-e{clip-path:inset(0 0 0 62%)}}
/* Final loader scale and motion refinement. */
.site-loader{gap:10px}.site-loader>svg:first-child{width:clamp(70px,8vw,104px)}.site-loader:before{width:clamp(130px,17vw,190px)}.site-loader:after{transform:translateY(88px) scaleX(.2)}.site-loader .loader-word-art{width:clamp(182px,22vw,280px);margin-top:-2px}.site-loader .loader-glyph{filter:blur(5px)}.site-loader .loader-glyph-m{clip-path:inset(0 64% 0 0);animation:loader-moe-m-smooth .68s cubic-bezier(.22,1,.36,1) 1.28s forwards}.site-loader .loader-glyph-o{clip-path:inset(0 34% 0 31%);animation:loader-moe-o-smooth .68s cubic-bezier(.22,1,.36,1) 1.67s forwards}.site-loader .loader-glyph-e{clip-path:inset(0 0 0 62%);animation:loader-moe-e-smooth .68s cubic-bezier(.22,1,.36,1) 2.06s forwards}.site-loader .loader-studios{margin-top:6px!important;animation-delay:2.72s!important}@keyframes loader-moe-m-smooth{from{opacity:0;transform:translate3d(-12px,5px,0) scale(.94);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes loader-moe-o-smooth{from{opacity:0;transform:translate3d(0,8px,0) scale(.9);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes loader-moe-e-smooth{from{opacity:0;transform:translate3d(12px,4px,0) scale(.94);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes loader-progress{to{transform:translateY(88px) scaleX(1)}}@media(max-width:640px){.site-loader .loader-word-art{width:clamp(174px,60vw,238px)}.site-loader>svg:first-child{width:76px}}
/* Poster treatment: rounded, tactile surfaces with a more editorial size rhythm. */
.work-card figure,.work-bento-selected .project figure{border-radius:18px;overflow:hidden;border:1px solid #ffffff18;background:#0c0b10;box-shadow:0 18px 45px #0006}.work-card img,.work-bento-selected .project img{border-radius:inherit}.work-card-featured{grid-column:span 7}.work-card-secondary{grid-column:span 5}.work-pair-bento{grid-template-columns:5fr 7fr}.work-pair-bento .work-card:first-child figure{aspect-ratio:1.35}.work-pair-bento .work-card:last-child figure{aspect-ratio:1.65}.work-bento-selected .project:nth-child(1){grid-column:span 6}.work-bento-selected .project:nth-child(2){grid-column:span 6}.work-bento-selected .project:nth-child(3){grid-column:span 4}.work-bento-selected .project:nth-child(4){grid-column:span 8}.work-bento-selected .project:nth-child(5){grid-column:span 5}.work-bento-selected .project:nth-child(6){grid-column:span 7}.work-bento-selected .project figure{aspect-ratio:1.55}.work-card:after{right:16px;top:16px}
@media(max-width:640px){.work-card figure,.work-bento-selected .project figure{border-radius:14px}.work-card-featured,.work-card-secondary{grid-column:auto}.work-pair-bento{grid-template-columns:1fr}.work-pair-bento .work-card:first-child figure,.work-pair-bento .work-card:last-child figure,.work-bento-selected .project figure{aspect-ratio:16/9}.work-bento-selected .project:nth-child(n){grid-column:auto}}
/* Keep artwork fully visible and give Zaman Al-Ajaj a portrait poster slot. */
.work-card figure,.work-bento-selected .project figure{background:#111016}.work-card img,.work-bento-selected .project img{object-fit:contain;background:#111016}.work-card-featured{grid-column:span 6}.work-card-secondary{grid-column:span 6}.work-pair-bento{grid-template-columns:4fr 8fr}.work-pair-bento .work-card:first-child figure{aspect-ratio:1.25}.work-pair-bento .work-card:last-child figure{aspect-ratio:4/5}.work-pair-bento .work-card:last-child img{object-fit:contain}.work-bento-selected .project figure{aspect-ratio:1.45}
@media(max-width:640px){.work-card-featured,.work-card-secondary{grid-column:auto}.work-pair-bento{grid-template-columns:1fr}.work-pair-bento .work-card:last-child figure{aspect-ratio:4/5}.work-bento-selected .project figure{aspect-ratio:16/9}}
/* Poster-first finish: artwork fills each card; ratios are tuned per composition. */
.work-card figure,.work-bento-selected .project figure{position:relative;background:#100d14;overflow:hidden}.work-card img,.work-bento-selected .project img{object-fit:cover;width:100%;height:100%;background:#100d14;transition:transform var(--dur-4) var(--ease-out),filter var(--dur-4) var(--ease-out)}.work-card-featured figure{aspect-ratio:16/10}.work-card-secondary figure{aspect-ratio:4/3}.work-pair-bento .work-card:first-child figure{aspect-ratio:1/1}.work-pair-bento .work-card:last-child figure{aspect-ratio:4/5}.work-bento-selected .project:nth-child(1) figure{aspect-ratio:16/10}.work-bento-selected .project:nth-child(2) figure{aspect-ratio:4/3}.work-bento-selected .project:nth-child(3) figure{aspect-ratio:1/1}.work-bento-selected .project:nth-child(4) figure{aspect-ratio:16/10}.work-bento-selected .project:nth-child(5) figure{aspect-ratio:4/5}.work-bento-selected .project:nth-child(6) figure{aspect-ratio:16/10}.work-card:hover img,.work-bento-selected .project:hover img{transform:scale(1.045);filter:saturate(1.08) contrast(1.03)}.work-card figure:after,.work-bento-selected .project figure:after{content:'';position:absolute;inset:0;background:linear-gradient(145deg,#ffffff12,transparent 35%,#0008);opacity:.45;pointer-events:none;transition:opacity var(--dur-3) var(--ease-out)}.work-card:hover figure:after,.work-bento-selected .project:hover figure:after{opacity:.2}.work .project{animation:poster-rise .75s var(--ease) both}.work .project:nth-of-type(2){animation-delay:.08s}.work .project:nth-of-type(3){animation-delay:.14s}.work .project:nth-of-type(4){animation-delay:.2s}@keyframes poster-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:640px){.work-card-featured figure,.work-card-secondary figure,.work-pair-bento .work-card:first-child figure,.work-bento-selected .project:nth-child(n) figure{aspect-ratio:16/9}.work-pair-bento .work-card:last-child figure{aspect-ratio:4/5}}
/* Final bento rhythm for the high-resolution poster set. */
.work-bento-selected{grid-auto-flow:dense;align-items:start;gap:22px;margin-top:8px}.work-bento-selected .project{min-width:0;margin-bottom:18px}.work-bento-selected .project:nth-child(1){grid-column:span 8}.work-bento-selected .project:nth-child(2){grid-column:span 4}.work-bento-selected .project:nth-child(3){grid-column:span 4}.work-bento-selected .project:nth-child(4){grid-column:span 8}.work-bento-selected .project:nth-child(5){grid-column:span 5}.work-bento-selected .project:nth-child(6){grid-column:span 7}.work-bento-selected .project:nth-child(1) figure,.work-bento-selected .project:nth-child(4) figure{aspect-ratio:16/9}.work-bento-selected .project:nth-child(2) figure,.work-bento-selected .project:nth-child(5) figure{aspect-ratio:4/3}.work-bento-selected .project:nth-child(3) figure{aspect-ratio:4/5}.work-bento-selected .project:nth-child(6) figure{aspect-ratio:16/10}.work-bento-selected .project>div{min-height:42px;align-items:flex-start;padding-top:14px;gap:10px}.work-bento-selected .project>div>span:first-child{font-size:18px;line-height:1.15}.work-bento-selected .project small{padding-top:3px}.work-bento-selected .project figure{border-radius:16px;box-shadow:0 16px 38px #0007}
@media(max-width:640px){.work-bento-selected{display:block;margin-top:0}.work-bento-selected .project{margin-bottom:42px}.work-bento-selected .project:nth-child(n) figure{aspect-ratio:16/9}.work-bento-selected .project:nth-child(3) figure{aspect-ratio:4/5}.work-bento-selected .project>div{min-height:0}.work-bento-selected .project>div>span:first-child{font-size:20px}}
@media(prefers-reduced-motion:reduce){.work .project{animation:none}.work-card img,.work-bento-selected .project img{transition:none}}

/* The four identity labels live in the clear air above the timeline. */
.meaning-caption{position:fixed;left:var(--pad);right:var(--pad);bottom:calc(10% + 62px);z-index:8;max-width:max-content;font-size:clamp(13px,1.25vw,18px);font-weight:700;letter-spacing:.13em;line-height:1.2;white-space:nowrap;opacity:var(--show);transform:translateY(8px);filter:blur(3px);transition:opacity var(--dur-2) var(--ease-out)}
.meaning-caption.is-changing{animation:meaning-label-in .75s var(--ease) both}
@keyframes meaning-label-in{from{opacity:0;transform:translateY(10px);filter:blur(4px);letter-spacing:.22em}to{opacity:var(--show);transform:none;filter:blur(0);letter-spacing:.13em}}
@media(max-width:640px){.meaning-caption{left:22px;right:22px;bottom:calc(10% + 58px);font-size:clamp(12px,3.25vw,15px);letter-spacing:.1em}.chapters article .chapter-craft{position:static;display:none}}
@media(prefers-reduced-motion:reduce){.meaning-caption.is-changing{animation:none;opacity:var(--show);transform:none;filter:none}}

/* Chapter labels are their own animated layer above the identity timeline. */
.chapters article .chapter-craft{position:fixed;left:var(--pad);right:var(--pad);bottom:calc(10% + 62px);z-index:8;margin:0;max-width:0;overflow:hidden;white-space:nowrap;font-size:clamp(13px,1.25vw,18px);font-weight:700;letter-spacing:.13em;line-height:1.2;opacity:0;transform:none;pointer-events:none}
.chapters article.active .chapter-craft{opacity:1;max-width:calc(100% - var(--pad)*2);animation:chapter-typewriter 1.15s steps(34,end) both,chapter-tag-glow 1.15s ease both}
@keyframes chapter-typewriter{from{max-width:0}to{max-width:calc(100% - var(--pad)*2)}}
@keyframes chapter-tag-glow{0%{filter:blur(4px);transform:translateY(8px)}70%{filter:blur(0);transform:none}100%{filter:blur(0);transform:none}}
@media(max-width:640px){
 .chapters article .chapter-craft{left:22px;right:22px;bottom:calc(10% + 58px);font-size:clamp(12px,3.25vw,15px);letter-spacing:.1em}
 .chapters article.active .chapter-craft{max-width:calc(100% - 44px)}
}
@media(prefers-reduced-motion:reduce){.chapters article.active .chapter-craft{animation:none;max-width:calc(100% - var(--pad)*2)}}

/* Roll back identity rotation to the earlier, more stable composition. */
@media(max-width:640px){
 .identity-scene{height:100svh;padding-inline:0}
 .meaning-background{display:block}
 .meaning-ghost{left:35%;top:22%;width:78vw;height:36%;opacity:.12}
 .identity-intro{display:block}
 .identity-intro>.label{display:none!important}
 .identity-symbol{width:46vw;top:24%;left:calc(50% - var(--dock)*19%);z-index:1}
 .meaning-caption{top:auto;bottom:calc(3% + 50px);left:22px;z-index:12}
 .chapters{z-index:3}
 .chapters article{top:40%;left:22px;right:22px;padding:0;background:none}
 .story-timeline{bottom:3%;z-index:4}
 .chapters article .chapter-craft{position:absolute;top:-40px;left:0;right:0;margin:0;white-space:nowrap;text-align:left;opacity:.95;transform:translateY(8px);}
 .chapters article.active .chapter-craft{animation:chapter-tag-in .65s var(--ease) both;}
}
@keyframes chapter-tag-in{from{opacity:0;transform:translateY(12px);letter-spacing:.2em}to{opacity:.95;transform:none;letter-spacing:.09em}}
/* Bento overrides stay last so they win over the legacy work rules. */
.work{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:26px;align-items:start}.work .section-head{grid-column:1/-1}.work-card-featured{grid-column:span 8}.work-card-secondary{grid-column:span 4}.work-pair-bento{grid-column:1/-1;width:100%;grid-template-columns:7fr 5fr;gap:26px}.work-bento-selected{grid-column:1/-1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:26px}.work-bento-selected .project{grid-column:span 4;margin-bottom:28px}.work-bento-selected .project:nth-child(1){grid-column:span 7}.work-bento-selected .project:nth-child(2){grid-column:span 5}.work-bento-selected .project:nth-child(5){grid-column:span 5}.work-bento-selected .project:nth-child(6){grid-column:span 7}.work-bento-selected figure{aspect-ratio:1.6}.work-bento-selected img{height:100%;object-fit:cover}
@media(max-width:640px){.work{display:block}.work-card-featured,.work-card-secondary,.work-pair-bento,.work-bento-selected{display:block;width:auto}.work-bento-selected .project{display:block;margin-bottom:45px}.work-bento-selected figure{aspect-ratio:16/9}}

/* Final identity label placement wins over legacy mobile rules. */
.identity-scene .meaning-caption{position:absolute!important;top:auto!important;bottom:calc(10% + 36px)!important;left:var(--pad)!important;right:var(--pad)!important;z-index:12!important;max-width:calc(100% - var(--pad)*2)!important;overflow:hidden;white-space:nowrap;font-size:clamp(14px,1.35vw,19px)!important;font-weight:800!important;letter-spacing:.14em!important;line-height:1.2;transform:translateY(10px);filter:blur(4px)}
.identity-scene .meaning-caption.is-changing{animation:meaning-label-premium-final .82s cubic-bezier(.16,1,.3,1) both}
@keyframes meaning-label-premium-final{0%{opacity:0;transform:translateY(12px);filter:blur(5px);letter-spacing:.24em;clip-path:inset(0 100% 0 0)}58%{opacity:var(--show);clip-path:inset(0)}100%{opacity:var(--show);transform:none;filter:blur(0);letter-spacing:.14em;clip-path:inset(0)}}
.identity-scene .chapter-craft{display:none!important}
@media(max-width:640px){.identity-scene .meaning-caption{left:22px!important;right:22px!important;bottom:calc(3% + 50px)!important;max-width:calc(100% - 44px)!important;font-size:clamp(13px,3.7vw,17px)!important;letter-spacing:.105em!important}.identity-scene .chapters article{top:40%!important}.identity-scene .identity-symbol{top:24%!important}.identity-scene .story-timeline{bottom:3%!important}}
/* Preview conversion layer */
.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;border-block:1px solid #242424;padding-block:22px;margin-top:-1px}.proof-strip>div{display:flex;align-items:baseline;gap:10px}.proof-value{font-size:clamp(22px,2.4vw,34px);letter-spacing:-.06em;color:#fff}.proof-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#888}.partnership{padding-block:135px;border-top:1px solid #242424}.partnership-head{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:40px;align-items:end}.partnership-head h2{font-size:clamp(52px,6.2vw,92px)}.partnership-head>p:last-child{font-size:16px;max-width:330px}.partnership-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#292929;margin-top:78px}.partnership-grid article{background:#000;padding:28px 24px 32px;min-height:190px}.partnership-grid article>span{color:var(--amber);font:500 11px/1 Inter,sans-serif;letter-spacing:.14em}.partnership-grid h3{font-size:25px;margin:44px 0 10px}.partnership-grid p{font-size:15px;max-width:280px}.text-link{display:inline-flex;gap:18px;margin-top:32px;color:#fff;font-size:14px;border-bottom:1px solid #666;padding-bottom:10px}.text-link span{color:var(--amber);transition:transform var(--dur-1) var(--ease-out)}.text-link:hover span{transform:translate(3px,-3px)}.brief-panel{display:grid;grid-template-columns:1fr 1fr;gap:64px;border-top:1px solid #282828;padding-top:55px;margin-top:58px}.brief-panel h3{font-size:clamp(32px,4vw,58px);letter-spacing:-.05em;margin:18px 0}.brief-panel>div>p{max-width:300px;font-size:15px}.brief-panel form{display:grid;gap:18px}.brief-panel label{display:grid;gap:8px;color:#aaa;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.brief-panel input,.brief-panel select{width:100%;background:#0b0b0b;border:1px solid #363636;color:#fff;padding:14px 12px;border-radius:2px;font-size:15px;text-transform:none;letter-spacing:0}.brief-panel input:focus,.brief-panel select:focus{border-color:var(--amber);outline:0}.brief-panel .pill{width:max-content;margin-top:6px}.brief-panel #intake-status{font-size:12px;color:var(--amber);min-height:20px}
@media(max-width:640px){.proof-strip{grid-template-columns:repeat(2,1fr);gap:16px;padding-block:18px}.proof-strip>div{display:grid;gap:3px}.proof-value{font-size:26px}.proof-label{font-size:8px;line-height:1.35}.partnership{padding-block:80px}.partnership-head{grid-template-columns:1fr;gap:20px}.partnership-head h2{font-size:52px}.partnership-head>p:last-child{font-size:15px}.partnership-grid{grid-template-columns:1fr;margin-top:42px}.partnership-grid article{min-height:150px}.partnership-grid h3{margin:28px 0 8px}.brief-panel{grid-template-columns:1fr;gap:36px;margin-top:42px;padding-top:36px}.brief-panel h3{font-size:40px}.brief-panel .pill{width:100%;justify-content:space-between}}

/* Preview: proof counters, project disclosure panels and icon socials. */
.studio-stats{padding-block:74px;border-block:1px solid #242424}.stats-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:42px}.stats-head>p:last-child{max-width:360px;font-size:15px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#252525}.stats-grid>div{background:#000;min-height:128px;padding:20px 22px;display:flex;flex-direction:column;justify-content:space-between}.stats-grid strong{font-size:clamp(42px,5vw,76px);line-height:.9;letter-spacing:-.08em;color:#fff;font-weight:300}.stats-grid span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#888}.project-detail{margin-bottom:28px}.project-detail summary{list-style:none;cursor:pointer}.project-detail summary::-webkit-details-marker{display:none}.project-detail summary>div{display:flex;align-items:center;gap:14px;padding-top:16px}.project-detail summary>div>span:first-child{flex:1}.project-detail summary .project-toggle{width:24px;height:24px;display:grid;place-items:center;border:1px solid #555;border-radius:50%;color:var(--amber);font-size:18px;line-height:1;transition:transform var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out)}.project-detail[open] summary .project-toggle{transform:rotate(45deg);background:#21170a}.project-detail[open] summary figure img{filter:saturate(.8);transform:scale(1.015)}.project-panel{border-top:1px solid #282828;margin-top:18px;padding:20px 0 4px;display:grid;grid-template-columns:1fr 1.1fr;gap:22px 38px;animation:project-panel-in .35s var(--ease) both}.project-panel>p{grid-column:2;font-size:15px;line-height:1.7}.project-facts{display:grid;gap:12px}.project-facts span{display:flex;flex-direction:column;gap:3px;font-size:14px;color:#bbb}.project-facts b{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);font-weight:500}.project-watch{grid-column:2;justify-self:start;display:inline-flex;gap:16px;border-bottom:1px solid #666;padding-bottom:9px;font-size:13px}.project-watch span{color:var(--amber)}@keyframes project-panel-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.contact-socials>div{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;width:min(600px,100%)}.contact-socials a{display:flex;align-items:center;gap:13px;min-height:54px;padding:12px 16px;border:1px solid #2e2e2e;border-radius:30px;background:#111;transition:border-color var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out)}.contact-socials a:hover{border-color:#555;background:#191919;transform:translateY(-2px)}.contact-socials a svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;color:#bbb}.contact-socials a span{font-size:12px;letter-spacing:.03em;flex:1}.contact-socials a i{font-style:normal;color:#888}.contact-socials a:hover svg,.contact-socials a:hover i{color:var(--amber)}
@media(max-width:640px){.studio-stats{padding-block:56px}.stats-head{display:grid;gap:16px;margin-bottom:28px}.stats-head>p:last-child{font-size:14px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid>div{min-height:106px;padding:16px}.stats-grid strong{font-size:46px}.stats-grid span{font-size:8px;line-height:1.35}.project-panel{grid-template-columns:1fr;gap:18px}.project-panel>p,.project-watch{grid-column:1}.project-facts{grid-template-columns:repeat(2,1fr);gap:14px}.project-facts span{font-size:12px}.contact-socials>div{grid-template-columns:1fr;gap:8px}.contact-socials a{min-height:50px}}
.client-ribbon{padding-block:70px 86px;border-bottom:1px solid #242424;overflow:hidden}.client-ribbon-title{max-width:900px;margin:0 auto 48px;text-align:center;font-size:clamp(28px,4vw,52px);line-height:1.08;letter-spacing:-.055em;font-weight:400;text-wrap:balance}.client-marquee{overflow:hidden;outline:none;border:1px solid #454545;border-radius:999px}.client-marquee:focus-visible{outline:1px solid var(--amber);outline-offset:8px}.client-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;animation:none!important}.client-chip{display:flex;align-items:center;justify-content:center;min-height:88px;padding:14px 18px;border-right:1px solid #3a3a3a;color:#e8e8e8;background:#0b0b0b;white-space:nowrap;text-align:center;font-size:clamp(13px,1.4vw,22px);line-height:1.02;letter-spacing:-.04em;font-weight:700}.client-chip:last-child{border-right:0}.client-chip b{display:none}.client-chip:nth-child(1){font-size:clamp(11px,1.2vw,18px);letter-spacing:.02em}.client-chip:nth-child(3){font-size:clamp(11px,1.15vw,17px);font-weight:600}.client-chip:nth-child(5){font-size:clamp(11px,1.15vw,18px);letter-spacing:.08em}.client-chip span br{display:block}@media(max-width:640px){.client-ribbon{padding-block:52px 60px}.client-ribbon-title{margin-bottom:28px;font-size:clamp(27px,8vw,38px)}.client-marquee{border-radius:26px;overflow-x:auto}.client-track{grid-template-columns:repeat(6,minmax(150px,1fr));min-width:900px}.client-chip{min-height:70px;padding:10px 12px;font-size:14px}.client-chip:nth-child(1),.client-chip:nth-child(3),.client-chip:nth-child(5){font-size:12px}}
.client-ribbon-title span{color:var(--amber);display:inline-block;margin-left:.14em}.client-marquee{mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.client-track{display:flex;gap:0;width:max-content;animation:client-marquee 34s linear infinite!important}.client-marquee:hover .client-track,.client-marquee:focus-within .client-track{animation-play-state:paused}.client-chip{min-width:190px;border-right:1px solid #3a3a3a;border-radius:0}.client-chip:last-child{border-right:1px solid #3a3a3a}@keyframes client-marquee{to{transform:translateX(-50%)}}@media(max-width:640px){.client-ribbon-title{text-align:left;font-size:clamp(25px,7.5vw,36px)}.client-track{animation-duration:28s!important}.client-chip{min-width:155px}}
.client-chip{background:#111;overflow:hidden}.client-chip img{display:block;width:min(160px,100%);height:52px;object-fit:contain;filter:grayscale(1) brightness(1.75);opacity:.92;transition:filter var(--dur-2) var(--ease-out),opacity var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out)}.client-chip:hover img{filter:grayscale(0) brightness(1.15);opacity:1;transform:scale(1.04)}@media(max-width:640px){.client-chip img{width:125px;height:40px}}
.client-ribbon{padding-block:78px 92px;background:radial-gradient(ellipse 70% 65% at 50% 40%,#101010 0,transparent 72%)}.client-ribbon-title{max-width:960px;margin-bottom:54px}.client-marquee{border:0;border-radius:0;mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%)}.client-track{gap:56px;align-items:center;padding:7px 56px;animation-duration:42s!important}.client-chip{width:205px;min-width:205px;height:106px;min-height:106px;padding:0;border:0!important;background:transparent!important;overflow:visible}.client-chip img{width:100%;height:78px;max-width:190px;object-fit:contain;image-rendering:auto;mix-blend-mode:screen;filter:grayscale(1) brightness(2.05) contrast(1.18);opacity:.9;transition:filter var(--dur-2) var(--ease-out),opacity var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out)}.client-chip:hover img{filter:grayscale(0) brightness(1.35) contrast(1.08);opacity:1;transform:translateY(-4px) scale(1.045)}.client-marquee:hover .client-track,.client-marquee:focus-within .client-track{animation-play-state:paused}@media(max-width:640px){.client-ribbon{padding-block:56px 66px}.client-ribbon-title{margin-bottom:34px}.client-track{gap:32px;padding-inline:32px;animation-duration:34s!important}.client-chip{width:154px;min-width:154px;height:82px;min-height:82px}.client-chip img{height:58px;max-width:145px}}
.client-ribbon{padding-block:30px 72px;border-bottom:1px solid #242424;overflow:hidden}.client-ribbon-head{display:flex;justify-content:space-between;align-items:baseline;gap:22px;margin-bottom:22px}.client-ribbon-head span{font-size:12px;color:#858585}.client-marquee{overflow:hidden;outline:none;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.client-marquee:focus-visible{outline:1px solid var(--amber);outline-offset:8px}.client-track{display:flex;gap:12px;width:max-content;animation:client-marquee 30s linear infinite}.client-marquee:hover .client-track,.client-marquee:focus-within .client-track{animation-play-state:paused}.client-chip{display:inline-flex;align-items:center;gap:11px;min-height:46px;padding:0 18px;border:1px solid #2f2f2f;border-radius:999px;color:#d7d7d7;background:#0b0b0b;white-space:nowrap;font-size:13px;letter-spacing:-.01em}.client-chip b{display:grid;place-items:center;width:21px;height:21px;border:1px solid #555;border-radius:50%;color:var(--amber);font-size:8px;font-weight:500;letter-spacing:0}.client-chip:nth-child(3n) b{color:#a981ff;border-color:#55427f}.client-chip:nth-child(4n) b{color:#57d5c0;border-color:#286d64}@keyframes client-marquee{to{transform:translateX(-50%)}}@media(max-width:640px){.client-ribbon{padding-block:26px 52px}.client-ribbon-head{display:grid;gap:9px;margin-bottom:18px}.client-ribbon-head span{font-size:10px}.client-track{gap:9px;animation-duration:24s}.client-chip{min-height:40px;padding:0 14px;font-size:11px}.client-chip b{width:18px;height:18px;font-size:7px}}
/* Client logo gallery: source PNGs are composited into the dark canvas, not cards. */
.client-ribbon{padding-block:78px 92px;background:radial-gradient(ellipse 70% 65% at 50% 40%,#101010 0,transparent 72%);border-bottom:1px solid #242424}.client-ribbon-title{max-width:960px;margin:0 auto 54px;text-align:center;font-size:clamp(28px,4vw,52px);line-height:1.08;letter-spacing:-.055em;font-weight:400;text-wrap:balance}.client-ribbon-title span{color:var(--amber);display:inline-block;margin-left:.14em}.client-marquee{overflow:hidden;outline:none;border:0;border-radius:0;mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%)}.client-marquee:focus-visible{outline:1px solid var(--amber);outline-offset:8px}.client-track{display:flex;align-items:center;gap:56px;width:max-content;padding:7px 56px;animation:client-marquee 42s linear infinite!important}.client-marquee:hover .client-track,.client-marquee:focus-within .client-track{animation-play-state:paused}.client-chip{display:flex;align-items:center;justify-content:center;width:205px;min-width:205px;height:106px;min-height:106px;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible}.client-chip b{display:none!important}.client-chip img{display:block;width:100%;height:78px;max-width:190px;object-fit:contain;image-rendering:auto;mix-blend-mode:screen;filter:grayscale(1) brightness(1.28) contrast(5);opacity:.96;transition:filter var(--dur-2) var(--ease-out),opacity var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out)}.client-chip:hover img{filter:grayscale(0) brightness(1.35) contrast(1.4);opacity:1;transform:translateY(-4px) scale(1.045)}@media(max-width:640px){.client-ribbon{padding-block:56px 66px}.client-ribbon-title{margin-bottom:34px;text-align:left;font-size:clamp(25px,7.5vw,36px)}.client-track{gap:32px;padding-inline:32px;animation-duration:34s!important}.client-chip{width:154px;min-width:154px;height:82px;min-height:82px}.client-chip img{height:58px;max-width:145px}}
/* Reference-matched loader lockup: compact symbol, full-word fade, quiet studio line. */
.site-loader{gap:0}.site-loader:before{width:138px;border:0;background:radial-gradient(circle,#8052ff20 0,#8052ff09 42%,transparent 72%);box-shadow:none;animation:loader-halo 2.6s ease-in-out infinite}.site-loader:after{width:72px;opacity:.48;transform:translateY(112px) scaleX(.12);animation:loader-progress-refined 2.8s cubic-bezier(.22,1,.36,1) forwards}.site-loader>svg:first-child{width:clamp(78px,7.5vw,96px);animation:loader-mark-settle 1.25s cubic-bezier(.22,1,.36,1) .15s both!important}.site-loader .loader-word-art{width:clamp(140px,12.5vw,162px);margin-top:-7px}.site-loader .loader-glyph{filter:none}.site-loader .loader-glyph-m{display:block;clip-path:none;animation:loader-word-fade-blur .88s cubic-bezier(.22,1,.36,1) 1.34s forwards}.site-loader .loader-glyph-o,.site-loader .loader-glyph-e{display:none}.site-loader .loader-glyph img{filter:drop-shadow(0 0 9px #8052ff55)}.site-loader .loader-studios{margin-top:-2px!important;font-size:8px!important;letter-spacing:.22em!important;color:#b8b8b8!important;animation:loader-studios-refined .58s cubic-bezier(.22,1,.36,1) 2.1s forwards!important}@keyframes loader-mark-settle{0%{opacity:0;transform:perspective(420px) rotateX(26deg) rotateY(-18deg) scale(.82);filter:blur(7px) drop-shadow(0 0 0 #8052ff)}60%{opacity:1;transform:perspective(420px) rotateX(0) rotateY(3deg) scale(1.025);filter:blur(0) drop-shadow(0 0 15px #8052ff99)}100%{opacity:1;transform:none;filter:drop-shadow(0 0 10px #8052ff80)}}@keyframes loader-word-fade-blur{0%{opacity:0;transform:translateY(7px) scale(.97);filter:blur(8px)}100%{opacity:1;transform:none;filter:blur(0)}}@keyframes loader-studios-refined{from{opacity:0;transform:translateY(5px);letter-spacing:.34em}to{opacity:1;transform:none;letter-spacing:.22em}}@keyframes loader-halo{0%,100%{transform:scale(.9);opacity:.48}50%{transform:scale(1.05);opacity:.75}}@keyframes loader-progress-refined{0%{transform:translateY(112px) scaleX(.12);opacity:0}18%{opacity:.48}100%{transform:translateY(112px) scaleX(1);opacity:.65}}@media(max-width:640px){.site-loader>svg:first-child{width:78px}.site-loader .loader-word-art{width:136px}.site-loader:before{width:118px}.site-loader:after{transform:translateY(96px) scaleX(.12)}@keyframes loader-progress-refined{0%{transform:translateY(96px) scaleX(.12);opacity:0}18%{opacity:.48}100%{transform:translateY(96px) scaleX(1);opacity:.65}}}
/* Final client wall: transparent brand marks on the native site canvas. */
.client-ribbon{padding-block:94px 96px;background:#000;border-block:1px solid #1d1d1d}.client-ribbon-title{max-width:800px;margin:0 0 46px;text-align:left;font-size:clamp(30px,3.45vw,48px);line-height:1.08;letter-spacing:-.052em}.client-ribbon-title:before{content:'CLIENTS / PARTNERS / PITCHES';display:block;margin-bottom:17px;color:var(--amber);font:600 9px/1 Inter,sans-serif;letter-spacing:.18em}.client-marquee{border:0;background:transparent;mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}.client-track{gap:70px;padding:22px 48px;animation-duration:48s!important}.client-chip{position:relative;width:198px;min-width:198px;height:88px;min-height:88px;padding:0!important;background:transparent!important;border:0!important}.client-chip:after{content:'';position:absolute;right:-36px;top:50%;width:3px;height:3px;border-radius:50%;background:#3a3a3a}.client-chip img{width:100%;height:64px;max-width:184px;object-fit:contain;mix-blend-mode:normal;filter:none!important;opacity:.72;transform:none;transition:opacity var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out),filter var(--dur-2) var(--ease-out)}.client-chip:hover img{opacity:1;transform:translateY(-3px) scale(1.035);filter:drop-shadow(0 0 10px #8052ff40)!important}.studio-stats{margin-top:0;border-top:1px solid #242424}@media(max-width:640px){.client-ribbon{padding-block:68px 72px}.client-ribbon-title{margin-bottom:34px;font-size:clamp(28px,8vw,38px)}.client-ribbon-title:before{margin-bottom:14px;font-size:8px}.client-track{gap:42px;padding:16px 28px;animation-duration:38s!important}.client-chip{width:148px;min-width:148px;height:72px;min-height:72px}.client-chip:after{right:-22px}.client-chip img{height:50px;max-width:140px}.studio-stats{margin-top:0}}
/* Counterboard: the numerals are a compositional layer, not just a data label. */
.studio-stats{padding-block:96px 108px;background:linear-gradient(180deg,#000 0,#080808 100%);border-block:1px solid #242424}.stats-head{align-items:start;margin-bottom:38px}.stats-head>p:last-child{max-width:390px;font-size:14px;line-height:1.65;color:#969696}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid #282828;background:#282828}.stats-grid>div{position:relative;min-height:208px;padding:25px 28px;background:#090909;overflow:hidden;isolation:isolate}.stats-grid>div:before{content:attr(data-index);position:absolute;top:20px;left:24px;color:#8b8b8b;font:500 9px/1 Inter,sans-serif;letter-spacing:.18em;z-index:2}.stats-grid>div:after{content:'';position:absolute;right:-21px;bottom:-21px;width:86px;height:86px;border:1px solid color-mix(in srgb,var(--amber) 38%,transparent);border-radius:50%;opacity:.7;z-index:1}.stats-grid>div:nth-child(2):after,.stats-grid>div:nth-child(3):after{border-color:#8052ff6b}.stats-grid strong{position:absolute;right:20px;bottom:-9px;z-index:0;color:#303030;font-size:clamp(92px,12.7vw,186px);line-height:.76;letter-spacing:-.105em;font-weight:300;pointer-events:none}.stats-grid span{position:absolute;left:28px;bottom:29px;z-index:2;max-width:210px;color:#f5f5f5;font:500 clamp(14px,1.5vw,20px)/1.05 Inter,sans-serif;letter-spacing:-.035em;text-transform:none}.stats-grid>div:hover strong{color:#515151;transition:color var(--dur-3) var(--ease-out)}.stats-grid>div:hover:after{transform:scale(1.16);transition:transform var(--dur-3) var(--ease-out)}
/* A quieter, better-proportioned loading lockup. */
.site-loader:before{display:none}.site-loader:after{width:66px;opacity:.42;transform:translateY(108px) scaleX(.12);animation:loader-progress-lockup 2.5s cubic-bezier(.22,1,.36,1) forwards}.site-loader>svg:first-child{width:clamp(76px,7vw,90px)}.site-loader .loader-word-art{width:clamp(150px,13vw,174px);margin-top:-5px}.site-loader .loader-studios{margin-top:0!important;font-size:8px!important;letter-spacing:.25em!important;color:#a7a7a7!important}@keyframes loader-progress-lockup{0%{transform:translateY(108px) scaleX(.12);opacity:0}20%{opacity:.38}100%{transform:translateY(108px) scaleX(1);opacity:.5}}@media(max-width:640px){.studio-stats{padding-block:70px 76px}.stats-head{gap:16px;margin-bottom:28px}.stats-grid>div{min-height:151px;padding:18px}.stats-grid>div:before{top:15px;left:17px;font-size:8px}.stats-grid>div:after{right:-23px;bottom:-23px;width:72px;height:72px}.stats-grid strong{right:13px;bottom:-5px;font-size:clamp(78px,23vw,108px)}.stats-grid span{left:18px;bottom:20px;max-width:122px;font-size:13px}.site-loader>svg:first-child{width:74px}.site-loader .loader-word-art{width:146px}.site-loader:after{transform:translateY(98px) scaleX(.12)}@keyframes loader-progress-lockup{0%{transform:translateY(98px) scaleX(.12);opacity:0}20%{opacity:.38}100%{transform:translateY(98px) scaleX(1);opacity:.5}}}
/* Asymmetric stats bento: one anchor tile + three supporting metrics. */
.stats-grid{grid-template-columns:1.22fr .82fr .82fr 1.22fr;grid-template-rows:repeat(2,156px);gap:1px}.stats-grid>div{min-height:0}.stats-grid>div:nth-child(1){grid-column:1 / span 2;grid-row:1 / span 2;background:radial-gradient(circle at 80% 15%,#1a1328 0,transparent 52%),#090909}.stats-grid>div:nth-child(4){grid-column:4;grid-row:1 / span 2;background:radial-gradient(circle at 20% 85%,#1c160a 0,transparent 52%),#090909}.stats-grid>div:nth-child(1) strong{font-size:clamp(130px,17vw,250px);color:#3a3346}.stats-grid>div:nth-child(4) strong{font-size:clamp(118px,14vw,210px);color:#40331d}.stats-grid>div:nth-child(2) strong,.stats-grid>div:nth-child(3) strong{font-size:clamp(76px,8vw,124px)}.stats-grid>div:nth-child(2){background:linear-gradient(135deg,#0b0b0b,#111)}.stats-grid>div:nth-child(3){background:linear-gradient(135deg,#111,#0b0b0b)}.stats-grid>div:nth-child(1) span,.stats-grid>div:nth-child(4) span{font-size:clamp(16px,1.55vw,21px);max-width:190px}.stats-grid>div:nth-child(2) span,.stats-grid>div:nth-child(3) span{font-size:15px;max-width:125px}.stats-grid>div:nth-child(1):after{width:110px;height:110px;right:-28px;bottom:-28px}.stats-grid>div:nth-child(4):after{width:94px;height:94px;right:-24px;bottom:-24px}@media(max-width:640px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,142px)}.stats-grid>div:nth-child(1){grid-column:1 / span 2;grid-row:1}.stats-grid>div:nth-child(2){grid-column:1;grid-row:2}.stats-grid>div:nth-child(3){grid-column:2;grid-row:2}.stats-grid>div:nth-child(4){grid-column:1 / span 2;grid-row:3}.stats-grid>div:nth-child(1) strong{font-size:clamp(96px,28vw,142px)}.stats-grid>div:nth-child(4) strong{font-size:clamp(92px,25vw,128px)}.stats-grid>div:nth-child(1) span,.stats-grid>div:nth-child(4) span{font-size:15px}.stats-grid>div:nth-child(2) span,.stats-grid>div:nth-child(3) span{font-size:13px}}
/* Transparent stat tiles: let the native black canvas show through. */
.studio-stats{background:transparent!important}.stats-grid{background:transparent!important;border-color:#2b2b2b!important}.stats-grid>div,.stats-grid>div:nth-child(1),.stats-grid>div:nth-child(2),.stats-grid>div:nth-child(3),.stats-grid>div:nth-child(4){background:transparent!important}.stats-grid strong{opacity:.44}.stats-grid>div:after{opacity:.48}
/* Open stat constellation: no cards, only typographic weight and a precise 2×2 grid. */
.studio-stats{padding-block:104px 112px}.stats-grid{position:relative;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,190px);gap:0;border:0!important}.stats-grid:before,.stats-grid:after{content:'';position:absolute;z-index:4;pointer-events:none;background:#242424}.stats-grid:before{top:0;bottom:0;left:50%;width:1px}.stats-grid:after{left:0;right:0;top:50%;height:1px}.stats-grid>div{min-height:0!important;padding:26px 30px!important;border:0!important;background:transparent!important}.stats-grid>div:nth-child(1),.stats-grid>div:nth-child(2){border-bottom:1px solid #242424!important}.stats-grid>div:nth-child(1),.stats-grid>div:nth-child(3){border-right:1px solid #242424!important}.stats-grid>div:after{width:48px!important;height:48px!important;right:18px!important;bottom:18px!important;border-color:#8052ff50!important;opacity:.7!important}.stats-grid>div:nth-child(2):after,.stats-grid>div:nth-child(4):after{border-color:#f5b83a55!important}.stats-grid>div:before{top:27px;left:30px;color:#777;font-size:9px;letter-spacing:.18em}.stats-grid strong,.stats-grid>div:nth-child(1) strong,.stats-grid>div:nth-child(2) strong,.stats-grid>div:nth-child(3) strong,.stats-grid>div:nth-child(4) strong{left:50%;right:auto;top:50%;bottom:auto;transform:translate(-50%,-52%);color:#292536;opacity:.8;font-size:clamp(104px,13vw,190px);line-height:.75;letter-spacing:-.11em;font-weight:300}.stats-grid>div:nth-child(even) strong{color:#302a1b}.stats-grid span,.stats-grid>div:nth-child(1) span,.stats-grid>div:nth-child(2) span,.stats-grid>div:nth-child(3) span,.stats-grid>div:nth-child(4) span{left:30px;right:30px;bottom:27px;max-width:none;text-align:center;color:#eee;font-size:clamp(13px,1.3vw,17px);line-height:1;letter-spacing:.02em;text-transform:uppercase}.stats-grid>div:hover strong{opacity:1;color:#4d4169}.stats-grid>div:nth-child(even):hover strong{color:#574422}.stats-grid>div:hover:after{transform:scale(1.18);transition:transform var(--dur-3) var(--ease-out)}@media(max-width:640px){.studio-stats{padding-block:76px 82px}.stats-grid{grid-template-rows:repeat(2,146px)}.stats-grid>div{padding:19px 17px!important}.stats-grid>div:before{top:19px;left:17px;font-size:8px}.stats-grid>div:after{width:32px!important;height:32px!important;right:12px!important;bottom:12px!important}.stats-grid strong,.stats-grid>div:nth-child(1) strong,.stats-grid>div:nth-child(2) strong,.stats-grid>div:nth-child(3) strong,.stats-grid>div:nth-child(4) strong{font-size:clamp(76px,22vw,112px)}.stats-grid span,.stats-grid>div:nth-child(1) span,.stats-grid>div:nth-child(2) span,.stats-grid>div:nth-child(3) span,.stats-grid>div:nth-child(4) span{left:12px;right:12px;bottom:18px;font-size:10px;letter-spacing:.08em}}
/* Explicit placement clears the previous asymmetric-bento tracks. */
.stats-grid>div:nth-child(1){grid-column:1!important;grid-row:1!important}.stats-grid>div:nth-child(2){grid-column:2!important;grid-row:1!important}.stats-grid>div:nth-child(3){grid-column:1!important;grid-row:2!important}.stats-grid>div:nth-child(4){grid-column:2!important;grid-row:2!important}
/* Preview language system */
.language-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:34px;padding:0 12px;border:1px solid #3a3a3a;border-radius:999px;color:#e9e9e9;font:600 10px/1 Inter,Arial,sans-serif;letter-spacing:.08em;transition:border-color var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out)}
.language-toggle:hover{border-color:var(--amber);background:#17120a;color:#fff}
html[dir="rtl"] body{direction:rtl}html[dir="rtl"] header,html[dir="rtl"] .hero,html[dir="rtl"] .reel,html[dir="rtl"] .intro,html[dir="rtl"] .identity,html[dir="rtl"] .work,html[dir="rtl"] .lab,html[dir="rtl"] .capabilities,html[dir="rtl"] .process,html[dir="rtl"] .contact{direction:rtl}html[dir="rtl"] header nav{margin-left:0;margin-right:auto}html[dir="rtl"] header nav a::after{transform-origin:right}html[dir="rtl"] .hero-copy,html[dir="rtl"] .section-head,html[dir="rtl"] .reel-heading,html[dir="rtl"] .contact-heading,html[dir="rtl"] .stats-head,html[dir="rtl"] .client-ribbon-title{text-align:right}html[dir="ltr"] .arabic{display:none}html[dir="rtl"] .arabic{display:block;text-align:right}html[dir="rtl"] .hero .arabic{display:none}html[dir="rtl"] .hero .lead br.desktop,html[dir="rtl"] .reel-heading>p br{display:none}html[dir="rtl"] .chapters article{left:var(--pad);right:auto;text-align:right}html[dir="rtl"] .story-timeline{direction:ltr}html[dir="rtl"] .project-panel{direction:rtl;text-align:right}html[dir="rtl"] .project-watch{justify-self:end}html[dir="rtl"] .client-ribbon-title span{margin-left:0;margin-right:.14em}html[dir="rtl"] .contact-socials>div,html[dir="rtl"] .contact-socials a{direction:rtl}html[dir="rtl"] .contact-socials a i{margin-right:auto;margin-left:0}html[dir="rtl"] .newsletter-input{direction:ltr}html[dir="rtl"] .stats-grid span{direction:rtl}
@media(max-width:900px){.language-toggle{height:32px;min-width:45px;padding-inline:10px}}@media(max-width:640px){header{gap:10px}.language-toggle{order:2;height:40px;min-width:46px;padding-inline:10px;font-size:9px}#menu{order:3}#ambient-toggle{order:4}.brand{order:1}html[dir="rtl"] .chapters article{left:22px;right:22px}.client-ribbon-title{text-wrap:balance}}
/* Arabic has its own typographic rhythm and visual reading order. */
html[dir="rtl"] body{font-family:Alexandria,Inter,Arial,sans-serif;font-weight:350}html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3{font-family:Alexandria,Inter,Arial,sans-serif;letter-spacing:-.035em;line-height:1.18}html[dir="rtl"] .label{font-family:Alexandria,Inter,Arial,sans-serif;letter-spacing:.015em;font-size:10px}html[dir="rtl"] .brand,html[dir="rtl"] .language-toggle,html[dir="rtl"] header nav,html[dir="rtl"] #menu{font-family:Alexandria,Inter,Arial,sans-serif}html[dir="rtl"] .hero h1{line-height:1.2}html[dir="rtl"] .hero-copy{text-align:right}html[dir="rtl"] .intro .split,html[dir="rtl"] .process .split,html[dir="rtl"] .lab .split{direction:ltr}html[dir="rtl"] .intro .split>*,html[dir="rtl"] .process .split>*,html[dir="rtl"] .lab .split>*{direction:rtl;text-align:right}html[dir="rtl"] .intro .split .sculpture-column,html[dir="rtl"] .process .split .sculpture-column,html[dir="rtl"] .lab .graph-art{order:0}html[dir="rtl"] .intro .split>div:last-child,html[dir="rtl"] .process .split>div:last-child,html[dir="rtl"] .lab .lab-copy{order:1}html[dir="rtl"] .section-head>p:last-child{padding-left:0;padding-right:12%}html[dir="rtl"] .reel-heading>p{direction:rtl;text-align:right}html[dir="rtl"] .contact-mark{right:auto;left:4%}html[dir="rtl"] footer{direction:rtl}html[dir="rtl"] .contact-email,html[dir="rtl"] .contact-phone{direction:ltr;unicode-bidi:embed;display:block;text-align:right}
@media(max-width:640px){html[dir="rtl"] .intro .split,html[dir="rtl"] .process .split,html[dir="rtl"] .lab .split{direction:rtl}html[dir="rtl"] .intro .split>*,html[dir="rtl"] .process .split>*,html[dir="rtl"] .lab .split>*{order:initial}html[dir="rtl"] .intro .split .sculpture-column,html[dir="rtl"] .process .split .sculpture-column,html[dir="rtl"] .lab .graph-art{order:2;text-align:right}html[dir="rtl"] .intro .split>div:last-child,html[dir="rtl"] .process .split>div:last-child,html[dir="rtl"] .lab .lab-copy{order:1}html[dir="rtl"] .section-head>p:last-child{padding-right:0}html[dir="rtl"] .contact-mark{left:-12%;right:auto}}
/* RTL structural pass — keep motion beside copy, never behind it. */
html[dir="rtl"] .hero{direction:ltr;grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);column-gap:clamp(30px,5vw,84px)}html[dir="rtl"] .hero-copy{direction:rtl;grid-column:2;grid-row:1;min-width:0;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;margin:0;overflow:hidden;contain:paint}html[dir="rtl"] .hero-foot{direction:rtl}html[dir="rtl"] .hero h1{font-size:clamp(58px,6.1vw,92px);max-width:8.5em}html[dir="rtl"] .hero .lead{max-width:43ch;font-size:17px;line-height:1.9}html[dir="rtl"] .chapters article{left:55%;right:var(--pad);width:auto;max-width:560px;text-align:right}html[dir="rtl"] .chapters article>p:not(.label):not(.chapter-craft){max-width:48ch;line-height:1.9}html[dir="rtl"] .chapters h2{font-size:clamp(46px,5vw,76px);line-height:1.14}html[dir="rtl"] .chapters h3{line-height:1.55}html[dir="rtl"] .meaning-caption{direction:ltr;text-align:left}html[dir="rtl"] .identity-symbol{left:calc(50% - var(--dock)*24%)}html[dir="rtl"] .reel-heading,html[dir="rtl"] .section-head{direction:rtl}html[dir="rtl"] .reel-heading>p,html[dir="rtl"] .section-head>p:last-child{max-width:44ch;justify-self:end}html[dir="rtl"] .services p{line-height:1.85;max-width:46ch}html[dir="rtl"] .project-detail summary>div{direction:rtl}html[dir="rtl"] .project-detail summary small{margin-left:0;margin-right:auto}html[dir="rtl"] .stats-head>p:last-child{line-height:1.9}html[dir="rtl"] .client-ribbon-title{max-width:760px;line-height:1.35}
@media(max-width:900px){html[dir="rtl"] .hero{grid-template-columns:minmax(0,.82fr) minmax(390px,1.18fr);column-gap:24px}html[dir="rtl"] .hero h1{font-size:clamp(50px,7vw,68px)}html[dir="rtl"] .chapters article{left:51%;right:var(--pad)}}
@media(max-width:640px){html[dir="rtl"] .hero{direction:rtl;grid-template-columns:1fr;gap:34px;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;height:78vw;margin:0;overflow:hidden}html[dir="rtl"] .hero h1{font-size:clamp(43px,12vw,60px);line-height:1.25;margin:18px 0}html[dir="rtl"] .hero .lead{font-size:15px;line-height:1.85;max-width:34ch}html[dir="rtl"] .chapters article{left:22px;right:22px;top:42%;max-width:none;text-align:right}html[dir="rtl"] .chapters h2{font-size:clamp(38px,11vw,48px);line-height:1.2;margin:10px 0}html[dir="rtl"] .chapters h3{font-size:17px;line-height:1.55;margin-bottom:10px}html[dir="rtl"] .chapters article>p:not(.label):not(.chapter-craft){font-size:13px;line-height:1.75;max-width:36ch}html[dir="rtl"] .meaning-ghost{left:50%;transform:translateX(-50%);width:70vw;height:28%;top:17%}html[dir="rtl"] .identity-symbol{left:50%;top:31%;width:39vw}html[dir="rtl"] .story-timeline{bottom:5%}html[dir="rtl"] .reel-heading>p,html[dir="rtl"] .section-head>p:last-child{justify-self:start}html[dir="rtl"] .client-ribbon-title{font-size:clamp(26px,7.5vw,35px)}}
/* Loader lockup: compact, balanced and sequential. */
.site-loader{display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:0!important;background:radial-gradient(circle at 50% 48%,#100a1c 0,#050307 24%,#000 58%)!important}.site-loader>svg:first-child{width:clamp(66px,6vw,82px)!important;margin-bottom:14px;animation:loader-mark-premium 1.15s cubic-bezier(.22,1,.36,1) .08s both!important}.site-loader .loader-word-art{width:clamp(138px,12vw,164px)!important;margin:0!important;aspect-ratio:478/203}.site-loader .loader-glyph-m{display:block!important;clip-path:none!important;animation:loader-word-premium .72s cubic-bezier(.22,1,.36,1) 1.05s both!important}.site-loader .loader-studios{margin-top:3px!important;font-size:7px!important;letter-spacing:.3em!important;animation:loader-studios-premium .55s cubic-bezier(.22,1,.36,1) 1.72s both!important}.site-loader:before{content:''!important;display:block!important;position:absolute;width:224px!important;height:224px;aspect-ratio:auto!important;border:1px solid #8052ff18!important;border-radius:50%;background:transparent!important;box-shadow:0 0 80px #8052ff12 inset!important;animation:loader-ring-premium 2.8s ease-in-out infinite!important}.site-loader:after{width:54px!important;height:1px!important;opacity:.65!important;transform:translateY(112px) scaleX(.08)!important;animation:loader-progress-premium 2.45s cubic-bezier(.22,1,.36,1) .12s forwards!important}@keyframes loader-mark-premium{0%{opacity:0;transform:translateY(10px) scale(.86);filter:blur(8px)}55%{opacity:1;transform:translateY(0) scale(1.025);filter:blur(0) drop-shadow(0 0 18px #8052ffaa)}100%{opacity:1;transform:none;filter:drop-shadow(0 0 9px #8052ff75)}}@keyframes loader-word-premium{0%{opacity:0;transform:translateY(7px) scale(.96);filter:blur(9px)}100%{opacity:1;transform:none;filter:blur(0) drop-shadow(0 0 8px #8052ff42)}}@keyframes loader-studios-premium{from{opacity:0;transform:translateY(5px);letter-spacing:.4em}to{opacity:1;transform:none;letter-spacing:.3em}}@keyframes loader-ring-premium{0%,100%{transform:scale(.92);opacity:.45}50%{transform:scale(1.035);opacity:.8}}@keyframes loader-progress-premium{0%{transform:translateY(112px) scaleX(.08);opacity:0}20%{opacity:.45}100%{transform:translateY(112px) scaleX(1);opacity:.65}}@media(max-width:640px){.site-loader>svg:first-child{width:68px!important;margin-bottom:12px}.site-loader .loader-word-art{width:142px!important}.site-loader:before{width:190px!important;height:190px}.site-loader:after{transform:translateY(100px) scaleX(.08)!important}@keyframes loader-progress-premium{0%{transform:translateY(100px) scaleX(.08);opacity:0}20%{opacity:.45}100%{transform:translateY(100px) scaleX(1);opacity:.65}}}
.arabic{display:none!important}
@media(min-width:901px){html[dir="rtl"] .chapters article{left:64%;right:var(--pad);max-width:450px}}
.site-loader .loader-glyph img{mix-blend-mode:screen}
.site-loader>svg:first-child{margin-bottom:24px!important}.site-loader .loader-word-art{isolation:isolate}.site-loader .loader-glyph{background:transparent!important}
/* Final loader lockup: use the supplied filled MOE mark, not a redrawn stroke outline. */
.site-loader>svg:first-child path:not(.loader-logo-mask-path):not(.loader-logo-tracer):not(.loader-logo-fill):not(.loader-logo-segment){visibility:visible!important;fill:currentColor!important;stroke:none!important;stroke-width:0!important;stroke-dasharray:none!important;stroke-dashoffset:0!important;opacity:0;transform-box:fill-box;transform-origin:center;animation:loader-logo-reveal 1.05s cubic-bezier(.22,1,.36,1) .08s both!important}
@keyframes loader-logo-reveal{0%{opacity:0;transform:translateY(8px) scale(.82);filter:blur(8px) drop-shadow(0 0 0 #8052ff)}55%{opacity:1;transform:translateY(0) scale(1.04);filter:blur(0) drop-shadow(0 0 18px #8052ffb8)}100%{opacity:1;transform:none;filter:drop-shadow(0 0 10px #8052ff80)}}
@media(prefers-reduced-motion:reduce){.site-loader>svg:first-child path{animation:none!important;opacity:1;transform:none;filter:none}}
/* Reference motion: a luminous stroke travels around the mark and reveals the exact supplied shape. */
.site-loader .loader-logo-svg{animation:none!important;transform:none!important;opacity:1!important;overflow:visible!important;filter:drop-shadow(0 0 12px #8052ff66)!important}
.site-loader .loader-logo-svg .loader-logo-fill{visibility:visible!important;fill:url(#loader-logo-gradient)!important;stroke:none!important;opacity:1!important;mask:url(#loader-logo-mask);filter:drop-shadow(0 0 7px #8052ff78)!important;animation:none!important}
.site-loader .loader-logo-svg .loader-logo-mask-path{visibility:visible!important;fill:none!important;stroke:#fff!important;stroke-width:28!important;stroke-linecap:round!important;stroke-linejoin:round!important;stroke-dasharray:650!important;stroke-dashoffset:650;opacity:1!important;filter:none!important;animation:loader-mark-trace 1.42s cubic-bezier(.42,0,.16,1) .12s forwards!important}
.site-loader .loader-logo-svg .loader-logo-tracer{visibility:visible!important;fill:none!important;stroke:url(#loader-logo-gradient)!important;stroke-width:7;stroke-linecap:round!important;stroke-linejoin:round!important;stroke-dasharray:650!important;stroke-dashoffset:650;opacity:1;filter:drop-shadow(0 0 9px #ff4bd0cc)!important;animation:loader-mark-trace 1.42s cubic-bezier(.42,0,.16,1) .12s forwards,loader-tracer-settle .42s ease 1.48s forwards!important}
@keyframes loader-mark-trace{from{stroke-dashoffset:650}to{stroke-dashoffset:0}}
@keyframes loader-tracer-settle{from{opacity:1;stroke-width:7}to{opacity:.18;stroke-width:4}}
.site-loader .loader-glyph-m{animation-delay:1.58s!important}
.site-loader .loader-studios{animation-delay:2.12s!important}
@media(prefers-reduced-motion:reduce){.site-loader .loader-logo-svg .loader-logo-mask-path,.site-loader .loader-logo-svg .loader-logo-tracer{animation:none!important;stroke-dashoffset:0!important}.site-loader .loader-logo-svg .loader-logo-tracer{opacity:.18!important}}
/* The sequence is deliberately triggered after first paint, so visitors can actually see the line travel. */
.site-loader:not(.is-animating) .loader-logo-mask-path,.site-loader:not(.is-animating) .loader-logo-tracer{animation:none!important;stroke-dashoffset:650}
.site-loader:not(.is-animating) .loader-glyph-m,.site-loader:not(.is-animating) .loader-studios{animation:none!important;opacity:0}
.site-loader.is-animating .loader-logo-mask-path{animation:loader-mark-trace 1.78s cubic-bezier(.42,0,.16,1) forwards!important}
.site-loader.is-animating .loader-logo-tracer{animation:loader-mark-trace 1.78s cubic-bezier(.42,0,.16,1) forwards,loader-tracer-settle .42s ease 1.84s forwards!important}
.site-loader.is-animating .loader-glyph-m{animation:loader-word-premium .72s cubic-bezier(.22,1,.36,1) 2.04s both!important}
.site-loader.is-animating .loader-studios{animation:loader-studios-premium .55s cubic-bezier(.22,1,.36,1) 2.68s both!important}
/* Six deliberate strokes make the symbol build visibly, before the exact filled logo locks in. */
.site-loader .loader-logo-svg .loader-logo-mask-path,.site-loader .loader-logo-svg .loader-logo-tracer{display:none!important}
.site-loader .loader-logo-svg .loader-logo-fill{mask:none!important;opacity:0!important;transition:opacity var(--dur-1) var(--ease-out)!important}
.site-loader.is-complete .loader-logo-svg .loader-logo-fill{opacity:1!important}
.site-loader .loader-logo-segment{visibility:visible!important;fill:none!important;stroke:url(#loader-logo-gradient)!important;stroke-width:8!important;stroke-linecap:round!important;stroke-linejoin:round!important;stroke-dasharray:180;stroke-dashoffset:180;opacity:0;filter:drop-shadow(0 0 9px #ff4bd0cc)!important}
.site-loader:not(.is-animating) .loader-logo-segment{animation:none!important;stroke-dashoffset:180;opacity:0}
.site-loader.is-animating .loader-segment-1{animation:loader-side-draw .38s cubic-bezier(.22,1,.36,1) 0s forwards!important}
.site-loader.is-animating .loader-segment-2{animation:loader-side-draw .38s cubic-bezier(.22,1,.36,1) .16s forwards!important}
.site-loader.is-animating .loader-segment-3{animation:loader-side-draw .38s cubic-bezier(.22,1,.36,1) .32s forwards!important}
.site-loader.is-animating .loader-segment-4{animation:loader-side-draw .38s cubic-bezier(.22,1,.36,1) .48s forwards!important}
.site-loader.is-animating .loader-segment-5{animation:loader-side-draw .38s cubic-bezier(.22,1,.36,1) .64s forwards!important}
.site-loader.is-animating .loader-segment-6{animation:loader-side-draw .38s cubic-bezier(.22,1,.36,1) .8s forwards!important}
.site-loader.is-complete .loader-logo-segment{opacity:0!important;transition:opacity var(--dur-1) var(--ease-out)!important}
@keyframes loader-side-draw{0%{opacity:0;stroke-dashoffset:180}12%{opacity:1}100%{opacity:1;stroke-dashoffset:0}}
.site-loader.is-animating .loader-glyph-m{animation:loader-word-premium .56s cubic-bezier(.22,1,.36,1) 1.46s both!important}
.site-loader.is-animating .loader-studios{animation:loader-studios-premium .44s cubic-bezier(.22,1,.36,1) 1.88s both!important}
@media(prefers-reduced-motion:reduce){.site-loader .loader-logo-segment{animation:none!important;stroke-dashoffset:0!important;opacity:0!important}.site-loader .loader-logo-svg .loader-logo-fill{opacity:1!important}.site-loader .loader-glyph-m,.site-loader .loader-studios{animation:none!important;opacity:1!important}}
/* Let the wordmark enter while the final sides are still drawing, so the full lockup reads sooner. */
.site-loader.is-animating .loader-glyph-m{animation:loader-word-premium .5s cubic-bezier(.22,1,.36,1) .78s both!important}
.site-loader.is-animating .loader-studios{animation:loader-studios-premium .42s cubic-bezier(.22,1,.36,1) 1.14s both!important}
/* Hero CTA: a lower, intentional stop after the lead instead of a continuation of the paragraph. */
.hero-copy>.pill{margin-top:clamp(28px,3vw,42px);min-height:54px;padding:6px 7px 6px 20px;gap:17px;border:1px solid #9d7bff80;border-radius:999px;background:linear-gradient(110deg,#171125 0%,#231549 100%);box-shadow:0 10px 30px #0005,inset 0 1px #ffffff1c;color:#fff;font-size:11px;font-weight:600;letter-spacing:.025em;line-height:1;transition:transform var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out)}
.hero-copy>.pill span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--violet);box-shadow:0 5px 16px #8052ff76;font-size:16px;line-height:1;transition:transform var(--dur-1) var(--ease-out),background-color var(--dur-1) var(--ease-out)}
.hero-copy>.pill:hover{background:linear-gradient(110deg,#201735 0%,#30205f 100%);border-color:#c3afff;box-shadow:0 14px 36px #0008,0 0 26px #8052ff35;transform:translateY(-2px)}
.hero-copy>.pill:hover span{background:#936cff;transform:translate(2px,2px)}
.hero-copy>.pill:active{transform:translateY(0) scale(.985)}
html[dir="rtl"] .hero-copy>.pill{padding:6px 20px 6px 7px;flex-direction:row-reverse;letter-spacing:0;font-family:Alexandria,Inter,sans-serif;font-size:10px}
html[dir="rtl"] .hero-copy>.pill:hover span{transform:translate(-2px,2px)}
@media(max-width:640px){.hero-copy>.pill{margin-top:26px;min-height:52px;padding-left:18px;gap:14px}.hero-copy>.pill span{width:38px;height:38px}.hero-copy>.pill{font-size:10px}html[dir="rtl"] .hero-copy>.pill{padding-right:18px;padding-left:7px;font-size:10px}}

/* Hero language: one clear sentence, with the brief changing inside a restrained motion window. */
.hero h1 .hero-line,.hero h1 .hero-word-window{display:block}.hero h1 .hero-word-window{height:1.06em;overflow:hidden;isolation:isolate}.hero h1 .hero-word-stack{display:block;animation:hero-word-roll 12s cubic-bezier(.65,0,.35,1) infinite}.hero h1 .hero-word-stack b{position:relative;display:block;width:max-content;height:1.06em;line-height:1.03;white-space:nowrap;font:inherit;font-weight:inherit;color:#fff;letter-spacing:inherit}.hero h1 .hero-word-stack b:after{content:'';position:absolute;z-index:-1;left:-.07em;right:-.07em;bottom:.13em;height:.16em;border-radius:999px;background:linear-gradient(90deg,#8052ffb8,#f2b9ef72 58%,#ffb82982);box-shadow:0 0 22px #8052ff35;transform:skewX(-13deg)}@keyframes hero-word-roll{0%,17%{transform:translateY(0)}25%,42%{transform:translateY(-20%)}50%,67%{transform:translateY(-40%)}75%,92%{transform:translateY(-60%)}100%{transform:translateY(-80%)}}.hero-particles-webgl{cursor:crosshair;touch-action:pan-y}@media(max-width:640px){.hero h1 .hero-word-window{height:1.1em}.hero h1 .hero-word-stack b{height:1.1em;line-height:1.06}}html[dir="rtl"] .hero h1 .hero-word-stack b{margin-left:auto}html[dir="rtl"] .hero h1 .hero-word-stack b:after{background:linear-gradient(270deg,#8052ffb8,#f2b9ef72 58%,#ffb82982);transform:skewX(13deg)}@media(prefers-reduced-motion:reduce){.hero h1 .hero-word-stack{animation:none!important}}

/* Hero composition v3 — a continuous motion slot with a restrained keyframe marker. */
.hero-copy{max-width:660px}
.hero h1{display:grid;align-content:start;gap:0;margin:32px 0 0;line-height:.88;overflow:visible;text-wrap:balance}
.hero h1 .hero-action,.hero h1 .hero-result,.hero h1 .hero-word-window{display:block;min-width:0}
.hero h1 .hero-action{font-size:.4em;font-weight:500;line-height:1;letter-spacing:.09em;margin-bottom:.42em;color:#c7c7c7}
.hero h1 .hero-result{font-size:.66em;font-weight:300;line-height:1;letter-spacing:-.035em;margin-top:.2em;white-space:nowrap;color:#f5f5f5}
.hero h1 .hero-word-window{--word-step:1.04em;position:relative;height:var(--word-step);overflow:hidden;isolation:isolate;padding-inline-start:.28em}
.hero h1 .hero-word-window:before{content:'';position:absolute;z-index:2;inset-block:.13em;inset-inline-start:.045em;width:1px;background:linear-gradient(180deg,transparent,#8052ff 28%,#a586ff 72%,transparent);opacity:.72}
.hero h1 .hero-word-window:after{content:'';position:absolute;z-index:3;top:50%;inset-inline-start:.005em;width:.09em;aspect-ratio:1;border:1px solid #c7b8ff;background:#8052ff;box-shadow:0 0 10px #8052ff73;transform:translate(-1px,-50%) rotate(45deg);animation:hero-keyframe-pulse 3s ease-in-out infinite}
.hero h1 .hero-word-stage{position:absolute;inset-block-start:0;inset-inline-start:.28em;inset-inline-end:0;display:flex;flex-direction:column;animation:hero-word-scroll 12s cubic-bezier(.76,0,.2,1) infinite;will-change:transform}
.hero h1 .hero-word-stage b{position:static;display:flex;align-items:center;flex:0 0 var(--word-step);height:var(--word-step);width:max-content;max-width:100%;font:inherit;font-weight:400;line-height:1;letter-spacing:-.06em;color:#fff;white-space:nowrap}
@keyframes hero-word-scroll{0%,18%{transform:translate3d(0,0,0)}25%,43%{transform:translate3d(0,-20%,0)}50%,68%{transform:translate3d(0,-40%,0)}75%,93%{transform:translate3d(0,-60%,0)}100%{transform:translate3d(0,-80%,0)}}
@keyframes hero-keyframe-pulse{0%,72%,100%{opacity:.62;box-shadow:0 0 8px #8052ff58}12%{opacity:1;box-shadow:0 0 14px #8052ff91}}
.hero .lead{max-width:46ch;margin-top:clamp(30px,3vw,40px);color:#aaa;font-size:17px;line-height:1.68;text-wrap:pretty}
.hero-particles-webgl{z-index:2;cursor:crosshair;pointer-events:auto;touch-action:pan-y}

/* Arabic is composed as an RTL product, with its own measures and spacing rhythm. */
html[dir="rtl"] .hero-copy{max-width:610px}
html[dir="rtl"] .hero h1{max-width:7.2em;margin:30px 0 0;line-height:.98}
html[dir="rtl"] .hero h1 .hero-action{font-size:.39em;letter-spacing:0;font-weight:500;margin-bottom:.5em;color:#c7c7c7}
html[dir="rtl"] .hero h1 .hero-result{font-size:.64em;line-height:1.15;letter-spacing:0;margin-top:.24em;color:#f5f5f5}
html[dir="rtl"] .hero h1 .hero-word-window{--word-step:1.2em;padding-inline-start:.3em}
html[dir="rtl"] .hero h1 .hero-word-window:after{transform:translate(1px,-50%) rotate(45deg)}
html[dir="rtl"] .hero h1 .hero-word-stage{inset-inline-start:.3em}
html[dir="rtl"] .hero h1 .hero-word-stage b{justify-content:flex-start;line-height:1.12;letter-spacing:-.035em;text-align:right;padding-block:.02em .08em;box-sizing:border-box}
html[dir="rtl"] .hero .lead{max-width:40ch;margin-top:clamp(30px,3vw,40px);font-size:16px;line-height:1.92;color:#b2b2b2}
html[dir="rtl"] .particle-art{min-width:0}
html[dir="rtl"] .client-marquee,html[dir="rtl"] .client-track{direction:ltr}
html[dir="rtl"] .client-chip{direction:ltr}
html[dir="rtl"] .section-head,html[dir="rtl"] .reel-heading,html[dir="rtl"] .stats-head,html[dir="rtl"] .contact-heading{min-width:0}
html[dir="rtl"] .section-head>p:last-child,html[dir="rtl"] .reel-heading>p,html[dir="rtl"] .stats-head>p:last-child,html[dir="rtl"] .contact-heading>p:last-of-type{max-width:42ch;padding-inline:0;line-height:1.85}
html[dir="rtl"] .services>div{padding-inline:0}
html[dir="rtl"] .services h3{line-height:1.45}
html[dir="rtl"] .project>div,html[dir="rtl"] .project-panel,html[dir="rtl"] .contact-details,html[dir="rtl"] .newsletter,html[dir="rtl"] .contact-socials{text-align:right}

@media(max-width:900px){
 .hero{column-gap:24px}.hero h1{font-size:clamp(58px,7.5vw,74px)}
 html[dir="rtl"] .hero{grid-template-columns:minmax(0,.82fr) minmax(360px,1.18fr)}
 html[dir="rtl"] .hero h1{font-size:clamp(48px,7vw,66px)}
}
@media(max-width:640px){
 header{padding-inline:18px}.wrap{padding-inline:22px}
 #ambient-toggle{display:none}
 .hero{gap:24px;padding-top:38px;padding-bottom:70px}
 .hero-copy{max-width:none}
 .hero h1{font-size:clamp(45px,12.8vw,60px);margin:24px 0 0}
 .hero h1 .hero-action{font-size:.4em;margin-bottom:.46em}
 .hero h1 .hero-result{font-size:.65em;margin-top:.22em}
 .hero .lead{margin-top:28px;font-size:15px;line-height:1.72;max-width:35ch}
 .particle-art{height:84vw;margin:0 -8px}
 .art-caption{left:3%;right:3%;bottom:1%;font-size:7px}
 .hero-foot{position:static;margin-top:16px;padding-top:18px;border-top:1px solid #171717}
 html[dir="rtl"] .hero{gap:22px;padding-top:34px;padding-bottom:64px}
 html[dir="rtl"] .hero h1{max-width:none;font-size:clamp(42px,12vw,55px);margin:22px 0 0}
 html[dir="rtl"] .hero h1 .hero-action{font-size:.4em}
 html[dir="rtl"] .hero h1 .hero-result{font-size:.64em}
 html[dir="rtl"] .hero h1 .hero-word-window{--word-step:1.24em}
 html[dir="rtl"] .hero .lead{margin-top:27px;font-size:14px;line-height:1.9;max-width:32ch}
 html[dir="rtl"] .particle-art{height:82vw;margin-inline:-8px}
 html[dir="rtl"] .intro,html[dir="rtl"] .work,html[dir="rtl"] .lab,html[dir="rtl"] .capabilities,html[dir="rtl"] .process{padding-block:72px}
 html[dir="rtl"] .split{gap:28px}
 html[dir="rtl"] .section-head>p:last-child,html[dir="rtl"] .reel-heading>p{max-width:34ch}
 html[dir="rtl"] .client-ribbon-title{line-height:1.42}
}
@media(prefers-reduced-motion:reduce){.hero h1 .hero-word-stage{animation:none!important;transform:none!important}.hero h1 .hero-word-window:after{animation:none!important}}

/* Proof should feel structural: bold figures, with After Effects keyframe grammar in the corners. */
.stats-grid strong,.stats-grid>div:nth-child(1) strong,.stats-grid>div:nth-child(2) strong,.stats-grid>div:nth-child(3) strong,.stats-grid>div:nth-child(4) strong{font-weight:760!important;letter-spacing:-.075em!important;opacity:.72;color:#35303f}
.stats-grid>div:nth-child(even) strong{color:#3b321f}
.stats-grid>div:after{right:24px!important;bottom:24px!important;width:36px!important;height:36px!important;border-radius:0!important;box-sizing:border-box;transition:transform var(--dur-2) var(--ease-out),opacity var(--dur-1) var(--ease-out)!important}
.stats-grid>div:nth-child(1):after{border:1px solid #9f80ff!important;background:#8052ff14!important;transform:rotate(45deg)}
.stats-grid>div:nth-child(2):after{border:0!important;background:#f5b83a38!important;clip-path:polygon(0 50%,100% 0,100% 100%);transform:none}
.stats-grid>div:nth-child(3):after{border:0!important;background:#8052ff38!important;clip-path:polygon(0 0,100% 50%,0 100%);transform:none}
.stats-grid>div:nth-child(4):after{width:46px!important;border:0!important;background:#f5b83a30!important;clip-path:polygon(0 0,100% 0,64% 50%,100% 100%,0 100%,36% 50%);transform:none}
.stats-grid>div:nth-child(1):hover:after{transform:rotate(45deg) scale(1.12)}
.stats-grid>div:nth-child(2):hover:after,.stats-grid>div:nth-child(3):hover:after,.stats-grid>div:nth-child(4):hover:after{transform:scale(1.12)}
@media(max-width:640px){.stats-grid>div:after{right:14px!important;bottom:14px!important;width:26px!important;height:26px!important}.stats-grid>div:nth-child(4):after{width:34px!important}.stats-grid strong,.stats-grid>div:nth-child(1) strong,.stats-grid>div:nth-child(2) strong,.stats-grid>div:nth-child(3) strong,.stats-grid>div:nth-child(4) strong{font-weight:780!important;opacity:.76}}

/* Editorial cleanup: navigation carries the section names; repeated production labels stay out of the reading flow. */
.hero-copy>.label,.reel-heading>.label,.intro>.label,.stats-head>.label,.lab>.label,.capabilities>.label,.process>.label,.contact-heading>.label{display:none!important}

/* Hero keyframe marker: fully inside the slot, then nudged upward with each word transition. */
.hero h1 .hero-word-window:after{inset-inline-start:auto;inset-inline-end:auto;left:.14em;transform:translate(-50%,-50%) rotate(45deg);animation:hero-keyframe-overshoot 12s cubic-bezier(.76,0,.2,1) infinite!important}
@keyframes hero-keyframe-overshoot{0%,18%,30%,43%,55%,68%,80%,93%,100%{transform:translate(-50%,-50%) rotate(45deg)}21%,46%,71%,96%{transform:translate(-50%,calc(-50% - .14em)) rotate(45deg)}24%,49%,74%,99%{transform:translate(-50%,calc(-50% - .27em)) rotate(45deg)}27%,52%,77%{transform:translate(-50%,calc(-50% + .045em)) rotate(45deg)}}
html[dir="rtl"] .hero h1 .hero-word-window:after{left:auto;right:.14em;transform:translate(50%,-50%) rotate(45deg)}
@keyframes hero-keyframe-overshoot-rtl{0%,18%,30%,43%,55%,68%,80%,93%,100%{transform:translate(50%,-50%) rotate(45deg)}21%,46%,71%,96%{transform:translate(50%,calc(-50% - .14em)) rotate(45deg)}24%,49%,74%,99%{transform:translate(50%,calc(-50% - .27em)) rotate(45deg)}27%,52%,77%{transform:translate(50%,calc(-50% + .045em)) rotate(45deg)}}
html[dir="rtl"] .hero h1 .hero-word-window:after{animation-name:hero-keyframe-overshoot-rtl!important}

/* The marker follows the exact word-stage rhythm: idle while a word is read, then a short
   overshoot only during the 18→25% transition window (and each repeat). */
@keyframes hero-keyframe-overshoot{0%,17%,18%,25%,42%,43%,50%,67%,68%,75%,92%,93%,100%{transform:translate(-50%,-50%) rotate(45deg)}20%,45%,70%,95%{transform:translate(-50%,calc(-50% - .14em)) rotate(45deg)}22%,47%,72%,97%{transform:translate(-50%,calc(-50% - .27em)) rotate(45deg)}24%,49%,74%,99%{transform:translate(-50%,calc(-50% + .045em)) rotate(45deg)}}
@keyframes hero-keyframe-overshoot-rtl{0%,17%,18%,25%,42%,43%,50%,67%,68%,75%,92%,93%,100%{transform:translate(50%,-50%) rotate(45deg)}20%,45%,70%,95%{transform:translate(50%,calc(-50% - .14em)) rotate(45deg)}22%,47%,72%,97%{transform:translate(50%,calc(-50% - .27em)) rotate(45deg)}24%,49%,74%,99%{transform:translate(50%,calc(-50% + .045em)) rotate(45deg)}}

/* Proof numbers: quieter weight, stronger typographic hierarchy, cleaner keyframe marks. */
.stats-grid strong,.stats-grid>div:nth-child(1) strong,.stats-grid>div:nth-child(2) strong,.stats-grid>div:nth-child(3) strong,.stats-grid>div:nth-child(4) strong{font-weight:520!important;opacity:.54!important;letter-spacing:-.09em!important;font-variation-settings:'wght' 520}
.stats-head>.label{display:block!important;margin:0;color:var(--amber);font-size:10px;letter-spacing:.14em}
.stats-grid strong,.stats-grid>div:nth-child(1) strong,.stats-grid>div:nth-child(2) strong,.stats-grid>div:nth-child(3) strong,.stats-grid>div:nth-child(4) strong{font-size:clamp(78px,9vw,142px)!important;opacity:.42!important}
.stats-grid>div:nth-child(1) strong,.stats-grid>div:nth-child(4) strong{font-size:clamp(96px,10.5vw,158px)!important}
.stats-grid>div:nth-child(even) strong{color:#4b4028!important}
.stats-grid>div:nth-child(odd) strong{color:#4b405f!important}
.stats-grid>div:after{opacity:.62!important;mix-blend-mode:screen}
.stats-grid>div:nth-child(1):after{width:38px!important;height:38px!important;border:1px solid #9f80ff8f!important;background:transparent!important;clip-path:none!important;transform:rotate(45deg)}
.stats-grid>div:nth-child(2):after{width:34px!important;height:34px!important;border:1px solid #f5b83a8a!important;background:transparent!important;clip-path:polygon(0 50%,100% 0,100% 100%)}
.stats-grid>div:nth-child(3):after{width:34px!important;height:34px!important;border:1px solid #9f80ff8f!important;background:transparent!important;clip-path:polygon(0 0,100% 50%,0 100%)}
.stats-grid>div:nth-child(4):after{width:44px!important;height:30px!important;border:1px solid #f5b83a8a!important;background:transparent!important;clip-path:polygon(0 0,100% 0,64% 50%,100% 100%,0 100%,36% 50%)}
@media(max-width:640px){.stats-head>.label{font-size:9px}.stats-grid strong,.stats-grid>div:nth-child(1) strong,.stats-grid>div:nth-child(2) strong,.stats-grid>div:nth-child(3) strong,.stats-grid>div:nth-child(4) strong{font-weight:520!important;opacity:.42!important;font-size:clamp(70px,19vw,100px)!important}.stats-grid>div:nth-child(1) strong,.stats-grid>div:nth-child(4) strong{font-size:clamp(82px,22vw,116px)!important}.stats-grid>div:nth-child(1):after{width:27px!important;height:27px!important}.stats-grid>div:nth-child(2):after,.stats-grid>div:nth-child(3):after{width:25px!important;height:25px!important}.stats-grid>div:nth-child(4):after{width:32px!important;height:23px!important}}

/* Final motion timing: one smooth overshoot per word transition, then a quiet hold. */
@keyframes hero-keyframe-overshoot{0%,17%,18%,25%,42%,43%,50%,67%,68%,75%,92%,93%,100%{transform:translate(-50%,-50%) rotate(45deg)}22%,47%,72%,97%{transform:translate(-50%,calc(-50% - .24em)) rotate(45deg)}24%,49%,74%,99%{transform:translate(-50%,calc(-50% + .035em)) rotate(45deg)}27%,52%,77%{transform:translate(-50%,-50%) rotate(45deg)}}
@keyframes hero-keyframe-overshoot-rtl{0%,17%,18%,25%,42%,43%,50%,67%,68%,75%,92%,93%,100%{transform:translate(50%,-50%) rotate(45deg)}22%,47%,72%,97%{transform:translate(50%,calc(-50% - .24em)) rotate(45deg)}24%,49%,74%,99%{transform:translate(50%,calc(-50% + .035em)) rotate(45deg)}27%,52%,77%{transform:translate(50%,-50%) rotate(45deg)}}

/* Loader lock: draw the six sides quickly, cross-fade to the finished mark, then exit cleanly. */
.site-loader{transition:opacity var(--dur-2) var(--ease-out),visibility .32s linear!important}
.site-loader:before{animation:none!important;opacity:0!important}
.site-loader:after{animation:loader-progress-fast 1.3s cubic-bezier(.22,1,.36,1) .04s forwards!important}
.site-loader.is-animating .loader-logo-segment{animation-duration:.27s!important;animation-timing-function:cubic-bezier(.22,1,.36,1)!important}
.site-loader.is-animating .loader-segment-1{animation-delay:0s!important}.site-loader.is-animating .loader-segment-2{animation-delay:.09s!important}.site-loader.is-animating .loader-segment-3{animation-delay:.18s!important}.site-loader.is-animating .loader-segment-4{animation-delay:.27s!important}.site-loader.is-animating .loader-segment-5{animation-delay:.36s!important}.site-loader.is-animating .loader-segment-6{animation-delay:.45s!important}
.site-loader.is-animating .loader-glyph-m{animation-delay:.68s!important;animation-duration:.42s!important}
.site-loader.is-animating .loader-studios{animation-delay:1.02s!important;animation-duration:.32s!important}
.site-loader .loader-logo-svg .loader-logo-fill{transition:opacity var(--dur-2) var(--ease-out)!important}
.site-loader.is-complete .loader-logo-segment{transition:opacity var(--dur-1) var(--ease-out)!important}
@keyframes loader-progress-fast{0%{transform:translateY(108px) scaleX(.08);opacity:0}18%{opacity:.4}100%{transform:translateY(108px) scaleX(1);opacity:.48}}
@media(max-width:640px){.site-loader:after{animation-name:loader-progress-fast-mobile!important}@keyframes loader-progress-fast-mobile{0%{transform:translateY(98px) scaleX(.08);opacity:0}18%{opacity:.4}100%{transform:translateY(98px) scaleX(1);opacity:.48}}}

/* RTL reading order: copy leads on the right, visual follows on the left. */
html[dir="rtl"] .intro .split{direction:rtl}
html[dir="rtl"] .intro .split>div:first-child{order:2;text-align:right}
html[dir="rtl"] .intro .split>div:last-child{order:1;text-align:right}
html[dir="rtl"] .intro .split>div:last-child .lead{margin-inline-start:0;margin-inline-end:auto}

/* Hashashin gets the hero treatment: larger footprint and a poster that fills the frame. */
.work-card-secondary.project-hashashin{grid-column:span 5}
.work-card-featured{grid-column:span 7}
.project-hashashin figure{aspect-ratio:1.42!important;overflow:hidden}
.project-hashashin figure img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}

@media(max-width:640px){main{overflow-x:clip}.reel{overflow:hidden}}
@media(prefers-reduced-motion:reduce){.hero h1 .hero-word-window:after{animation:none!important}}