@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Arabic Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-arabic-arabic-wght-normal-BhzieyvS.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Noto Sans Arabic Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-arabic-math-wght-normal-pS2d8anF.woff2)format("woff2-variations");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Noto Sans Arabic Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-arabic-symbols-wght-normal-BJ6p-EzA.woff2)format("woff2-variations");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Noto Sans Arabic Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-arabic-latin-ext-wght-normal-CIz31GGw.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Arabic Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-arabic-latin-wght-normal-BQEJrIpl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#0b0d10;--bg-raised:#0f1216;--card:#15191f;--card-hover:#1a1f27;--text:#f5f7fa;--muted:#a6adb8;--accent:#39d5ff;--accent-ink:#04141a;--line:#ffffff14;--line-strong:#ffffff29;--font:"Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--t-fast:.18s;--radius:16px;--radius-sm:10px;--gutter:clamp(20px, 5vw, 48px);--max:1240px;--nav-h:76px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable;background:var(--bg)}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:1rem;line-height:1.6;overflow-x:clip}#root{z-index:1;flex-direction:column;min-height:100dvh;display:flex;position:relative}main{outline:none;flex:1}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,p{margin:0}::selection{background:#39d5ff4d}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.container{width:100%;max-width:calc(var(--max) + var(--gutter) * 2);padding-inline:var(--gutter);margin-inline:auto}.skip-link{z-index:100;background:var(--accent);color:var(--accent-ink);border-radius:8px;padding:10px 16px;font-weight:600;position:fixed;inset-block-start:8px;inset-inline-start:8px;transform:translateY(-200%)}.skip-link:focus{transform:none}.display-xl,.display-l,.display-m,.display-s{letter-spacing:-.035em;text-wrap:balance;font-weight:700;line-height:1.04}.display-xl{letter-spacing:-.045em;font-size:clamp(2.9rem,8.4vw,6.6rem);line-height:.98}.display-l{font-size:clamp(2.5rem,6.6vw,5.2rem);line-height:1}.display-m{font-size:clamp(2rem,4.6vw,3.5rem)}.display-s{letter-spacing:-.03em;font-size:clamp(1.6rem,3vw,2.4rem)}.accent{color:var(--accent)}.lead{color:var(--muted);text-wrap:pretty;max-width:60ch;font-size:clamp(1.02rem,1.6vw,1.2rem);line-height:1.65}.lead--lg{max-width:64ch;font-size:clamp(1.1rem,1.9vw,1.35rem)}.eyebrow{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:20px;font-size:.78rem;font-weight:600;display:inline-flex}.eyebrow__dot{background:var(--accent);width:8px;height:8px;transform:rotate(45deg)}.section{padding-block:clamp(72px,11vw,140px)}.section--tint{background:linear-gradient(#0000,#15191f8c 18% 82%,#0000)}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 40px;margin-bottom:clamp(32px,5vw,56px);display:flex}.section-heading .lead{margin-top:18px}.section__action{justify-content:center;margin-top:clamp(32px,5vw,56px);display:flex}.page-head{padding-top:calc(var(--nav-h) + clamp(40px, 8vw, 96px));padding-bottom:clamp(64px,9vw,120px)}.page-loading{min-height:60dvh}.btn{--mx:0px;--my:0px;--press:1;isolation:isolate;white-space:nowrap;min-height:48px;transform:translate(var(--mx), var(--my)) scale(var(--press));transition:transform var(--t-fast) ease-out, background-color var(--t-fast) ease, border-color var(--t-fast) ease, color var(--t-fast) ease, box-shadow var(--t-fast) ease;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:.95rem;font-weight:600;line-height:1;display:inline-flex;position:relative;overflow:hidden}.btn:active{--press:.96;transition-duration:90ms}.btn--primary{background:var(--accent);color:var(--accent-ink)}.btn--primary:hover{background:#7fe6ff;box-shadow:0 8px 30px -8px #39d5ff8c}.btn--ghost{border-color:var(--line-strong);color:var(--text);background:#ffffff08}.btn--ghost:hover{border-color:var(--accent);color:var(--accent);background:#39d5ff0f}.btn__sheen{z-index:-1;background:linear-gradient(105deg,#0000 35%,#ffffff73 50%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)}.btn--ghost .btn__sheen{background:linear-gradient(105deg,#0000 35%,#39d5ff2e 50%,#0000 65%)}.btn:hover .btn__sheen{transition:transform .65s var(--ease);transform:translate(120%)}.btn__arrow{transition:transform var(--t-fast) var(--ease);display:inline-flex}.btn:hover .btn__arrow{transform:translate(4px)}.btn:hover .btn__arrow svg[data-up]{transform:none}.navbar{z-index:50;height:var(--nav-h);transition:background-color .26s ease, border-color .26s ease, height .26s var(--ease);border-bottom:1px solid #0000;position:fixed;inset:0 0 auto}.navbar.is-scrolled,.navbar.is-open{border-bottom-color:var(--line);background:#0b0d10f5}.navbar.is-scrolled{height:64px}.navbar__inner{justify-content:space-between;align-items:center;gap:24px;height:100%;display:flex}.logo{letter-spacing:.22em;align-items:center;gap:12px;font-size:.86rem;font-weight:700;display:inline-flex}.logo__mark{background:var(--accent);width:10px;height:10px;transition:transform .4s var(--ease);transform:rotate(45deg)}.logo:hover .logo__mark{transform:rotate(225deg)}.navbar__links{align-items:center;gap:6px;display:flex}.navlink{color:var(--muted);transition:color var(--t-fast) ease;padding:8px 14px;font-size:.93rem;font-weight:500;position:relative}.navlink:hover,.navlink.is-active{color:var(--text)}.navlink__bar{background:var(--accent);border-radius:2px;height:2px;position:absolute;inset:auto 14px 0}.navbar__actions{align-items:center;gap:12px;display:flex}.navbar__cta{min-height:42px;padding:0 20px}.navbar__toggle{border:1px solid var(--line-strong);background:0 0;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:none}.mobile-menu{border-top:1px solid var(--line);background:#0b0d10f5;height:calc(100dvh - 100%);position:absolute;inset:100% 0 auto;overflow-y:auto}.mobile-menu__inner{flex-direction:column;gap:32px;padding-block:28px 48px;display:flex}.mobile-menu__link{border-bottom:1px solid var(--line);letter-spacing:-.03em;color:var(--muted);align-items:baseline;gap:16px;padding:14px 0;font-size:clamp(1.8rem,8vw,2.6rem);font-weight:700;display:flex}.mobile-menu__link.is-active{color:var(--text)}.mobile-menu__index{letter-spacing:.1em;color:var(--accent);font-size:.8rem;font-weight:600}.mobile-menu__cta{align-self:flex-start}@media (max-width:860px){.navbar__links,.navbar__cta{display:none}.navbar__toggle{display:inline-flex}}.bg-geo{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-geo__grid{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.28;background-size:96px 96px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 30%,#000 0%,#0000 70%);mask-image:radial-gradient(at 50% 30%,#000 0%,#0000 70%)}.bg-geo__shape{fill:none;stroke:#39d5ff29;stroke-width:1px;vector-effect:non-scaling-stroke;will-change:transform;position:absolute}.bg-geo__shape *{vector-effect:non-scaling-stroke}.bg-geo__shape--a{width:min(62vw,720px);animation:90s linear infinite spin;inset-block-start:-12%;inset-inline-end:-14%}.bg-geo__shape--b{stroke:#ffffff12;width:min(34vw,380px);animation:120s linear infinite reverse spin;inset-block-end:4%;inset-inline-start:-8%}.bg-geo__shape--c{stroke:#ffffff0f;width:min(22vw,240px);animation:16s ease-in-out infinite float;inset-block-start:46%;inset-inline-end:6%}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-28px)rotate(8deg)}}.hero{padding-top:calc(var(--nav-h) + clamp(28px, 6vw, 72px));align-items:center;min-height:min(100dvh,920px);padding-bottom:clamp(56px,9vw,120px);display:flex}.hero__grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,64px);display:grid}.hero__lead{margin-top:28px}.hero__actions{flex-wrap:wrap;gap:14px;margin-top:40px;display:flex}.hero__art{position:relative}@media (max-width:960px){.hero{min-height:0}.hero__grid{grid-template-columns:1fr}.hero__art{width:100%;max-width:520px;margin-inline:auto}}.heroart{width:100%;height:auto;overflow:visible}.heroart *{vector-effect:non-scaling-stroke}.heroart__frame path,.heroart__frame rect{fill:none;stroke:var(--line-strong);stroke-width:1.5px}.heroart__frame path:first-of-type{stroke:var(--muted);stroke-width:2px}.heroart__frame-faint{stroke:var(--line)!important}.heroart__cross{stroke:var(--muted)}.heroart__guides{fill:none;stroke:var(--line);stroke-width:1px;stroke-dasharray:3 7}.heroart__handles path{stroke:#39d5ff80;stroke-width:1.2px;fill:none}.heroart__handles circle{fill:var(--bg);stroke:var(--accent);stroke-width:1.5px}.heroart__path-ghost{fill:none;stroke:var(--line-strong);stroke-width:1.5px;stroke-dasharray:2 8}.heroart__path{fill:none;stroke-width:3px;stroke-linecap:round}.heroart__key{fill:var(--bg);stroke:var(--text);stroke-width:1.8px}.heroart__key--solid{fill:var(--accent);stroke:var(--accent)}.heroart__dot{fill:var(--text)}.heroart__halo{fill:none;stroke:#f5f7fa66;stroke-width:1px}.heroart__timeline{stroke:var(--line-strong);stroke-width:1.5px}.heroart__ticks path{stroke:var(--muted);stroke-width:1px;opacity:.55}.heroart__playhead{animation:9s ease-in-out infinite alternate playhead}.heroart__playhead path:first-child{stroke:var(--accent);stroke-width:1.5px}.heroart__playhead path:last-child{fill:var(--accent)}@keyframes playhead{0%{transform:translate(30px)}to{transform:translate(570px)}}.selected-grid,.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,28px);display:grid}.selected-grid .card--feature{grid-area:span 2/span 2}@media (max-width:960px){.selected-grid,.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.selected-grid .card--feature{grid-row:span 1}}@media (max-width:620px){.selected-grid,.work-grid{grid-template-columns:1fr}.selected-grid .card--feature{grid-column:span 1}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);transition:transform .22s var(--ease), border-color .22s ease, background-color .22s ease, box-shadow .22s ease;flex-direction:column;display:flex;position:relative;overflow:hidden}.card__media{aspect-ratio:16/9;background:linear-gradient(135deg,#1a2029,#12161b);position:relative;overflow:hidden}.card--feature .card__media{flex:1;min-height:0}.card__media img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease);position:absolute;inset:0}.card__shade{background:linear-gradient(#0000 55%,#00000080);transition:background-color .22s;position:absolute;inset:0}.card__play-big{background:var(--accent);width:64px;height:64px;color:var(--accent-ink);opacity:0;transition:transform .26s var(--ease), opacity .2s ease;border-radius:50%;place-items:center;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)scale(.7);box-shadow:0 10px 40px -8px #39d5ff99}.card__play-big svg{margin-inline-start:3px}.card__chip{border:1px solid var(--line-strong);letter-spacing:.06em;text-transform:uppercase;background:#0b0d10f5;border-radius:999px;align-items:center;gap:6px;padding:6px 12px 6px 10px;font-size:.74rem;font-weight:600;transition:opacity .2s,transform .2s;display:inline-flex;position:absolute;inset-block-end:12px;inset-inline-start:12px}.card__duration{font-variant-numeric:tabular-nums;background:#000000b8;border-radius:6px;padding:3px 8px;font-size:.74rem;font-weight:600;position:absolute;inset-block-end:12px;inset-inline-end:12px}.card__body{flex-direction:column;gap:8px;padding:18px 20px 22px;display:flex}.card__category{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:600}.card__title{letter-spacing:-.01em;overflow-wrap:anywhere;font-size:1.05rem;font-weight:600;line-height:1.35}.card--feature .card__title{font-size:1.3rem}.card__hit{all:unset;cursor:pointer;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card__hit:after{content:"";z-index:2;position:absolute;inset:0}.card__hit:focus-visible{outline:none}.card:has(.card__hit:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.card__desc{color:var(--muted);font-size:.9rem}.card__role{color:var(--muted);font-size:.85rem}.card__role span{color:var(--text);margin-inline-end:4px;font-weight:600}@media (hover:hover){.card:hover{background:var(--card-hover);border-color:#39d5ff66;transform:translateY(-6px);box-shadow:0 24px 48px -24px #000000b3}.card:hover .card__media img{transform:scale(1.06)}.card:hover .card__play-big{opacity:1;transform:translate(-50%,-50%)scale(1)}.card:hover .card__chip{opacity:0;transform:translateY(6px)}}.card:has(.card__hit:focus-visible) .card__play-big{opacity:1;transform:translate(-50%,-50%)scale(1)}.card:active{transform:translateY(-2px)scale(.99)}.filters{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}.chip{border:1px solid var(--line-strong);min-height:40px;color:var(--muted);transition:color var(--t-fast) ease, border-color var(--t-fast) ease, background-color var(--t-fast) ease, transform .12s ease;background:0 0;border-radius:999px;padding:0 18px;font-size:.9rem;font-weight:500}.chip:hover{color:var(--text);border-color:var(--text)}.chip:active{transform:scale(.96)}.chip.is-active{background:var(--text);border-color:var(--text);color:var(--bg)}.work__count{color:var(--muted);margin-bottom:20px;font-size:.88rem}.empty{color:var(--muted);text-align:center;padding:64px 0}.load-more{color:var(--muted);flex-direction:column;align-items:center;gap:16px;margin-top:48px;font-size:.9rem;display:flex}.brief{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,96px);display:grid}.brief__text>*+*{margin-top:24px}.brief__text .eyebrow{margin-bottom:0}.facts{gap:14px;display:grid}.fact{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .22s ease, transform .22s var(--ease);align-items:baseline;gap:20px;padding:22px 26px;display:flex}.fact:hover{border-color:#39d5ff66;transform:translate(4px)}.fact__index{color:var(--accent);letter-spacing:.1em;font-size:.8rem;font-weight:600}.fact__text{letter-spacing:-.015em;font-size:clamp(1.05rem,1.8vw,1.3rem);font-weight:600}@media (max-width:860px){.brief{grid-template-columns:1fr}}.disciplines{border-top:1px solid var(--line);border-inline-start:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.discipline{border-bottom:1px solid var(--line);border-inline-end:1px solid var(--line);padding:32px 26px 36px;transition:background-color .26s;position:relative}.discipline:hover{background:var(--card)}.discipline__key{border:1.5px solid var(--muted);width:12px;height:12px;transition:background-color var(--t-fast) ease, border-color var(--t-fast) ease, transform .4s var(--ease);margin-bottom:40px;display:block;transform:rotate(45deg)}.discipline:hover .discipline__key{background:var(--accent);border-color:var(--accent);transform:rotate(225deg)}.discipline h3{letter-spacing:-.02em;margin-bottom:10px;font-size:1.2rem;font-weight:600}.discipline p{color:var(--muted);font-size:.92rem}.cta__box{border:1px solid var(--line-strong);border-radius:calc(var(--radius) * 1.6);background:radial-gradient(ellipse 60% 120% at 100% 0%, #39d5ff1f, transparent 60%), var(--card);flex-direction:column;align-items:flex-start;gap:32px;padding:clamp(36px,7vw,88px);display:flex}.cta__box h2{max-width:18ch}.about-intro{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:clamp(32px,6vw,96px);display:grid}.about-intro .lead{margin-top:28px}.about-intro__cv{margin-top:32px}.glance{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px}.glance__title{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-size:.78rem;font-weight:600}.glance li{border-top:1px solid var(--line);padding:16px 0;font-size:1.05rem;font-weight:600}@media (max-width:860px){.about-intro{grid-template-columns:1fr}}.timeline{gap:28px;padding-inline-start:36px;display:grid;position:relative}.timeline:before{content:"";background:linear-gradient(var(--accent), var(--line-strong) 30%, var(--line));width:1px;position:absolute;inset-block:8px;inset-inline-start:6px}.timeline__item{grid-template-columns:200px minmax(0,1fr);gap:12px 32px;display:grid;position:relative}.timeline__node{background:var(--bg);border:2px solid var(--accent);width:13px;height:13px;position:absolute;inset-block-start:6px;inset-inline-start:-36px;transform:rotate(45deg)}.timeline__period{color:var(--muted);font-variant-numeric:tabular-nums;padding-top:2px;font-size:.9rem;font-weight:600}.timeline__card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px 26px}.timeline__card h3{letter-spacing:-.02em;font-size:1.3rem;font-weight:600}.timeline__meta{border:1px solid var(--line-strong);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;vertical-align:middle;border-radius:999px;margin-inline-start:12px;padding:3px 10px;font-size:.72rem;font-weight:600}.timeline__company{color:var(--accent);margin-top:4px;font-weight:500}.timeline__card ul{gap:10px;margin-top:16px;display:grid}.timeline__card li{color:var(--muted);padding-inline-start:20px;font-size:.95rem;position:relative}.timeline__card li:before{content:"";background:var(--accent);width:6px;height:6px;position:absolute;inset-block-start:.6em;inset-inline-start:0;transform:rotate(45deg)}@media (max-width:720px){.timeline__item{grid-template-columns:1fr}}.process{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.process__step{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.process__num{color:var(--accent);letter-spacing:.1em;margin-bottom:36px;font-size:.8rem;font-weight:600;display:block}.process__step h3{margin-bottom:8px;font-size:1.1rem;font-weight:600}.process__step p{color:var(--muted);font-size:.92rem}.skills{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);display:grid}.tags{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.tags li{border:1px solid var(--line-strong);transition:border-color var(--t-fast) ease, color var(--t-fast) ease, transform var(--t-fast) var(--ease);border-radius:999px;padding:9px 16px;font-size:.92rem;font-weight:500}.tags li:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.tags--tools li{background:var(--card)}@media (max-width:860px){.skills{grid-template-columns:1fr}}.contact-head .lead{margin-top:28px}.contact-head .eyebrow{margin-bottom:20px}.contact-primary{flex-wrap:wrap;gap:14px;margin-top:40px;display:flex}.contact-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:clamp(48px,8vw,88px);display:grid}.contact-item{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);gap:18px;padding:24px;transition:border-color .22s;display:flex}.contact-item:hover{border-color:#39d5ff59}.contact-item__icon{border:1px solid var(--line-strong);width:46px;height:46px;color:var(--accent);border-radius:12px;flex:none;place-items:center;display:grid}.contact-item__body{min-width:0}.contact-item h2{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px;font-size:.76rem;font-weight:600}.contact-item__value{letter-spacing:-.01em;overflow-wrap:anywhere;transition:color var(--t-fast) ease;align-items:center;gap:6px;font-size:clamp(1.05rem,2vw,1.3rem);font-weight:600;display:inline-flex}a.contact-item__value:hover{color:var(--accent)}.copy-row{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:14px;display:flex}.copy-btn{border:1px solid var(--line-strong);min-height:38px;transition:border-color var(--t-fast) ease, color var(--t-fast) ease, transform .12s ease;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:.85rem;font-weight:600;display:inline-flex}.copy-btn:hover{border-color:var(--accent);color:var(--accent)}.copy-btn:active{transform:scale(.96)}.copy-status{font-size:.85rem}.copy-status--ok{color:var(--accent)}.copy-status--fail{color:#ffb4a8}@media (max-width:760px){.contact-list{grid-template-columns:1fr}}.not-found .lead{margin-block:24px 36px}.footer{border-top:1px solid var(--line);background:#0b0d10d9;margin-top:auto}.footer__grid{grid-template-columns:1.6fr 1fr 1fr;gap:40px;padding-block:64px 48px;display:grid}.footer__title{margin-top:18px;font-weight:500}.footer__muted{color:var(--muted);font-size:.92rem}.footer__heading{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin-bottom:16px;font-size:.76rem;font-weight:600}.footer li+li{margin-top:10px}.footer li a{color:var(--text);transition:color var(--t-fast) ease;overflow-wrap:anywhere}.footer li a:hover{color:var(--accent)}.footer__bar{border-top:1px solid var(--line);color:var(--muted);padding-block:24px 32px;font-size:.85rem}@media (max-width:760px){.footer__grid{grid-template-columns:1fr 1fr}.footer__brand{grid-column:1/-1}}.modal{z-index:200;background:#050608eb;place-items:center;padding:clamp(12px,3vw,32px);display:grid;position:fixed;inset:0;overflow-y:auto}.modal__panel{margin:auto;position:relative}.modal__close{border:1px solid var(--line-strong);width:44px;height:44px;transition:background-color var(--t-fast) ease, border-color var(--t-fast) ease, transform .12s ease;background:#15191fe6;border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:-52px;inset-inline-end:0}.modal__close:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.modal__close:active{transform:scale(.92)}@media (max-height:560px),(max-width:480px){.modal__close{inset-block-start:-50px}}.modal__frame{border-radius:var(--radius);border:1px solid var(--line);background:#000;width:100%;position:relative;overflow:hidden;box-shadow:0 40px 100px -30px #000000e6}.modal__frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.modal__loading{color:var(--muted);place-items:center;font-size:.9rem;display:grid;position:absolute;inset:0}.modal__error{text-align:center;background:var(--card);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:absolute;inset:0}.modal__error h3{font-size:1.2rem}.modal__error p{color:var(--muted);max-width:44ch;font-size:.92rem}.modal__meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding:18px 4px 0;display:flex}.modal__title{letter-spacing:-.01em;overflow-wrap:anywhere;font-size:clamp(1rem,2vw,1.25rem);font-weight:600}.modal__yt{color:var(--accent);align-items:center;gap:6px;font-size:.92rem;font-weight:600;display:inline-flex}.modal__yt:hover{text-underline-offset:4px;text-decoration:underline}[data-guard]{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}@media (min-width:961px){.selected-grid--n5{grid-template-columns:repeat(6,minmax(0,1fr))}.selected-grid--n5 .card:first-child{grid-area:span 2/span 4}.selected-grid--n5 .card:nth-child(2),.selected-grid--n5 .card:nth-child(3){grid-column:span 2}.selected-grid--n5 .card:nth-child(4),.selected-grid--n5 .card:nth-child(5){grid-column:span 3}}.work-featured{margin-bottom:clamp(48px,8vw,96px)}.project__heading{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin-bottom:24px;font-size:.78rem;font-weight:600}.project__heading--all{margin-bottom:20px}.card__badge{background:var(--accent);color:var(--accent-ink);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:.7rem;font-weight:700;position:absolute;inset-block-start:12px;inset-inline-start:12px}.back-link{color:var(--muted);transition:color var(--t-fast) ease;align-items:center;gap:8px;margin-bottom:36px;font-size:.9rem;font-weight:500;display:inline-flex}.back-link:hover{color:var(--accent)}.project__title{overflow-wrap:anywhere;text-align:left;max-width:22ch}html[dir=rtl] .project__title{text-align:right}.project .lead{margin-top:20px}.project__facts{flex-wrap:wrap;gap:12px 40px;margin:28px 0 0;display:flex}.project__facts dt{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:600}.project__facts dd{margin:4px 0 0;font-weight:600}.project__section{margin-top:clamp(40px,7vw,80px)}.project__note{color:var(--muted);margin-top:40px}.frames{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.6vw,18px);display:grid}.frames__item{aspect-ratio:16/9;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--card);position:relative;overflow:hidden}.frames__item img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease)}@media (hover:hover){.frames__item:hover img{transform:scale(1.04)}}@media (max-width:760px){.frames{grid-template-columns:repeat(2,minmax(0,1fr))}}.project__video-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin-bottom:4px;display:flex}.project__player{width:min(100%, calc(72dvh * var(--ratio,1.7778)));margin-inline:auto}.project__player .modal__frame{width:100%}.poster{all:unset;box-sizing:border-box;cursor:pointer;border-radius:var(--radius);border:1px solid var(--line);background:#000;width:100%;display:block;position:relative;overflow:hidden}.poster:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.poster img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease);position:absolute;inset:0}.poster__shade{background:#00000047;transition:background-color .22s;position:absolute;inset:0}.poster__play{background:var(--accent);width:84px;height:84px;color:var(--accent-ink);transition:transform .26s var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 14px 50px -10px #39d5ffa6}.poster__play svg{margin-inline-start:4px}.poster:hover .poster__play{transform:translate(-50%,-50%)scale(1.08)}.poster:hover img{transform:scale(1.03)}.poster:active .poster__play{transform:translate(-50%,-50%)scale(.94)}.project__nav{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:16px;margin-top:clamp(48px,8vw,96px);padding-top:32px;display:grid}.project__nav-link{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);min-width:0;transition:border-color .22s ease, transform .22s var(--ease);flex-direction:column;gap:6px;padding:20px 24px;display:flex}.project__nav-link:hover{border-color:#39d5ff66;transform:translateY(-3px)}.project__nav-link span{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.74rem;font-weight:600}.project__nav-link strong{overflow-wrap:anywhere;font-size:1.02rem}.project__nav-link--next{text-align:end}.project__all{justify-content:center;margin-top:28px;display:flex}@media (max-width:620px){.project__nav{grid-template-columns:1fr}.project__nav-link--next{text-align:start}}.lang-switch{border:1px solid var(--line-strong);min-height:42px;color:var(--text);white-space:nowrap;transition:color var(--t-fast) ease, border-color var(--t-fast) ease, background-color var(--t-fast) ease, transform .12s ease;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-size:.9rem;font-weight:600;line-height:1;display:inline-flex}.lang-switch:hover{color:var(--accent);border-color:var(--accent);background:#39d5ff0f}.lang-switch:active{transform:scale(.96)}@media (max-width:860px){.lang-switch{min-height:44px}}:root{--font:"Inter Variable", "Noto Sans Arabic Variable", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}html[lang=ar]{--font:"Noto Sans Arabic Variable", "Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", Tahoma, Arial, sans-serif}html[lang=ar] body{line-height:1.75}html[lang=ar] :is(.display-xl,.display-l,.display-m,.display-s){letter-spacing:0;line-height:1.3}html[lang=ar] .display-xl{font-size:clamp(2.5rem,7vw,5.2rem);line-height:1.2}html[lang=ar] .display-l{font-size:clamp(2.2rem,5.6vw,4.4rem)}html[lang=ar] .lead{line-height:1.9}html[lang=ar] :is(.eyebrow,.footer__heading,.contact-item h2,.glance__title,.card__category,.card__chip,.card__badge,.project__heading,.project__facts dt,.project__nav-link span,.timeline__meta,.process__num,.mobile-menu__index){letter-spacing:0;text-transform:none}html[lang=ar] :is(.eyebrow,.footer__heading,.contact-item h2,.glance__title,.project__heading,.project__facts dt,.project__nav-link span){font-size:.9rem}html[lang=ar] .card__title,html[lang=ar] .card__body{line-height:1.6}.logo__text{letter-spacing:.22em}[dir=rtl] .btn__arrow svg,[dir=rtl] .modal__yt svg,[dir=rtl] .contact-item__value svg{transform:scaleX(-1)}[dir=rtl] .btn:hover .btn__arrow,[dir=rtl] .fact:hover{transform:translate(-4px)}.back-link svg{transform:scaleX(-1)}[dir=rtl] .back-link svg{transform:none}[dir=rtl] [data-ltr]{direction:ltr;unicode-bidi:isolate}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bg-geo__shape,.heroart__playhead{animation:none}.heroart__playhead{transform:translate(300px)}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.card:hover{transform:none}}@media (hover:none){.card__play-big{display:none}}
