:root{--bg:#fcfaf6;--bg-2:#f4f1ec;--ink:#14110c;--ink-2:#3b3831;--ink-3:#75716a;--line:#dad7d2;--line-2:#e6e4e0;--accent:#c8f25c;--accent-ink:#131f04;--serif:"Instrument Serif", "Times New Roman", serif;--sans:"Inter", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--arabic:"Tajawal", "Inter", system-ui, sans-serif;--pad-x:clamp(20px, 5vw, 96px);--section-y:clamp(80px, 9vw, 160px);--maxw:1320px}@supports (color:lab(0% 0 0)){:root{--bg:lab(98.2805% .135809 1.90165);--bg-2:lab(95.3923% .224829 3.04762);--ink:lab(5.29614% .409126 3.14576);--ink-2:lab(23.4831% .43048 4.63933);--ink-3:lab(47.8458% .384241 4.60386);--line:lab(86.1122% .226587 3.04878);--line-2:lab(90.7444% .165403 2.28364);--accent-ink:lab(10.0216% -10.0343 12.888)}}[data-theme=dark]{--bg:#0b0905;--bg-2:#14110c;--ink:#f7f5f1;--ink-2:#bab7b2;--ink-3:#7d7a74;--line:#2c2922;--line-2:#1d1a14}@supports (color:lab(0% 0 0)){[data-theme=dark]{--bg:lab(2.49401% .276953 1.85308);--bg-2:lab(5.29614% .409126 3.14576);--ink:lab(96.5405% .135899 1.90173);--ink-2:lab(74.5121% .229329 3.05059);--ink-3:lab(51.3189% .306934 3.82711);--line:lab(16.5217% .456139 4.66072);--line-2:lab(9.55939% .495337 4.6003)}}[data-density=compact]{--section-y:clamp(56px, 6vw, 110px)}[data-density=spacious]{--section-y:clamp(110px, 12vw, 220px)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.5}html[lang=ar] body{font-family:var(--arabic)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}img,svg{max-width:100%;display:block}input,textarea{font:inherit;color:inherit}.stripe{border:1px solid var(--line);background:repeating-linear-gradient(135deg, transparent 0 11px, oklch(from var(--ink) l c h / .06) 11px 12px), var(--bg-2);border-radius:4px;width:100%;position:relative;overflow:hidden}.stripe--cool{background:repeating-linear-gradient(135deg, transparent 0 11px, oklch(from var(--accent) .6 .08 h / .12) 11px 12px), var(--bg-2)}.stripe--ink{background:var(--ink);color:var(--bg)}.stripe--has-img{background:var(--bg-2)}.stripe__img{object-fit:cover;object-position:50% 30%;width:100%;height:100%;position:absolute;inset:0}.stripe--has-img:after{content:"";background:linear-gradient(180deg, transparent 60%, oklch(from var(--ink) l c h / .25) 100%);pointer-events:none;position:absolute;inset:0}.stripe--ink:after{content:"";background:repeating-linear-gradient(135deg, transparent 0 14px, oklch(from var(--bg) l c h / .06) 14px 15px);position:absolute;inset:0}.stripe__label{top:10px;font-family:var(--mono);letter-spacing:.03em;color:var(--ink-3);background:oklch(from var(--bg) l c h / .85);border:1px solid var(--line);text-transform:lowercase;border-radius:2px;padding:4px 8px;font-size:11px;position:absolute;inset-inline-start:12px}.stripe--ink .stripe__label{background:oklch(from var(--ink) l c h / .6);border-color:oklch(from var(--bg) l c h / .2);color:oklch(from var(--bg) l c h / .7)}.tag{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--line);color:var(--ink-2);background:var(--bg);border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:11px;display:inline-flex}html[lang=ar] .tag{font-family:var(--arabic);text-transform:none;letter-spacing:0}html[lang=ar] .tag.mono-time{font-family:var(--mono)}.tag--soft{color:var(--ink-3);border-style:dashed}.dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 3px oklch(from var(--accent) l c h / .25);border-radius:50%;animation:2s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 6px oklch(from var(--accent) l c h / 0)}}.eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3);font-size:12px}html[lang=ar] .eyebrow{font-family:var(--arabic);text-transform:none;letter-spacing:0;font-size:14px}.btn{letter-spacing:-.005em;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:500;transition:transform .12s,background .18s,color .18s,border-color .18s;display:inline-flex}.btn--sm{padding:8px 14px;font-size:13px}.btn--lg{padding:16px 26px;font-size:15px}.btn--block{justify-content:center;width:100%}.btn--primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn--primary:hover{background:oklch(from var(--ink) calc(l + .06) c h);transform:translateY(-1px)}.btn--ghost{color:var(--ink);border-color:var(--line);background:0 0}.btn--ghost:hover{background:var(--bg-2);border-color:var(--ink-3)}html[dir=rtl] .btn svg{transform:scaleX(-1)}.nav{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:oklch(from var(--bg) l c h / .78);border-bottom:1px solid var(--line-2);position:sticky;top:0}.nav__inner{max-width:var(--maxw);padding:14px var(--pad-x);grid-template-columns:auto 1fr auto;align-items:center;gap:24px;margin:0 auto;display:grid}.mark{color:var(--ink);align-items:center;gap:8px;display:inline-flex}.mark__word{font-family:var(--mono);letter-spacing:.18em;font-size:13px;font-weight:500}.mark__sub{font-family:var(--serif);color:var(--ink-3);font-size:16px;font-style:italic}html[lang=ar] .mark__sub{font-family:var(--arabic);font-size:14px;font-style:normal}.nav__links{color:var(--ink-2);justify-self:center;gap:24px;font-size:13px;display:flex}.nav__links a{align-items:baseline;gap:5px;transition:color .15s;display:inline-flex}.nav__links a:hover{color:var(--ink)}.nav__num{font-family:var(--mono);color:var(--ink-3);font-size:10px}.nav__cta{align-items:center;gap:10px;display:flex}.nav__lang,.nav__theme{width:32px;height:32px;font-family:var(--mono);letter-spacing:.08em;border:1px solid var(--line);color:var(--ink-2);border-radius:999px;place-items:center;font-size:11px;transition:background .15s,color .15s;display:inline-grid}.nav__theme{font-size:14px}.nav__lang:hover,.nav__theme:hover{color:var(--ink);background:var(--bg-2)}@media (max-width:920px){.nav__links{display:none}}main>section{max-width:var(--maxw);padding:var(--section-y) var(--pad-x);border-bottom:1px solid var(--line-2);margin:0 auto}main>section:last-child{border-bottom:0}.section__head{margin-bottom:clamp(40px,5vw,72px)}.section__head--split{grid-template-columns:1.2fr 1fr;align-items:end;gap:60px;margin-bottom:clamp(40px,5vw,72px);display:grid}.section__head--row{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:32px;margin-bottom:clamp(40px,5vw,72px);display:flex}@media (max-width:800px){.section__head--split{grid-template-columns:1fr;gap:24px}}.section__kicker{font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3);margin-bottom:18px;font-size:12px;display:block}html[lang=ar] .section__kicker{font-family:var(--arabic);text-transform:none;letter-spacing:0;font-size:15px}.section__title{font-family:var(--serif);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(38px,5.4vw,76px);font-weight:400;line-height:.98}html[lang=ar] .section__title{font-family:var(--arabic);letter-spacing:0;font-weight:500;line-height:1.1}.section__title em{color:var(--ink-2);font-style:italic}html[lang=ar] .section__title em{color:var(--ink-2);font-style:normal}.hero{padding-top:clamp(48px,6vw,96px)!important}.hero--editorial{grid-template-rows:auto auto;grid-template-columns:1.15fr 1fr;gap:32px 60px;display:grid}.hero__meta{flex-wrap:wrap;grid-column:1/-1;gap:10px;display:flex}.hero__title{font-family:var(--serif);letter-spacing:-.025em;text-wrap:balance;grid-area:2/1;margin:0;font-size:clamp(54px,9vw,152px);font-weight:400;line-height:.92}html[lang=ar] .hero__title{font-family:var(--arabic);letter-spacing:0;font-weight:600;line-height:1}.hero__title em{color:var(--ink-2);font-style:italic;display:inline-block;position:relative}.hero__title em:after{content:"";background:var(--accent);z-index:-1;opacity:.85;height:.18em;position:absolute;bottom:6%;left:0;right:8%;transform:skew(-3deg)}html[dir=rtl] .hero__title em:after{left:8%;right:0}html[lang=ar] .hero__title em{font-style:normal}.hero__sub{grid-area:3/1;gap:22px;max-width:480px;display:grid}.hero__sub p{color:var(--ink-2);text-wrap:pretty;margin:0;font-size:18px}.hero__actions{flex-wrap:wrap;gap:12px;display:flex}.hero__actions--center{justify-content:center}.hero__visual{grid-area:2/2/span 2;align-content:end;gap:16px;display:grid}.hero__stats{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.hero__stats li{border-inline-end:1px solid var(--line);padding:14px 0;gap:4px;padding-inline:12px;display:grid}.hero__stats li:last-child{border-inline-end:0}.hero__stats li:first-child{padding-inline-start:0}.hero__stats span{font-family:var(--serif);font-size:30px;line-height:1}.hero__stats small{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);font-size:10px}html[lang=ar] .hero__stats small{font-family:var(--arabic);text-transform:none;letter-spacing:0;font-size:12px}@media (max-width:880px){.hero--editorial{grid-template-columns:1fr}.hero__visual{grid-area:auto/1}}.hero--split{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.hero__title--split{margin:18px 0 24px;font-size:clamp(44px,6.4vw,100px)}.hero__lede{color:var(--ink-2);text-wrap:pretty;max-width:480px;margin:0 0 28px;font-size:19px}.hero__lede--center{text-align:center;max-width:640px;margin-left:auto;margin-right:auto}@media (max-width:880px){.hero--split{grid-template-columns:1fr}}.hero--mono{text-align:center;gap:24px;display:grid}.hero__mono-pre{font-family:var(--mono);color:var(--ink-3);border:1px solid var(--line);border-radius:999px;justify-self:center;align-items:center;gap:10px;padding:8px 14px;font-size:12px;display:inline-flex}html[lang=ar] .hero__mono-pre{font-family:var(--arabic);font-size:13px}.hero__title--mono{text-align:center;margin:12px auto 0;font-size:clamp(60px,9vw,168px)}.hero__mono-frame{margin-top:28px}.about__body p{color:var(--ink-2);text-wrap:pretty;max-width:44ch;margin:0 0 14px;font-size:17px}.about__grid{grid-template-columns:1fr 1.3fr;align-items:start;gap:60px;display:grid}.about__photo{max-width:380px}.about__facts{border-top:1px solid var(--line);margin:0}.about__facts-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3);padding:16px 0 8px;font-size:11px;display:block}html[lang=ar] .about__facts-label{font-family:var(--arabic);text-transform:none;letter-spacing:0;font-size:13px}.about__fact{border-top:1px solid var(--line-2);grid-template-columns:140px 1fr;gap:24px;padding:18px 0;display:grid}.about__fact dt{font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3);padding-top:4px;font-size:11px}html[lang=ar] .about__fact dt{font-family:var(--arabic);text-transform:none;letter-spacing:0;padding-top:0;font-size:13px}.about__fact dd{margin:0;font-size:16px}@media (max-width:880px){.about__grid{grid-template-columns:1fr}.about__fact{grid-template-columns:1fr;gap:4px}}.skills__grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:32px;padding-top:40px;display:grid}.skill-group{gap:20px;display:grid}.skill-group header{align-items:baseline;gap:12px;display:flex}.skill-group__n{font-family:var(--mono);color:var(--ink-3);font-size:12px}.skill-group h3{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-size:26px;font-weight:400}html[lang=ar] .skill-group h3{font-family:var(--arabic);font-weight:500}.skill-group ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.skill-group li{color:var(--ink-2);border-bottom:1px dashed var(--line-2);align-items:baseline;gap:10px;padding:10px 0;font-size:15px;display:flex}.skill-tick{font-family:var(--mono);color:var(--accent);width:14px;font-size:12px}@media (max-width:880px){.skills__grid{grid-template-columns:1fr}}.exp__list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.exp__item{border-bottom:1px solid var(--line);grid-template-columns:200px 1fr 60px;gap:40px;padding:36px 0;transition:background .18s;display:grid;position:relative}.exp__item:hover{background:var(--bg-2)}.exp__when{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);padding-top:6px;font-size:12px}html[lang=ar] .exp__when{font-family:var(--arabic);text-transform:none;letter-spacing:0;font-size:14px}.exp__body h3{font-family:var(--serif);letter-spacing:-.015em;margin:0 0 12px;font-size:clamp(24px,2.6vw,36px);font-weight:400}html[lang=ar] .exp__body h3{font-family:var(--arabic);font-weight:500}.exp__body h3 em{color:var(--ink-3);font-size:.6em;font-style:italic}html[lang=ar] .exp__body h3 em{font-style:normal}.exp__body p{color:var(--ink-2);text-wrap:pretty;max-width:60ch;margin:0 0 14px}.exp__tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.exp__tags li{font-family:var(--mono);border:1px solid var(--line);color:var(--ink-3);border-radius:999px;padding:4px 10px;font-size:11px}.exp__num{font-family:var(--serif);color:var(--ink-3);text-align:end;opacity:.5;align-self:start;font-size:56px;line-height:1}@media (max-width:880px){.exp__item{grid-template-columns:1fr;gap:14px}.exp__num{display:none}}.edu__grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.edu__card{border:1px solid var(--line);background:var(--bg);border-radius:6px;padding:32px;transition:border-color .18s,transform .18s}.edu__card:hover{border-color:var(--ink-3);transform:translateY(-2px)}.edu__when{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);margin-bottom:18px;font-size:11px;display:inline-block}html[lang=ar] .edu__when{font-family:var(--arabic);text-transform:none;letter-spacing:0;font-size:13px}.edu__card h3{font-family:var(--serif);letter-spacing:-.01em;margin:0 0 6px;font-size:28px;font-weight:400}html[lang=ar] .edu__card h3{font-family:var(--arabic);font-weight:500}.edu__org{font-family:var(--mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;margin:0 0 16px;font-size:12px}html[lang=ar] .edu__org{font-family:var(--arabic);text-transform:none;letter-spacing:0;font-size:14px}.edu__card p{color:var(--ink-2);margin:0;line-height:1.55}@media (max-width:880px){.edu__grid{grid-template-columns:1fr}}.work__filters{flex-wrap:wrap;gap:8px;display:flex}.work__filter{font-family:var(--mono);border:1px solid var(--line);color:var(--ink-2);border-radius:999px;padding:8px 14px;font-size:12px;transition:background .15s,color .15s,border-color .15s}html[lang=ar] .work__filter{font-family:var(--arabic);font-size:14px}.work__filter:hover{color:var(--ink);border-color:var(--ink-3)}.work__filter.is-on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.work__grid{grid-template-columns:repeat(3,1fr);gap:40px 24px;margin:0;padding:0;list-style:none;display:grid}.proj{gap:12px;display:grid;position:relative}.proj__shot{position:relative}.proj__year{top:12px;font-family:var(--mono);letter-spacing:.06em;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:2px;padding:4px 8px;font-size:11px;position:absolute;inset-inline-end:12px}.proj__head{flex-wrap:wrap;align-items:baseline;gap:12px;margin-top:6px;display:flex}.proj__tag{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);font-size:10px}html[lang=ar] .proj__tag{font-family:var(--arabic);text-transform:none;letter-spacing:0;font-size:12px}.proj__name{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-size:24px;font-weight:400}html[lang=ar] .proj__name{font-family:var(--arabic);font-weight:500}.proj__body{color:var(--ink-2);margin:0;font-size:14px;line-height:1.5}.proj__stack{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.proj__stack li{font-family:var(--mono);border:1px solid var(--line);color:var(--ink-3);border-radius:4px;padding:3px 8px;font-size:10px}.proj__link{top:12px;background:var(--accent);width:28px;height:28px;color:var(--accent-ink);opacity:0;border-radius:50%;place-items:center;font-size:14px;transition:transform .2s,opacity .2s;display:grid;position:absolute;inset-inline-start:12px;transform:translateY(-4px)}.proj:hover .proj__link{opacity:1;transform:translateY(0)}@media (max-width:980px){.work__grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.work__grid{grid-template-columns:1fr}}.contact{background:var(--ink);color:var(--bg);border:0!important;max-width:none!important;padding-inline:0!important}.contact__inner{max-width:var(--maxw);padding:0 var(--pad-x);margin:0 auto}.contact .section__kicker{color:oklch(from var(--bg) l c h / .5)}.contact__title{font-family:var(--serif);letter-spacing:-.025em;text-wrap:balance;margin:0 0 20px;font-size:clamp(48px,7vw,116px);font-weight:400;line-height:.96}html[lang=ar] .contact__title{font-family:var(--arabic);font-weight:600;line-height:1.05}.contact__lede{color:oklch(from var(--bg) l c h / .7);text-wrap:pretty;max-width:50ch;margin:0 0 60px;font-size:19px}.contact__grid{grid-template-columns:1fr 1.4fr;align-items:start;gap:60px;display:grid}.contact__list{border-top:1px solid oklch(from var(--bg) l c h / .15);gap:8px;margin:0;padding:0;list-style:none;display:grid}.contact__list li{border-bottom:1px solid oklch(from var(--bg) l c h / .15);grid-template-columns:100px 1fr;gap:16px;padding:18px 0;display:grid}.contact__k{font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;color:oklch(from var(--bg) l c h / .5);padding-top:6px;font-size:11px}.contact__v{font-family:var(--serif);letter-spacing:-.01em;font-size:24px}html[lang=ar] .contact__v{font-family:var(--arabic);font-size:18px}a.contact__v{transition:color .15s}a.contact__v:hover{color:var(--accent)}.contact__form{gap:16px;display:grid}.contact__form label{gap:6px;display:grid}.contact__form span{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:oklch(from var(--bg) l c h / .5);font-size:11px}html[lang=ar] .contact__form span{font-family:var(--arabic);text-transform:none;letter-spacing:0;font-size:13px}.contact__form input,.contact__form textarea{border:0;border-bottom:1px solid oklch(from var(--bg) l c h / .25);color:var(--bg);resize:vertical;background:0 0;outline:0;padding:10px 0;font-family:inherit;font-size:16px;transition:border-color .18s}.contact__form input:focus,.contact__form textarea:focus{border-bottom-color:var(--accent)}.contact__form-msg textarea{min-height:80px}.contact .btn--primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);margin-top:12px}.contact .btn--primary:hover{background:oklch(from var(--accent) calc(l + .04) c h)}@media (max-width:880px){.contact__grid{grid-template-columns:1fr}.contact__list li{grid-template-columns:1fr;gap:4px}}.foot{background:var(--bg);border-top:1px solid var(--line-2);position:relative;overflow:hidden}.foot__inner{z-index:2;max-width:var(--maxw);padding:48px var(--pad-x) 36px;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;margin:0 auto;display:grid;position:relative}.foot__inner p{color:var(--ink-3);margin:0;font-size:14px}.foot__copy{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;text-align:end;font-size:11px!important}html[lang=ar] .foot__copy{font-family:var(--arabic);text-transform:none;letter-spacing:0;font-size:13px!important}.foot__huge{font-family:var(--serif);text-align:center;letter-spacing:-.04em;color:#0000;-webkit-text-stroke:1px oklch(from var(--ink) l c h / .18);pointer-events:none;-webkit-user-select:none;user-select:none;margin:0;padding:0 16px 16px;font-size:clamp(120px,28vw,480px);line-height:.9;position:relative}@media (max-width:720px){.foot__inner{text-align:center;grid-template-columns:1fr}.foot__copy{text-align:center}}.swatch-row{gap:8px;margin-top:10px;display:flex}.swatch{border:1px solid var(--line);cursor:pointer;border-radius:50%;width:24px;height:24px;transition:transform .12s}.swatch.is-on{box-shadow:0 0 0 2px var(--bg), 0 0 0 3px var(--ink);transform:scale(1.18)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}