.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/g/ibm-plex-mono-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/g/ibm-plex-mono-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Kufi Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/g/noto-kufi-arabic-400-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-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,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC7,U+10EC9-10EEE,U+10EF0-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 Kufi Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/g/noto-kufi-arabic-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Kufi Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/g/noto-kufi-arabic-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Kufi Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/g/noto-kufi-arabic-700-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-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,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC7,U+10EC9-10EEE,U+10EF0-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 Kufi Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/g/noto-kufi-arabic-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Kufi Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/g/noto-kufi-arabic-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Kufi Arabic;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/g/noto-kufi-arabic-900-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-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,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC7,U+10EC9-10EEE,U+10EF0-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 Kufi Arabic;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/g/noto-kufi-arabic-900-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Kufi Arabic;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/g/noto-kufi-arabic-900-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rubik;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/g/rubik-400-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-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,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC7,U+10EC9-10EEE,U+10EF0-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:Rubik;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/g/rubik-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rubik;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/g/rubik-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rubik;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/g/rubik-500-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-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,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC7,U+10EC9-10EEE,U+10EF0-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:Rubik;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/g/rubik-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rubik;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/g/rubik-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rubik;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/g/rubik-900-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-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,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC7,U+10EC9-10EEE,U+10EF0-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:Rubik;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/g/rubik-900-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rubik;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/g/rubik-900-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Zain;src:url(/fonts/zain-name.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0627,U+0628,U+0637,U+0644,U+064A}:root{--paper:#151412;--ink:#ECE7DC;--cobalt:#7B8CFF;--rule:#34312C;--muted:#9C968B;--display:"Rubik","Noto Kufi Arabic","Helvetica Neue",Arial,sans-serif;--mono:"IBM Plex Mono","SFMono-Regular",Menlo,Consolas,monospace;--gutter:clamp(16px,3vw,32px)}*{box-sizing:border-box}html{color-scheme:dark only;scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--display);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:lang(ar){line-height:1.8}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px}.wrap{padding-inline:var(--gutter);max-width:1440px;margin-inline:auto}.grid{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gutter);row-gap:24px}.mono{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.mono:lang(ar){font-family:"Noto Kufi Arabic",var(--mono);letter-spacing:0;text-transform:none}.rule{border:0;border-top:1px solid var(--ink);margin:0}.rule--full{margin-inline:calc(-1 * var(--gutter))}.bar{position:fixed;inset:0 0 auto;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:22px var(--gutter);pointer-events:none}.bar>*{pointer-events:auto}body:not([data-home])>.wrap{padding-top:88px}.island{position:absolute;left:0;top:0;visibility:hidden;background:var(--ink);pointer-events:none}.brand{position:relative;display:flex;align-items:center;block-size:44px;padding-inline:16px;color:var(--ink)}.brand,.cap{mix-blend-mode:difference}.brand .namesvg{block-size:28px;inline-size:auto;margin:0;display:block}.brand .namesvg mask *{animation:none;stroke-dashoffset:0;scale:1}.caps{position:relative;display:flex;padding:4px;border-radius:999px;background:var(--ink)}.cap{position:relative;z-index:1;display:flex;align-items:center;block-size:36px;padding-inline:16px;border-radius:999px;color:var(--ink);font-size:12px;letter-spacing:.06em;text-decoration:none}.blob{position:absolute;left:0;top:4px;block-size:36px;border-radius:999px;background:#0000001a;visibility:hidden}.roll{display:inline-flex;overflow:hidden;vertical-align:bottom}.roll span{display:inline-block;position:relative;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.roll span:after{content:attr(data-t);position:absolute;inset-inline-start:0;top:100%;color:var(--cobalt)}.roll:hover span,.roll:focus-visible span{transform:translateY(-100%)}.hero{position:relative;padding-block:96px 64px;isolation:isolate}.hero{border-image:linear-gradient(#000,#000) fill 0 // 0 100vw}.hero .name{grid-column:1 / -1;grid-row:1;align-self:center;text-align:center;z-index:0}.hero h1{margin:0;font-weight:900;line-height:.82;letter-spacing:-.02em;font-size:clamp(6.5rem,24vw,21rem)}.hero h1:lang(ar){font-family:Zain,Noto Kufi Arabic,sans-serif;font-weight:400;font-size:clamp(4rem,20vw,16rem)}.hero h1:lang(en){font-size:clamp(3.6rem,23vw,18rem);letter-spacing:-.04em}.hero h1.draw{font-size:0;line-height:0}.namesvg{display:block;margin-inline:auto;inline-size:min(100%,1400px);block-size:auto;overflow:visible}.namesvg.short{display:none}.brand .namesvg.brand{display:block}.namesvg .ink{fill:var(--ink)}.namesvg .link{fill:none;stroke:var(--ink)}.namesvg mask path{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:pen var(--t) var(--d) cubic-bezier(.45,.05,.55,.95) forwards}.namesvg mask circle{fill:#fff;transform-box:fill-box;transform-origin:center;scale:0;animation:dot .25s var(--d) ease-out forwards}.namesvg mask *{animation-delay:calc(var(--d) * var(--k, 1) + .3s)}.namesvg mask path{animation-duration:calc(var(--t) * var(--k, 1));animation-delay:calc(var(--d) * var(--k, 1))}:lang(en) .namesvg{--k:.6}@keyframes pen{to{stroke-dashoffset:0}}@keyframes dot{to{scale:1}}@media(prefers-reduced-motion:reduce){.namesvg mask *{animation:none;stroke-dashoffset:0;scale:1}}.hero .portrait{grid-column:1 / -1;grid-row:1;z-index:1;justify-self:center;align-self:end}.hero .cutout{user-select:none;-webkit-user-select:none;-webkit-user-drag:none;pointer-events:none;display:block;block-size:min(80vh,760px);inline-size:auto;-webkit-mask-image:linear-gradient(#000 75%,transparent);mask-image:linear-gradient(#000 75%,transparent)}.hero .meta{grid-column:1 / span 5;display:grid;gap:8px;color:var(--muted);max-width:52ch}.hero .meta p{margin:0;font-size:19px;color:var(--ink);line-height:1.6}.hero .links{grid-column:8 / span 5;display:flex;flex-wrap:wrap;gap:8px 20px;align-self:end}.hero .links a{text-decoration:none;border-bottom:1px solid var(--ink)}.hero .links a:hover{color:var(--cobalt);border-color:var(--cobalt)}.photo{position:relative;background:var(--cobalt);overflow:hidden}.photo img{display:block;width:100%;height:100%;object-fit:cover}.r34{aspect-ratio:3/4}.r11{aspect-ratio:1/1}.about{padding-block:48px 72px}.orbit{grid-column:1 / span 5;position:relative;aspect-ratio:1;align-self:start;isolation:isolate}.orbit .me{position:relative;z-index:2;display:block;inline-size:100%;block-size:auto;user-select:none;-webkit-user-drag:none;pointer-events:none;-webkit-mask-image:linear-gradient(#000 82%,transparent);mask-image:linear-gradient(#000 82%,transparent)}.orbit .logo{position:absolute;left:0;top:0;inline-size:clamp(28px,3.2vw,46px);color:var(--ink);will-change:transform,opacity;z-index:3}.orbit .logo.back{z-index:1}.orbit .logo svg{display:block;inline-size:100%;block-size:auto}.about .txt{grid-column:7 / span 6;font-size:21px;line-height:1.6;max-width:40ch}.about .txt:lang(ar){line-height:1.8}.about .txt p{margin:0 0 1em}.hood{color:var(--muted);font-size:13px;border-top:1px solid var(--rule);padding-top:12px}.hood span{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.contact{padding-block:96px 40px;row-gap:56px;align-items:end;border-image:linear-gradient(var(--paper),#000 120px) fill 0 // 0 100vw}.contact .say{grid-column:1 / span 7}.contact .kicker{display:block;color:var(--muted);margin-bottom:18px}.contact h2{margin:0;font-weight:900;line-height:.9;letter-spacing:-.03em;font-size:clamp(3.6rem,10vw,9.5rem)}.contact h2:lang(ar){letter-spacing:0;line-height:1.15}.contact .ways{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 24px;margin-top:28px}.contact a.mail{position:relative;padding-bottom:14px;font-size:clamp(1.5rem,3.4vw,3rem);line-height:1.2;text-decoration:none;direction:ltr}.mail:hover .roll span,.mail:focus-visible .roll span{transform:translateY(-100%)}.wv{position:absolute;inset-inline:0;bottom:0;block-size:12px;overflow:hidden}.wave{position:absolute;inset-inline-start:0;bottom:0;inline-size:200%;max-inline-size:none;block-size:12px;overflow:visible;transform-origin:center;transform:scaleY(.05);transition:transform .5s cubic-bezier(.2,.8,.2,1);animation:wave 1.6s linear infinite paused}.wave path{fill:none;stroke:currentColor;stroke-width:2;vector-effect:non-scaling-stroke}.mail:hover .wave,.mail:focus-visible .wave{transform:scaleY(1);animation-play-state:running;color:var(--cobalt)}@keyframes wave{to{translate:-50% 0}}.copy{background:none;border:0;padding:0;color:var(--muted);font-size:12px;letter-spacing:.06em;cursor:pointer;transition:color .2s}.copy:hover{color:var(--ink)}.copy.done{color:var(--cobalt)}.channels{grid-column:9 / span 4;list-style:none;margin:0;padding:0;font-size:14px;letter-spacing:.06em}.channels li{border-top:1px solid color-mix(in srgb,var(--ink) 22%,transparent)}.channels li:last-child{border-bottom:1px solid color-mix(in srgb,var(--ink) 22%,transparent)}.channels a{display:flex;justify-content:space-between;align-items:center;padding:18px 4px;text-decoration:none;background:linear-gradient(var(--ink),var(--ink)) 0 100%/100% 0 no-repeat;transition:background-size .45s cubic-bezier(.2,.8,.2,1),color .3s,padding .45s cubic-bezier(.2,.8,.2,1)}.channels a:hover,.channels a:focus-visible{background-size:100% 100%;color:#000;padding-inline:16px}.channels i{font-style:normal;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.channels a:hover i{transform:translate(3px,-3px) rotate(45deg)}.channels a:dir(rtl) i,.channels:dir(rtl) i{scale:-1 1}.where{grid-column:1 / -1;margin:0;color:var(--muted);font-size:12px;letter-spacing:.06em}.where time{color:var(--ink)}footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:20px 40px;color:var(--muted)}.worklist{padding-block:48px 56px}.worklist-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:8px}.worklist-head .all{text-decoration:none;border-bottom:1px solid var(--ink)}.worklist ul{list-style:none;margin:0;padding:0}.worklist li a{display:grid;grid-template-columns:auto 1fr auto;gap:4px 24px;align-items:baseline;text-decoration:none;border-top:1px solid var(--ink);padding:18px 0}.worklist li a:hover h3{color:var(--cobalt)}.worklist h2{margin:0;font-size:clamp(1.8rem,4vw,3rem);font-weight:900;letter-spacing:-.02em;line-height:1;text-wrap:balance}.worklist h2:lang(ar){letter-spacing:0;line-height:1.3}.worklist li p{grid-column:2;margin:6px 0 0;color:var(--muted);max-width:52ch}.worklist .n,.worklist .y{color:var(--muted)}.workhead{padding-block:40px 8px}.workhead .kick{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;letter-spacing:.14em;text-transform:uppercase}.workhead .kick:before{content:"";inline-size:32px;block-size:1px;background:currentColor}.workhead h1{margin:.15em 0;font-weight:900;line-height:.85;letter-spacing:-.03em;font-size:clamp(3.4rem,12vw,9rem);text-wrap:balance}.workhead h1:lang(ar){letter-spacing:0;line-height:1.3}.workhead p{margin:0;font-size:clamp(18px,1.6vw,24px);max-width:46ch;color:var(--muted)}.empty{padding-block:48px;color:var(--muted)}.gallery{list-style:none;margin:0;padding:48px 0 96px;display:grid;gap:64px 32px;grid-template-columns:repeat(2,minmax(0,1fr))}.gallery li:first-child{grid-column:1 / -1}.gallery li:first-child .photo{aspect-ratio:21/9}.gallery li:first-child h2{font-size:clamp(2rem,4.4vw,3.8rem)}.gallery a{display:block;text-decoration:none;color:inherit}.gallery .shot{position:relative;border-radius:20px;overflow:hidden;isolation:isolate;background:#000}.gallery .shot .photo{background:#000}.gallery .shot img{transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .4s}.gallery a:hover .shot img{transform:scale(1.04)}.gallery .badge{position:absolute;top:14px;inset-inline-start:14px;padding:6px 12px;border-radius:999px;background:var(--ink);color:#151412;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.gallery .go{position:absolute;top:14px;inset-inline-end:14px;display:grid;place-items:center;inline-size:44px;block-size:44px;border-radius:50%;background:var(--ink);color:#151412;font-size:18px;opacity:0;transform:scale(.6) rotate(-45deg);transition:opacity .35s,transform .5s cubic-bezier(.2,.8,.2,1)}.gallery a:hover .go,.gallery a:focus-visible .go{opacity:1;transform:none}.gallery a:dir(rtl) .go{scale:-1 1}.gallery .info{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:4px 18px;padding-top:18px}.gallery .info .mono{grid-row:1 / 3;color:var(--muted);font-size:12px;letter-spacing:.06em;padding-top:.5em}.gallery h2{margin:0;font-size:clamp(1.6rem,2.6vw,2.4rem);font-weight:900;letter-spacing:-.02em;line-height:1.05;text-wrap:balance;transition:color .3s}.gallery h2:lang(ar){letter-spacing:0;line-height:1.3}.gallery p{grid-column:2;margin:0;color:var(--muted);max-width:52ch;line-height:1.55}.gallery a:hover h2{color:var(--cobalt)}@media(max-width:767px){.gallery{grid-template-columns:1fr;gap:44px;padding-top:32px}.gallery li:first-child .photo{aspect-ratio:16/9}.gallery .shot{border-radius:16px}.gallery .info{grid-template-columns:1fr;gap:6px}.gallery .info .mono{grid-row:auto;padding:0}.gallery p{grid-column:1}.gallery .go{opacity:1;transform:none;inline-size:38px;block-size:38px;font-size:15px}}.r169{aspect-ratio:16/9}.casehead{margin-top:-88px;padding-block:128px 88px;border-image:linear-gradient(#000,#000) fill 0 // 0 100vw}.crumbs{display:flex;justify-content:space-between;gap:16px;color:var(--muted)}.crumbs .back{text-decoration:none;color:var(--ink)}.crumbs .back:hover{color:var(--cobalt)}.casehead h1{margin:.35em 0 .3em;font-weight:900;line-height:.88;letter-spacing:-.04em;font-size:clamp(3rem,11vw,10rem);text-wrap:balance}.casehead h1:lang(ar){font-family:Noto Kufi Arabic,sans-serif;letter-spacing:0;line-height:1.3}.caserow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 64px;align-items:end}.casehead .badge{display:inline-block;margin-bottom:14px;padding:6px 12px;border-radius:999px;background:var(--ink);color:#151412;font-size:11px;letter-spacing:.08em}.casehead .lede{margin:0;font-size:clamp(19px,1.8vw,26px);line-height:1.4;font-weight:500;max-width:40ch}.caseact{display:grid;gap:14px;justify-items:end;text-align:end}.visit{display:inline-flex;align-items:center;gap:14px;padding:16px 26px;border-radius:999px;background:var(--ink);color:#151412;text-decoration:none;font-size:13px}.visit i{font-style:normal;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.visit:hover .roll span,.visit:focus-visible .roll span{transform:translateY(-100%)}.visit:hover i{transform:translate(3px,-3px)}.visit:dir(rtl) i{scale:-1 1}.status{margin:0;max-width:34ch;color:var(--muted);font-size:15px;line-height:1.5}.status .mono{display:block;margin-bottom:4px;font-size:11px}.casecover{margin:48px 0 72px;border-radius:24px;overflow:hidden;background:#000}.casecover .photo{background:#000}.system{padding-bottom:72px}.syskicker{display:block;color:var(--muted);margin-bottom:8px}.system article{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:8px 48px;padding:32px 0;border-top:1px solid var(--rule)}.system .n{grid-column:1;font-size:clamp(2.4rem,5vw,4.5rem);font-weight:900;line-height:1;color:color-mix(in srgb,var(--ink) 22%,transparent)}.system h2{grid-column:1;margin:0;font-size:clamp(1.4rem,2.4vw,2.2rem);font-weight:900;letter-spacing:-.02em;line-height:1.1}.system h2:lang(ar){letter-spacing:0;line-height:1.35}.system p{grid-column:2;grid-row:1 / span 2;align-self:center;margin:0;font-size:18px;line-height:1.65;max-width:58ch}.system p:lang(ar){line-height:1.85}.shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-bottom:72px}.shots .photo{border-radius:18px}.shots .photo:not(.portrait):first-child{grid-column:1 / -1}.shots .photo.portrait{inline-size:min(100%,360px);justify-self:center}.quote{margin:0 0 72px;padding:48px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.quote blockquote{margin:0;font-size:clamp(1.4rem,3.4vw,2.4rem);font-weight:900;line-height:1.15;letter-spacing:-.02em;max-width:22ch;text-wrap:balance}.quote blockquote:lang(ar){letter-spacing:0;line-height:1.4}.quote figcaption{margin-top:16px;color:var(--muted)}.nextcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:24px 48px;align-items:center;margin-bottom:72px;padding:32px 0;border-top:1px solid var(--rule);text-decoration:none;color:inherit}.nextcase .mono{color:var(--muted)}.nextcase h2{margin:10px 0 0;font-weight:900;line-height:.9;letter-spacing:-.03em;font-size:clamp(2.4rem,7vw,6rem);text-wrap:balance;transition:color .3s}.nextcase h2:lang(ar){letter-spacing:0;line-height:1.3}.nextcase:hover h2{color:var(--cobalt)}.nextshot{position:relative;border-radius:18px;overflow:hidden;background:#000}.nextshot img{transition:transform .9s cubic-bezier(.2,.8,.2,1)}.nextcase:hover .nextshot img{transform:scale(1.05)}.nextshot .go{position:absolute;top:12px;inset-inline-end:12px;display:grid;place-items:center;inline-size:40px;block-size:40px;border-radius:50%;background:var(--ink);color:#151412}.nextshot .go:dir(rtl){scale:-1 1}@media(max-width:767px){.casehead{padding-block:108px 48px}.caserow{grid-template-columns:1fr}.caseact{justify-items:stretch;text-align:start}.visit{justify-content:center}.casecover{border-radius:16px;margin:28px 0 48px}.system article{grid-template-columns:1fr;gap:6px;padding:24px 0}.system p{grid-column:1;grid-row:auto;font-size:17px}.shots{grid-template-columns:1fr;gap:14px}.shots .photo{border-radius:14px}.nextcase{grid-template-columns:1fr}}.notfound{padding-block:48px 96px}.notfound h1{margin:0;font-weight:900;line-height:.8;letter-spacing:-.04em;font-size:clamp(6rem,26vw,20rem)}.notfound .lede{margin:.4em 0 0;font-size:clamp(1.1rem,2.4vw,1.6rem);max-width:40ch}.notfound .links{display:flex;gap:20px;flex-wrap:wrap;margin-top:32px}.notfound .links a{text-decoration:none;border-bottom:1px solid var(--ink)}.notfound .links a:hover{color:var(--cobalt);border-color:var(--cobalt)}.cv{padding-block:32px 72px;max-width:78ch}.cv h1{margin:0;font-weight:900;line-height:.85;letter-spacing:-.04em;font-size:clamp(3rem,10vw,6rem)}.cv .lede{margin:.3em 0 0;font-size:clamp(1.05rem,2.2vw,1.35rem);max-width:46ch}.cv .meta{list-style:none;display:flex;flex-wrap:wrap;gap:8px 20px;margin:18px 0 0;padding:0;color:var(--muted)}.cv .meta a{text-decoration:none;border-bottom:1px solid var(--rule)}.cv section{margin-top:36px}.cv h2{margin:0 0 12px;color:var(--muted);border-top:1px solid var(--ink);padding-top:12px}.cv p{margin:0;font-size:17px;line-height:1.6}.cv p:lang(ar){line-height:1.8}.cv .roles dt{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;font-weight:900;font-size:clamp(1.15rem,2.4vw,1.5rem);letter-spacing:-.02em;margin-top:20px}.cv .roles dt:first-of-type{margin-top:0}.cv .roles .when{font-weight:400;color:var(--muted)}.cv .roles dd{margin:6px 0 0;font-size:17px;line-height:1.6;max-width:70ch}.cv .roles dd:lang(ar){line-height:1.8}.cv .skills{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px 20px;margin:0}.cv .skills dt{color:var(--muted);padding-top:2px}.cv .skills dd{margin:0;font-size:16px}.cv .bullets{margin:0;padding-inline-start:1.1em}.cv .bullets li{font-size:17px;line-height:1.6;margin-bottom:8px;max-width:70ch}.cv .note{margin-top:12px;color:var(--muted);font-size:15px}@media print{@page{size:A4;margin:0}.bar,nav,footer,.lang,.copy,hr.rule{display:none!important}body{font-size:10.5pt}.wrap{padding:0;max-width:none}.cv{padding:7mm 12mm 3mm;max-width:none}.cv h1{font-size:22pt}.cv .lede{font-size:10.5pt}.cv .meta{margin-top:10pt;gap:3px 14px}.cv section{margin-top:6pt}.cv h2{padding-top:6pt;margin-bottom:4pt}.cv p,.cv .roles dd,.cv .skills dd,.cv .bullets li,.cv .skillrows li{font-size:8.5pt;line-height:1.26}.cv .skillrows li{margin-bottom:2pt;break-inside:avoid}.cv .roles dt{font-size:10.5pt;margin-top:6pt;break-after:avoid}.cv .roles dd{margin-top:3pt}.cv .skills{gap:4px 20px}.cv .bullets li{margin-bottom:2pt}.cv .note{font-size:8pt;margin-top:5pt}.cv .roles dd,.cv .bullets li{break-inside:avoid}}@media(max-width:767px){.grid{grid-template-columns:1fr;row-gap:20px}.hero .name,.hero .portrait,.hero .meta,.hero .links,.orbit,.about .txt{grid-column:1 / -1;grid-row:auto}.hero h1:lang(en){font-size:clamp(3rem,15vw,5rem)}.hero h1{font-size:clamp(4.5rem,22vw,7rem);margin-inline-start:0}.contact h2{margin-inline-start:0}.contact .say,.channels{grid-column:1 / -1}.hero .portrait{margin-top:0}.hero .cutout{block-size:auto;inline-size:100%}.namesvg.wide{display:none}.namesvg.short{display:block}.worklist li a{grid-template-columns:auto 1fr;gap:2px 16px}.worklist .y{grid-column:2;color:var(--muted)}.cv .skills{grid-template-columns:1fr;gap:2px}.cv .skills dd{margin-bottom:10px}nav ul{gap:16px}}@media(prefers-reduced-motion:no-preference){.hero h1{animation:rise .8s cubic-bezier(.2,.8,.2,1) both}.hero .portrait{animation:wipe .9s cubic-bezier(.7,0,.2,1) .25s both}.hero .meta,.hero .links{animation:fade .6s ease .55s both}@keyframes wipe{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}@keyframes fade{0%{opacity:.001}to{opacity:1}}.hero .links a,.contact a.mail,nav a,.lang{transition:color .2s ease,border-color .2s ease,background .2s ease}}@media print{.cv .skills{grid-template-columns:132px minmax(0,1fr);gap:4px 16px}.cv .skills dd{margin-bottom:0}}.cv .skillrows{list-style:none;margin:0;padding:0}@media screen{.cv .skillrows li{font-size:17px;line-height:1.6;margin:0 0 10px}.cv .skillrows li:lang(ar){line-height:1.8}}.cv .skillrows strong{font-weight:700;margin-inline-end:4px}@media(prefers-reduced-motion:reduce){.roll span,.bar{transition:none}}@media(min-width:768px){.hero{min-block-size:100svh;padding-block:88px 28px;grid-template-rows:1fr;align-content:stretch}.hero .cutout{block-size:min(calc(100svh - 120px),820px)}.hero .meta,.hero .links{--edge: calc(-1*max(0px, (100vw - var(--sbw, 0px) - 1440px) / 2)) }.hero .meta{position:absolute;top:118px;inset-inline-start:var(--edge);gap:14px;z-index:2;max-width:27ch}.hero .meta>.mono{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.hero .meta>.mono:before{content:"";inline-size:32px;block-size:1px;background:currentColor}.hero .meta p{font-size:clamp(20px,1.7vw,30px);line-height:1.3;font-weight:500;letter-spacing:-.01em}.hero .links{position:absolute;bottom:40px;inset-inline-end:var(--edge);display:grid;gap:2px;margin:0;padding:0;list-style:none;z-index:2;font-size:14px;letter-spacing:.08em;min-inline-size:200px}.hero .links li{border-bottom:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}.hero .links a{display:flex;justify-content:space-between;gap:24px;padding:10px 0;border:0;text-decoration:none}.hero .links a:hover .roll span,.hero .links a:focus-visible .roll span{transform:translateY(-100%)}.hero .links i{font-style:normal;color:var(--muted);transition:transform .45s cubic-bezier(.2,.8,.2,1),color .3s}.hero .links a:hover i{transform:translate(3px,-3px);color:var(--cobalt)}.hero .links a:dir(rtl) i{scale:-1 1}}.hero+hr{border-top-color:transparent}.hero+hr+section.about:not(.contact){border-image:linear-gradient(transparent,var(--paper) 180px) fill 0 // 0 100vw;padding-top:180px}@media(max-width:767px){.hero{min-block-size:100svh;padding-block:80px 28px;row-gap:18px;align-content:center}.hero{--ph:100vw}.hero .name{grid-row:2;align-self:start;margin-top:calc(var(--ph) * .3);z-index:0}.hero .portrait{grid-row:2;align-self:start;margin-top:0;z-index:1}.hero .portrait{max-inline-size:none;inline-size:calc(100% + 2 * var(--gutter));margin-inline:calc(-1 * var(--gutter));overflow:hidden;justify-self:stretch;display:flex;justify-content:center}.hero .cutout{block-size:var(--ph);inline-size:var(--ph);max-inline-size:none;flex:none}.hero .name,.hero .namesvg{max-inline-size:100%}.hero .namesvg.short{inline-size:100%}.hero .meta,.hero .links{min-inline-size:0;max-inline-size:100%}.hero .meta{grid-row:3;gap:6px}.hero .meta>.mono{font-size:11px;letter-spacing:.14em;text-transform:uppercase}.hero .meta p{font-size:18px;line-height:1.45}.hero .links{grid-row:4;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;font-size:11px;letter-spacing:.06em}.hero .links a{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--ink) 28%,transparent);border-radius:999px;text-decoration:none}.hero .links i{font-style:normal;color:var(--muted)}.hero .links a:dir(rtl) i{scale:-1 1}}@media(min-width:768px){.hero .namesvg.wide{max-inline-size:calc(40svh * var(--ratio, 3.6))}.hero .meta p{font-size:clamp(17px,min(1.7vw,3.6svh),30px)}}@media(min-width:768px)and (max-height:760px){.hero .meta{top:92px;max-width:34ch}.hero .links{display:flex;gap:4px 22px;bottom:24px;min-inline-size:0}.hero .links li{border:0}.hero .links a{padding:4px 0;gap:6px}}.hero{position:sticky;top:0;transform-origin:50% 0}.hero~*{position:relative;z-index:1}.hero~section:not(.contact){border-image:linear-gradient(var(--paper),var(--paper)) fill 0 // 0 100vw}[data-home] footer{position:relative;z-index:1;border-image:linear-gradient(var(--paper),var(--paper)) fill 0 // 0 100vw}@media(max-width:767px){.hero .meta{gap:10px}.hero .meta>.mono{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.hero .meta>.mono:before{content:"";inline-size:24px;block-size:1px;background:currentColor}.hero .meta p{font-size:21px;line-height:1.35;font-weight:500;letter-spacing:-.01em}.hero .links{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;font-size:12px;letter-spacing:.08em}.hero .links li{border-bottom:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}.hero .links a{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border:0;border-radius:0}.hero .links li:first-child{grid-column:1 / -1;border:0;margin-bottom:6px}.hero .links li:first-child a{justify-content:center;gap:10px;padding:14px;border-radius:999px;background:var(--ink);color:#151412;font-size:13px}.hero .links li:first-child i{color:#151412}}.curtain{position:fixed;inset:0;z-index:100;pointer-events:none;visibility:hidden}.curtain svg{position:absolute;inset:0;inline-size:100%;block-size:100%}.curtain path{fill:#000}.curtain-label{position:absolute;inset:0;display:grid;place-items:center;color:var(--ink);font-family:var(--mono);font-size:13px;letter-spacing:.2em;text-transform:uppercase;opacity:0}::view-transition-old(*),::view-transition-new(*),::view-transition-group(*){animation:none!important}.about .txt{max-width:none;grid-column:7 / -1}.about .txt>p{font-size:clamp(20px,1.6vw,26px);line-height:1.5;max-width:34ch}.steps{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}.steps li{padding-top:18px;display:grid;gap:8px;align-content:start}.steps .mono{color:var(--muted);font-size:12px;letter-spacing:.1em}.steps h3{margin:0;font-size:20px;font-weight:900;letter-spacing:-.01em}.steps p{margin:0;font-size:15px;line-height:1.55;color:var(--muted)}.about .hood{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:36px}.about .hood>.mono{color:var(--muted);font-size:12px;letter-spacing:.1em;text-transform:uppercase}.about .hood ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.about .hood li{padding:7px 14px;border:1px solid color-mix(in srgb,var(--ink) 25%,transparent);border-radius:999px;font-size:13px}.worklist{position:relative}.worklist li a{position:relative;grid-template-columns:3ch 1fr auto auto;align-items:center;padding-block:28px;column-gap:28px}.worklist li a .thumb{display:none}.worklist h2{font-size:clamp(2.2rem,5.5vw,5rem);transition:transform .5s cubic-bezier(.2,.8,.2,1),color .3s}.worklist li p{grid-column:2;grid-row:2}.worklist .y{grid-column:3;grid-row:1}.worklist .go{grid-column:4;grid-row:1;font-style:normal;inline-size:44px;block-size:44px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--ink) 25%,transparent);border-radius:50%;transition:background .3s,color .3s,transform .45s cubic-bezier(.2,.8,.2,1)}.worklist li a:dir(rtl) .go{scale:-1 1}.worklist li a:hover h2{transform:translate(12px);color:var(--ink)}.worklist li a:dir(rtl):hover h2{transform:translate(-12px)}.worklist li a:hover .go{background:var(--ink);color:#151412;transform:rotate(45deg)}.worklist ul:hover li a:not(:hover){opacity:.4}.worklist li a{transition:opacity .3s}.peek{position:fixed;left:0;top:0;z-index:5;inline-size:clamp(220px,22vw,360px);aspect-ratio:16/10;border-radius:14px;overflow:hidden;pointer-events:none;visibility:hidden;box-shadow:0 20px 60px #00000080}.peek img{inline-size:100%;block-size:100%;object-fit:cover;display:block}@media(hover:none),(max-width:767px){.peek{display:none}}@media(max-width:767px){.about .txt{grid-column:1 / -1}.steps{grid-template-columns:1fr;gap:0;margin-top:28px}.steps li{grid-template-columns:3ch 1fr;column-gap:12px;padding-block:16px;border-bottom:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}.steps li p{grid-column:2}.worklist li a{grid-template-columns:96px 1fr auto;column-gap:14px;padding-block:18px}.worklist li a .thumb{display:block;grid-row:1 / span 2;inline-size:96px;block-size:auto;aspect-ratio:16/10;object-fit:cover;border-radius:10px}.worklist .n{display:none}.worklist h2{font-size:clamp(1.6rem,7vw,2.2rem)}.worklist li p{grid-column:2;font-size:14px}.worklist .y{display:none}.worklist .go{grid-column:3;grid-row:1 / span 2;inline-size:36px;block-size:36px}}.system{display:block;padding-bottom:72px}.system article{display:grid;grid-template-columns:4ch minmax(0,5fr) minmax(0,7fr);gap:8px 40px;align-items:baseline;padding:30px 0;border:0;border-top:1px solid color-mix(in srgb,var(--ink) 16%,transparent);border-radius:0;background:none}.system article:last-child{border-bottom:1px solid color-mix(in srgb,var(--ink) 16%,transparent)}.system .n{grid-column:1;font-family:var(--mono);font-size:13px;font-weight:400;letter-spacing:.1em;color:var(--muted)}.system h2{grid-column:2;margin:0;font-size:clamp(1.3rem,2vw,2rem);font-weight:900;letter-spacing:-.02em;line-height:1.15}.system h2:lang(ar){letter-spacing:0;line-height:1.4}.system p{grid-column:3;grid-row:auto;margin:0;font-size:17px;line-height:1.65;color:var(--muted);max-width:56ch}.system p:lang(ar){line-height:1.9}@media(max-width:767px){.system article{grid-template-columns:4ch 1fr;gap:8px 12px;padding:22px 0}.system p{grid-column:2;font-size:16px}}.casehead[style*=--bg]{border-image:none;position:relative;isolation:isolate}.casehead[style*=--bg]:before{content:"";position:absolute;inset:0 calc(50% - 50vw);z-index:-1;background:linear-gradient(180deg,#0003,#0000001a 40%,#000),var(--bg) center / cover no-repeat}.lang-switch{padding-inline:12px}.lang-switch svg{display:block;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.lang-switch:hover svg{transform:rotate(-12deg) scale(1.1)}:root:has(.cv){--paper:#fff;--ink:#111;--muted:#555;--rule:#d8d8d8;--cobalt:#1E3FFF;color-scheme:light}:root:has(.cv) body{background:#fff}@media print{:root{--paper:#fff;--ink:#111;--muted:#555;--rule:#d8d8d8}body{background:#fff!important}}:root:has(.cv) .bar{--ink:#ECE7DC}:root:has(.cv) .bar .brand{--ink:#111;mix-blend-mode:normal}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}