@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@500;600&family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap");:root{--ink:#09111f;--paper:#f7f6f3;--red:#b3202e;--muted:#657080;--line:#d9d9d5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:DM Sans,Noto Sans Arabic,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--red);color:white}.wrap{max-width:1080px;margin:auto;padding:120px 28px}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;height:66px;justify-content:space-between;padding:0 max(28px,calc((100vw - 1220px)/2));background:rgba(247,246,243,.88);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(9,17,31,.1)}.identity,.topbar{display:flex;align-items:center}.identity{gap:12px}.identity strong{font-size:17px}.avatar{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:var(--red);color:white;font-size:11px;font-weight:700;box-shadow:0 0 0 4px rgba(179,32,46,.1)}.nav{display:flex;gap:25px}.controls,.nav a{font-size:13px}.nav a{color:#3f4856;transition:.2s}.nav a:hover{color:var(--red)}.controls{display:flex;align-items:center;gap:15px}.controls button{border:0;background:none;cursor:pointer}.lang-switch{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line)!important;border-radius:50%;background:rgba(255,255,255,.55)!important;color:var(--ink);font-family:Noto Sans Arabic,DM Sans,sans-serif;font-size:14px;font-weight:700;line-height:1;transition:.2s}.lang-switch:hover{border-color:var(--red)!important;color:var(--red);transform:rotate(-5deg)}.lang-switch:focus{outline:none}.lang-switch:focus-visible{outline:3px solid rgba(179,32,46,.16);border-color:var(--red)!important}.controls>a{font-weight:600}.hamb{display:none}.hamb i{display:block;width:17px;height:1px;background:var(--ink);margin:4px}.hero{min-height:calc(100svh - 66px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:100px 25px 76px;position:relative;overflow:hidden}.role{font-size:14px;font-weight:600;color:var(--red);margin:0 0 28px}.hero h1{font-size:clamp(4rem,8vw,7.5rem);line-height:.95;letter-spacing:-.075em;margin:0;max-width:1200px}.centered h2 em,.hero h1 em,footer h2 em{font-family:Caveat,Noto Sans Arabic,sans-serif;color:var(--red);font-weight:600;letter-spacing:-.02em}.lead{max-width:700px;font-size:20px;line-height:1.65;color:#36404d;margin:40px auto 25px}.text-link{font-size:14px;font-weight:600;padding:14px 2px;border-bottom:1px solid var(--ink)}.text-link b{-webkit-margin-start:12px;margin-inline-start:12px}.availability{position:absolute;bottom:24px;font-size:11px;color:var(--muted)}.availability i{display:inline-block;width:7px;height:7px;background:var(--red);border-radius:50%;-webkit-margin-end:8px;margin-inline-end:8px;box-shadow:0 0 0 5px rgba(179,32,46,.1)}.hero-orbit{width:680px;height:680px;border:1px solid rgba(179,32,46,.07);pointer-events:none;animation:rotate 24s linear infinite}.hero-orbit,.hero-orbit span{position:absolute;border-radius:50%}.hero-orbit span{width:8px;height:8px;background:var(--red);box-shadow:0 0 0 6px rgba(179,32,46,.08)}.hero-orbit span:first-child{top:10%;left:22%}.hero-orbit span:nth-child(2){right:2%;top:48%}.hero-orbit span:nth-child(3){bottom:4%;left:38%}.about{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:100px;gap:100px;border-top:1px solid var(--line)}.about h2,.section-title h2{font-size:40px;letter-spacing:-.04em;margin:0 0 12px}.about h3{font-size:21px;margin:0 0 24px}.about p{font-size:17px;line-height:1.8;color:#3e4854}.about blockquote{margin:28px 0 0;-webkit-padding-start:18px;padding-inline-start:18px;-webkit-border-start:3px solid var(--red);border-inline-start:3px solid var(--red);font-family:Caveat;font-size:27px;color:var(--red)}.numbers{align-self:end;border-top:1px solid var(--line)}.numbers div{padding:22px 0;border-bottom:1px solid var(--line);display:flex;align-items:baseline;justify-content:space-between}.numbers strong{font-size:35px;letter-spacing:-.05em}.numbers span{font-size:12px;color:var(--muted)}.motion{height:min(72vw,760px);min-height:560px;position:relative;overflow:hidden;background:#111}.motion-image{position:absolute;inset:-4%;background:url(/oman-motion.jpg) 50%/cover;animation:cinema 14s ease-in-out infinite alternate}.motion-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,8,14,.78),rgba(4,8,14,.1) 70%),linear-gradient(0deg,rgba(4,8,14,.7),transparent 45%)}.motion-copy{position:absolute;z-index:4;left:max(30px,calc((100vw - 1080px)/2));bottom:70px;color:white;max-width:700px}.motion-copy p{font-size:12px;letter-spacing:.12em;text-transform:uppercase}.motion-copy h2{font-size:clamp(2.8rem,6vw,6rem);line-height:.95;letter-spacing:-.06em;margin:15px 0}.signal{z-index:3;width:18px;height:18px;border:1px solid #ef3348;animation:ping 2.4s infinite}.signal,.signal:after{position:absolute;border-radius:50%}.signal:after{content:"";inset:5px;background:#ef3348}.s1{left:65%;top:41%}.s2{left:79%;top:62%;animation-delay:-1.2s}.flight-path{position:absolute;z-index:2;width:44%;height:25%;left:45%;top:28%;border-top:2px dashed rgba(255,60,80,.75);border-radius:50%;transform:rotate(8deg);animation:pathGlow 2s ease-in-out infinite alternate}.section-title small{display:block;font-size:10px;letter-spacing:.16em;color:var(--red);margin-bottom:16px}.expertise-grid{margin-top:55px;border-top:1px solid var(--line)}.expertise-grid article{position:relative;display:grid;grid-template-columns:10% 31% 1fr auto;align-items:center;padding:30px 8px;border-bottom:1px solid var(--line);transition:.25s}.expertise-grid article:hover{padding-inline:20px;background:white}.expertise-grid span{font-size:11px;color:var(--red)}.expertise-grid h3{font-size:22px;margin:0}.expertise-grid p{color:var(--muted);font-size:14px}.expertise-grid i{font-style:normal;color:var(--red)}.centered{text-align:center;max-width:780px;margin:auto}.centered p{color:var(--muted);font-size:17px;line-height:1.7}.project-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:55px 30px;gap:55px 30px;margin-top:60px}.project-image{height:310px;overflow:hidden;position:relative;background:#ddd}.project-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.75);transition:transform .8s,filter .5s}.project-image span{position:absolute;top:12px;right:12px;width:38px;height:38px;display:grid;place-items:center;background:rgba(247,246,243,.9);border-radius:50%;font-size:10px}.project-grid article:hover img{transform:scale(1.045);filter:saturate(1)}.project-grid article>small{display:block;margin-top:20px;font-size:9px;letter-spacing:.12em;color:var(--red)}.project-grid h3{font-size:25px;margin:9px 0}.project-grid article>p{font-size:14px;color:var(--muted);line-height:1.6}.github-archive{margin-top:110px;padding-top:38px;border-top:1px solid var(--ink)}.github-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:32px}.github-heading small{font-size:9px;letter-spacing:.16em;color:var(--red)}.github-heading h3{font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.055em;margin:10px 0 8px}.github-heading p{margin:0;color:var(--muted)}.github-heading>a{flex:none;font-size:12px;font-weight:600;border-bottom:1px solid var(--ink);padding-bottom:7px}.repo-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);-webkit-border-start:1px solid var(--line);border-inline-start:1px solid var(--line)}.repo-card{min-height:245px;padding:25px;display:flex;flex-direction:column;-webkit-border-end:1px solid var(--line);border-inline-end:1px solid var(--line);border-bottom:1px solid var(--line);transition:.25s;background:rgba(255,255,255,.12)}.repo-card:hover{background:white;transform:translateY(-4px);box-shadow:0 14px 35px rgba(9,17,31,.07)}.repo-top{display:flex;align-items:center;justify-content:space-between}.repo-top b{font-size:14px;color:var(--red);font-weight:500}.repo-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:19px;color:var(--red)}.repo-card h4{font-size:20px;margin:27px 0 10px;letter-spacing:-.025em;overflow-wrap:anywhere}.repo-card>p{font-size:13px;line-height:1.55;color:var(--muted);margin:0 0 25px}.repo-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:auto;font-size:9px;color:#79818c;text-transform:uppercase;letter-spacing:.04em}.repo-meta span{display:flex;align-items:center;gap:5px}.repo-meta i{width:6px;height:6px;border-radius:50%;background:var(--red)}.github-state{min-height:150px;border-block:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-size:13px}.github-state>i{width:16px;height:16px;border:2px solid var(--line);border-top-color:var(--red);border-radius:50%;animation:rotate .8s linear infinite}.github-state.error{flex-direction:column}.github-state.error a{color:var(--red);font-weight:600}.award-list,.recognition{border-top:1px solid var(--line)}.award-list{margin-top:50px}.award-list div{display:grid;grid-template-columns:18% 1fr auto;align-items:center;padding:26px 4px;border-bottom:1px solid var(--line)}.award-list span{font-size:11px;color:var(--red)}.award-list h3{font-size:19px;margin:0}.award-list b{color:var(--red)}footer{padding:110px max(28px,calc((100vw - 1080px)/2)) 30px;background:#0a111d;color:white;display:grid;grid-template-columns:1.5fr .5fr;grid-gap:90px;gap:90px}footer h2{font-size:clamp(3.6rem,7vw,7rem);letter-spacing:-.07em;line-height:.92;margin:0 0 30px}footer>div>p{font-size:18px;color:#b9c0ca;max-width:650px;line-height:1.6}footer>div>a{display:inline-block;margin-top:22px;border-bottom:1px solid white;padding-bottom:8px;font-weight:600}footer aside{align-self:end}footer aside p{font-size:12px;color:#929baa}.contact-phone{display:inline-block;margin-top:10px;font-size:13px;color:#d8dde4;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:4px;transition:.2s}.contact-phone:hover{color:white;border-color:var(--red)}.foot{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.15);padding-top:25px;margin-top:60px;display:flex;justify-content:space-between;font-size:10px;color:#7e8997}.foot nav{display:flex;gap:18px}.foot nav a{transition:.2s}.foot nav a:hover{color:white}[data-reveal]{opacity:0;transform:translateY(24px);transition:.7s cubic-bezier(.2,.7,.2,1)}[data-reveal].visible{opacity:1;transform:none}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes cinema{0%{transform:scale(1)}to{transform:scale(1.06) translateX(-1%)}}@keyframes ping{0%{box-shadow:0 0 0 0 rgba(239,51,72,.6)}70%{box-shadow:0 0 0 26px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes pathGlow{0%{opacity:.35}to{opacity:1}}@media(max-width:850px){.nav{position:fixed;inset:66px 0 auto;background:var(--paper);padding:30px;display:none;flex-direction:column;border-bottom:1px solid var(--line)}.nav.open{display:flex}.controls>a{display:none}.hamb{display:block}.hero h1{font-size:clamp(3.5rem,16vw,6rem)}.hero-orbit{width:520px;height:520px}.about{grid-template-columns:1fr;gap:50px}.motion{min-height:640px}.expertise-grid article{grid-template-columns:12% 1fr auto}.expertise-grid p{display:none}.project-grid{grid-template-columns:1fr}.project-image{height:260px}.repo-grid{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr;gap:50px}.foot{flex-direction:column;gap:15px}}@media(max-width:500px){.lead{font-size:17px}.wrap{padding:90px 22px}.topbar{padding:0 20px}.controls{gap:8px}.identity strong{font-size:14px}.numbers div{align-items:center}.motion-copy{left:22px;right:22px}.award-list div{grid-template-columns:25% 1fr}.award-list b{display:none}.github-archive{margin-top:80px}.github-heading{align-items:flex-start;flex-direction:column}.repo-grid{grid-template-columns:1fr}.repo-card{min-height:220px}}[dir=rtl] body{font-family:Noto Sans Arabic,DM Sans,sans-serif}[dir=rtl] .hero h1{font-size:clamp(4rem,7.2vw,6.8rem);line-height:1.18;letter-spacing:-.045em;max-width:1050px}[dir=rtl] .centered h2 em,[dir=rtl] .hero h1 em,[dir=rtl] footer h2 em{font-family:Noto Sans Arabic,sans-serif;font-style:normal;font-weight:700}[dir=rtl] .lead{line-height:1.9;max-width:760px}[dir=rtl] .about h2,[dir=rtl] .section-title h2{letter-spacing:-.025em}[dir=rtl] .about p{line-height:2}[dir=rtl] .about blockquote{font-family:Noto Sans Arabic,sans-serif;font-size:22px;line-height:1.8}[dir=rtl] .motion-copy{left:auto;right:max(30px,calc((100vw - 1080px)/2));text-align:right}[dir=rtl] .motion-copy h2{line-height:1.25;letter-spacing:-.035em;max-width:780px}[dir=rtl] .motion-image:after{background:linear-gradient(270deg,rgba(4,8,14,.78),rgba(4,8,14,.1) 70%),linear-gradient(0deg,rgba(4,8,14,.7),transparent 45%)}[dir=rtl] .centered h2,[dir=rtl] .github-heading h3,[dir=rtl] footer h2{letter-spacing:-.035em;line-height:1.3}[dir=rtl] .project-image span{right:auto;left:12px}[dir=rtl] .repo-card h4{direction:ltr;text-align:right}[dir=rtl] .repo-meta{direction:rtl}[dir=rtl] .award-list h3{line-height:1.7}[dir=rtl] footer>div>p{line-height:1.9}@media(max-width:850px){[dir=rtl] .nav{align-items:flex-start}[dir=rtl] .hero h1{font-size:clamp(3.3rem,13vw,5.5rem);line-height:1.22}[dir=rtl] .expertise-grid article{grid-template-columns:12% 1fr auto}[dir=rtl] .motion-copy{right:30px;left:30px}}@media(max-width:500px){[dir=rtl] .hero{padding-top:80px}[dir=rtl] .hero h1{font-size:clamp(2.75rem,12vw,3.6rem);line-height:1.3}[dir=rtl] .role{font-size:12px;line-height:1.7;margin-bottom:22px}[dir=rtl] .lead{font-size:16px;line-height:1.95;margin-top:28px}[dir=rtl] .about h2{font-size:34px}[dir=rtl] .about h3{line-height:1.65}[dir=rtl] .motion-copy{right:22px;left:22px}[dir=rtl] .motion-copy h2{font-size:2.7rem;line-height:1.3}[dir=rtl] .section-title h2{font-size:34px;line-height:1.45}[dir=rtl] .centered p{line-height:1.9}[dir=rtl] .project-grid article>p{font-size:15px;line-height:1.9}[dir=rtl] .github-heading h3{font-size:2.2rem;line-height:1.45}[dir=rtl] .repo-card>p{font-size:14px;line-height:1.8}[dir=rtl] .award-list{margin-top:35px}[dir=rtl] .award-list div{grid-template-columns:22% 1fr;gap:12px}[dir=rtl] footer h2{font-size:3.4rem;line-height:1.25}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}[data-reveal]{opacity:1;transform:none;transition:none}}