:root{--bg: #07111f;--panel: #0f1d33;--line: rgba(238, 241, 246, .14);--text: #eef1f6;--muted: #9aa7bb;--accent: #4a8df0;--glow: rgba(74, 141, 240, .45);--glass: rgba(14, 26, 46, .6);--gutter: clamp(16px, 3vw, 40px);--gap: 10px;--font: "Archivo", system-ui, sans-serif;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:17px;line-height:1.55;font-variation-settings:"wdth" 100}img,video{display:block;max-width:100%}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.skip{position:absolute;left:-999px}.skip:focus{left:var(--gutter);top:8px;background:var(--text);color:var(--bg);padding:6px 10px}.wrap{padding-inline:var(--gutter)}.site-header{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:22px var(--gutter)}.wordmark{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:1.15rem;letter-spacing:-.01em;font-variation-settings:"wdth" 125}.nav{display:flex;gap:22px}.nav a{text-decoration:none;color:var(--muted)}@media(max-width:480px){.site-header{flex-wrap:wrap;row-gap:6px;padding-block:16px}.nav{gap:16px;font-size:.95rem}}.nav a:hover,.nav a[aria-current=page]{color:var(--text)}.display{font-weight:650;font-variation-settings:"wdth" 72;line-height:.98;letter-spacing:-.015em;margin:0;text-wrap:balance}.intro{font-size:clamp(2rem,4.4vw,3.9rem);max-width:21ch;padding:clamp(20px,4vw,48px) var(--gutter) clamp(24px,3vw,36px)}.filter{display:flex;gap:26px;padding:0 var(--gutter) 18px}.filter button{all:unset;cursor:pointer;color:var(--muted);padding-bottom:4px;border-bottom:2px solid transparent}.filter button sup{font-size:.7em;margin-left:2px}.filter button:hover{color:var(--text)}.filter button[aria-pressed=true]{color:var(--text);border-color:var(--accent)}.filter button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.grid{columns:3 320px;column-gap:var(--gap);padding:0 var(--gutter)}@media(max-width:700px){.grid{columns:2}}.card{break-inside:avoid;margin:0 0 22px}.card[hidden]{display:none}.card a{display:block;text-decoration:none}.frame{position:relative;overflow:hidden;background:var(--panel);border-radius:3px}.frame video,.frame img{width:100%;height:100%;object-fit:cover}.card a:hover .frame video{transform:scale(1.015)}.frame video{transition:transform .5s ease}.cap{display:flex;justify-content:space-between;gap:10px;padding-top:8px;font-size:.92rem}.cap span:last-child{color:var(--muted);white-space:nowrap}@media(max-width:700px){.cap{flex-direction:column;gap:0;font-size:.85rem}}dialog.lightbox{border:0;padding:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:#101010f7;color:var(--text)}dialog.lightbox::backdrop{background:#0009}.lb-inner{height:100%;display:grid;grid-template-rows:auto 1fr auto;padding:16px var(--gutter) 22px;gap:14px}.lb-top{display:flex;justify-content:flex-end}.lb-close{all:unset;cursor:pointer;padding:6px 2px;color:var(--muted)}.lb-close:hover{color:var(--text)}.lb-close:focus-visible{outline:2px solid var(--accent)}.lb-stage{min-height:0;display:grid;place-items:center}.lb-stage{position:relative}.lb-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.lb-stage iframe{max-width:100%;max-height:100%;border:0}.lb-stage iframe{width:min(100%,1100px);aspect-ratio:16/9;height:auto}.lb-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;max-width:1100px;margin:0 auto;width:100%}.lb-meta p{margin:0;color:var(--muted);max-width:60ch}.lb-meta strong{color:var(--text);font-weight:600;display:block}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;text-decoration:none;background:var(--text);color:var(--bg);border:1px solid var(--text);cursor:pointer;font:inherit;font-weight:600}.btn.ghost{background:transparent;color:var(--text);border-color:var(--line)}.btn.ghost:hover{border-color:var(--muted)}.btn svg{width:18px;height:18px}.wa-float{position:fixed;right:16px;bottom:16px;z-index:20;box-shadow:0 6px 24px #00000059}section.block{padding:clamp(56px,9vw,120px) var(--gutter) 0}.block-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:22px}.block-head h2{font-size:clamp(1.8rem,3.6vw,2.8rem)}.block-head p{margin:0;color:var(--muted);max-width:42ch}.voices{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--gap)}.voice{margin:0}.voice button{all:unset;cursor:pointer;display:block;width:100%}.voice button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.voice .frame{aspect-ratio:9/16}.voice blockquote{margin:12px 0 2px;font-size:1rem}.voice figcaption{color:var(--muted);font-size:.88rem}.site-footer{padding:clamp(72px,12vw,160px) var(--gutter) 90px}.site-footer h2{font-size:clamp(2.4rem,7vw,6rem);max-width:12ch;margin-bottom:28px}.actions{display:flex;flex-wrap:wrap;gap:10px}.foot-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:64px;color:var(--muted);font-size:.9rem;border-top:1px solid var(--line);padding-top:18px}.foot-meta nav{display:flex;gap:18px}.foot-meta a{text-decoration:none}.foot-meta a:hover{color:var(--text)}.page{padding:clamp(28px,6vw,72px) var(--gutter) 0}.page h1{font-size:clamp(2.4rem,6vw,5rem);max-width:14ch;margin-bottom:36px}.cols{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,72px);align-items:start}@media(max-width:860px){.cols{grid-template-columns:1fr}}.prose{max-width:62ch}.prose h2{font-size:1.35rem;font-weight:650;margin:2.2em 0 .5em}.prose p,.prose li{color:#cfcdc8}.prose ul{padding-left:1.1em}.portrait{aspect-ratio:4/5;background:var(--panel);border-radius:3px;display:grid;place-items:center;color:var(--muted);font-size:.9rem}details{border-top:1px solid var(--line);padding:14px 0}details:last-of-type{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:600}details p{margin:8px 0 0}.player{display:grid;place-items:center;padding:0 var(--gutter)}.player video,.player iframe{max-height:82vh;width:auto;max-width:100%;border-radius:3px;background:var(--panel)}.player iframe{width:min(100%,1200px);aspect-ratio:16/9;height:auto;border:0}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:18px;margin:28px 0;padding:18px 0;border-block:1px solid var(--line)}.facts dt{color:var(--muted);font-size:.85rem}.facts dd{margin:2px 0 0}form.contact{display:grid;gap:16px;max-width:560px}form.contact label{display:grid;gap:6px;font-size:.92rem;color:var(--muted)}form.contact input,form.contact select,form.contact textarea{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:11px 12px}form.contact input:focus,form.contact select:focus,form.contact textarea:focus{outline:none;border-color:var(--accent)}.form-note{color:var(--muted);font-size:.9rem;margin:0}.channels{list-style:none;padding:0;margin:0;display:grid;gap:14px}.channels a{text-decoration:none;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px;font-size:1.15rem}.channels a span{color:var(--muted);font-size:.95rem}.channels a:hover span{color:var(--text)}@media(prefers-reduced-motion:no-preference){.intro{animation:settle .9s cubic-bezier(.2,.7,.2,1) both}@keyframes settle{0%{opacity:0;font-variation-settings:"wdth" 110}to{opacity:1;font-variation-settings:"wdth" 72}}}@media(prefers-reduced-motion:reduce){.frame video{transition:none}}@media(max-width:700px){.wa-float{padding:13px;font-size:0;gap:0}.wa-float svg{width:24px;height:24px}}.site-header{align-items:center}@media(max-width:860px){.portrait{aspect-ratio:3/2}}.stack{display:grid;gap:clamp(32px,5vw,64px);padding:0 var(--gutter)}.stack .card{margin:0}.stack .cap{font-size:1.05rem;padding-top:12px;flex-direction:row}.stack .cap span:first-child{font-weight:600}@media(max-width:700px){.stack .cap{font-size:.95rem;flex-direction:column;gap:2px}}.rail-block .block-head{align-items:flex-end}.rail-block .block-head p{margin-top:6px}.rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);padding:0 var(--gutter) 6px;margin:0;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.rail>*{flex:0 0 clamp(200px,64vw,290px);scroll-snap-align:start;margin:0}.rail .card .cap{flex-direction:column;gap:0;font-size:.92rem}.rail-block .block-head{padding:0}.rail-nav{display:flex;gap:8px}.rail-nav button{all:unset;cursor:pointer;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--text)}.rail-nav button:hover{border-color:var(--muted)}.rail-nav button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rail-nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}@media(hover:none)and (max-width:700px){.rail-nav{display:none}}section.rail-block .block-head{padding:0 var(--gutter)}.navwrap{position:relative;z-index:30;display:flex;justify-content:center;padding:20px var(--gutter) 0}.navwrap.overlay{position:absolute;top:0;left:0;right:0}.pill{display:flex;align-items:center;gap:2px;padding:6px;max-width:100%;background:var(--glass);border:1px solid var(--line);border-radius:999px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.pill-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#eef1f60f;margin-right:4px}.pill-link{color:var(--muted);text-decoration:none;font-size:.95rem;padding:9px 14px;border-radius:999px;white-space:nowrap}.pill-link:hover{color:var(--text)}.pill-link[aria-current=page]{color:var(--text);background:#eef1f61a}.pill-cta{color:#fff;background:var(--accent);font-weight:600;text-decoration:none;padding:9px 16px;border-radius:999px;margin-left:6px;white-space:nowrap;box-shadow:0 0 24px var(--glow)}.pill a:focus-visible{outline:2px solid var(--text);outline-offset:2px}@media(max-width:520px){.pill-link{padding:9px 10px;font-size:.9rem}.pill-cta{padding:9px 12px}}@media(max-width:400px){.pill-link:not([aria-current=page]){display:none}}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:min(880px,100svh);display:grid;grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr)}.hero-reel,.hero-grade{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.hero-reel{object-fit:cover}.hero-grade{background:radial-gradient(120% 90% at 85% 40%,rgba(74,141,240,.28),transparent 60%),linear-gradient(90deg,#07111ff5,#07111fd1 38%,#0c1d3659 75%,#07111f8c),linear-gradient(0deg,#07111f,#07111f00 30%)}.hero-copy{align-self:center;width:min(1240px,100%);margin:0 auto;padding:120px var(--gutter) 48px}.hero-copy h1{margin:0;max-width:12ch;font-size:clamp(2.6rem,6.4vw,5.6rem);line-height:.96;letter-spacing:-.02em;font-weight:700;font-variation-settings:"wdth" 76;text-wrap:balance}.hero-lead{max-width:46ch;margin:26px 0 0;font-size:clamp(1.02rem,1.4vw,1.2rem);line-height:1.6;color:#c9d2e0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 8px 36px var(--glow);padding:15px 24px}.hero-actions .btn.ghost{padding:15px 24px;background:#eef1f60a}.hero-points{display:flex;flex-wrap:wrap;gap:10px 22px;margin:26px 0 0;padding:0;list-style:none;color:var(--muted);font-size:.92rem}.hero-points li{display:inline-flex;align-items:center;gap:8px}.hero-points li:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}@media(max-width:700px){.hero-grade{background:linear-gradient(0deg,#07111f,#07111fc7 45%,#07111f73)}.hero-actions .btn{width:100%;justify-content:center}.hero-copy{padding-top:104px}}@media(prefers-reduced-motion:reduce){.hero-reel{display:none}}.clients{border-top:1px solid var(--line);background:linear-gradient(0deg,#07111feb,#07111f99)}.clients-in{width:min(1240px,100%);margin:0 auto;display:flex;align-items:center;gap:28px;padding:18px var(--gutter) 20px;overflow:hidden}.clients-label{color:var(--muted);font-size:.85rem;white-space:nowrap}.marquee{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.track{display:flex;width:max-content;animation:slide 38s linear infinite}.marquee:hover .track{animation-play-state:paused}.clients ul.logos{display:flex;align-items:center;gap:clamp(28px,4vw,56px);margin:0;padding:0 clamp(28px,4vw,56px) 0 0;list-style:none}.clients ul.logos li{display:flex;align-items:center;height:60px}.clients ul.logos img{display:block;width:auto;max-width:none;opacity:.72;transition:opacity .2s}.clients ul.logos li:hover img{opacity:1}@keyframes slide{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.track{animation:none}.track ul[aria-hidden]{display:none}.marquee{overflow-x:auto}}section.block>.block-head{margin-bottom:26px}#work{scroll-margin-top:16px}:root{--wrap: 1320px;--edge: max(var(--gutter), calc((100% - var(--wrap)) / 2))}.hero-copy,.clients-in{width:auto;margin:0;padding-left:var(--edge);padding-right:var(--edge)}.hero-copy h1{font-size:clamp(2.6rem,5.6vw,6.2rem)}section.block,.site-footer,.page,.player{padding-left:var(--edge);padding-right:var(--edge)}section.block .stack{padding:0}section.rail-block{padding-left:0;padding-right:0}section.rail-block .block-head{padding-left:var(--edge);padding-right:var(--edge)}.rail{padding-left:var(--edge);padding-right:var(--edge);scroll-padding-inline:var(--edge)}.player video,.player iframe{max-width:100%}.stack .card .frame{aspect-ratio:16 / 9!important}.stack .card .frame img,.stack .card .frame video{object-fit:cover}.hero{min-height:max(600px,min(100svh,1080px))}.navwrap{position:fixed;top:0;left:0;right:0;pointer-events:none}.navwrap .pill{pointer-events:auto}.navwrap:not(.overlay)~main{padding-top:84px}.tc{font:500 .82rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--accent);padding:0 10px 0 4px;min-width:11ch}@media(max-width:640px){.tc{display:none}}.playhead{position:fixed;top:0;left:0;right:0;height:2px;z-index:40;pointer-events:none}.playhead span{display:block;height:100%;background:var(--accent);box-shadow:0 0 8px var(--accent);transform-origin:0 50%;transform:scaleX(0)}.motion .stack .frame.lb:before,.motion .stack .frame.lb:after{content:"";position:absolute;left:0;right:0;height:21%;background:#000;z-index:2;transition:transform 1.1s cubic-bezier(.7,0,.2,1)}.motion .stack .frame.lb:before{top:0;transform-origin:top}.motion .stack .frame.lb:after{bottom:0;transform-origin:bottom}.motion .stack .frame.lb.open:before,.motion .stack .frame.lb.open:after{transform:scaleY(0)}.cut{position:fixed;inset:0;z-index:100;pointer-events:none;display:none}.zf-cut .cut{display:block}.cut-half{position:absolute;inset:-2px;background:var(--bg)}.cut-a{clip-path:polygon(0 0,100% 0,0 100%)}.cut-b{clip-path:polygon(100% 0,100% 100%,0 100%)}.cut-mark{position:absolute;inset:0;display:grid;place-items:center;color:var(--text);opacity:0}.cut-blade{position:absolute;left:0;bottom:0;width:var(--diag, 150vw);height:3px;margin-bottom:-1.5px;background:linear-gradient(90deg,transparent,var(--accent) 12%,#cfe0ff 50%,var(--accent) 88%,transparent);box-shadow:0 0 14px var(--accent),0 0 32px var(--glow);transform-origin:0 50%;transform:rotate(var(--ang, -.55rad)) scaleX(0)}.zf-cut .cut-mark{animation:cut-mark 1.3s cubic-bezier(.2,.7,.2,1) forwards}.zf-cut .cut-blade{animation:cut-blade 1.5s cubic-bezier(.6,0,.2,1) forwards}.zf-cut .cut-a{animation:cut-a .9s cubic-bezier(.77,0,.18,1) .95s forwards}.zf-cut .cut-b{animation:cut-b .9s cubic-bezier(.77,0,.18,1) .95s forwards}@keyframes cut-mark{0%{opacity:0;transform:scale(.92)}25%{opacity:1;transform:scale(1)}65%{opacity:1}80%,to{opacity:0;transform:scale(1.04)}}@keyframes cut-blade{0%,28%{transform:rotate(var(--ang)) scaleX(0);opacity:1}62%{transform:rotate(var(--ang)) scaleX(1);opacity:1}to{transform:rotate(var(--ang)) scaleX(1);opacity:0}}@keyframes cut-a{to{transform:translate(-62%,-62%)}}@keyframes cut-b{to{transform:translate(62%,62%)}}:root{--font-ar: "Alexandria"}html[lang=ar]{--font: "Archivo", var(--font-ar), system-ui, sans-serif}html[lang=ar] body{line-height:1.75}html[lang=ar] .display,html[lang=ar] h1,html[lang=ar] h2{letter-spacing:0}html[lang=ar] .display{line-height:1.3}html[lang=ar] .hero-copy h1{max-width:15ch;line-height:1.22;font-weight:700}html[lang=ar] .hero-lead{max-width:52ch;line-height:1.85}.pill-lang{color:var(--text);text-decoration:none;font-size:.9rem;font-weight:600;padding:9px 12px;border-radius:999px;white-space:nowrap;border:1px solid var(--line);margin-inline-start:4px}.pill-lang:hover{border-color:var(--muted)}.pill-lang:lang(ar){font-family:var(--font-ar),sans-serif}[dir=rtl] .pill-mark{margin-right:0;margin-left:4px}[dir=rtl] .pill-cta{margin-left:0;margin-right:6px}[dir=rtl] .hero-grade{transform:scaleX(-1)}[dir=rtl] .btn svg,[dir=rtl] .rail-nav svg{transform:scaleX(-1)}[dir=rtl] .wa-float{right:auto;left:16px}[dir=rtl] .prose ul{padding-left:0;padding-right:1.1em}[dir=rtl] .clients ul.logos{padding:0 0 0 clamp(28px,4vw,56px)}[dir=rtl] .skip:focus{left:auto;right:var(--gutter)}.marquee{direction:ltr}[dir=rtl] .playhead span{transform-origin:100% 50%}[dir=rtl] .cut{transform:scaleX(-1)}[dir=rtl] .cut-mark svg{transform:scaleX(-1)}@media(max-width:400px){.pill-lang{padding:9px 10px}}[dir=rtl] .skip:not(:focus){left:auto;right:-999px}@media(max-width:560px){.pill{gap:0;padding:5px}.pill-mark{width:36px;height:36px}.pill-link{padding:8px;font-size:.86rem}.pill-lang{padding:7px 9px;font-size:.82rem;margin-inline-start:2px}.pill-cta{padding:8px 12px;font-size:.86rem;margin-left:4px}[dir=rtl] .pill-cta{margin-left:0;margin-right:4px}}@media(max-width:380px){.pill-link:not([aria-current=page]){display:none}}
