:root{--bg: #faf9f7;--bg-elevated: #ffffff;--surface: #ffffff;--surface-sunken: #f2f0ec;--text: #16171a;--text-muted: #5d5f66;--text-faint: #6b6d75;--border: rgba(22, 23, 26, .12);--border-strong: rgba(22, 23, 26, .22);--accent: #c24a20;--accent-hover: #a63d18;--accent-contrast: #ffffff;--accent-wash: rgba(194, 74, 32, .08);--ring: rgba(194, 74, 32, .45);--shadow-card: 0 1px 2px rgba(22, 23, 26, .04), 0 8px 24px rgba(22, 23, 26, .06);--shadow-lift: 0 2px 4px rgba(22, 23, 26, .06), 0 16px 40px rgba(22, 23, 26, .1);--scrim: rgba(18, 18, 20, .45);--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--page-max: 1120px;--page-pad: clamp(20px, 5.5vw, 56px);--section-gap: clamp(64px, 11vw, 128px);--font-sans: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-arabic: "IBM Plex Sans Arabic", "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;--ease: cubic-bezier(.22, .61, .36, 1)}[data-theme=dark]{--bg: #0c0d10;--bg-elevated: #14161a;--surface: #14161a;--surface-sunken: #101215;--text: #ecebe8;--text-muted: #a3a5ac;--text-faint: #8d8f97;--border: rgba(236, 235, 232, .14);--border-strong: rgba(236, 235, 232, .26);--accent: #ff7c4d;--accent-hover: #ff9370;--accent-contrast: #1a0c06;--accent-wash: rgba(255, 124, 77, .12);--ring: rgba(255, 124, 77, .5);--shadow-card: 0 1px 2px rgba(0, 0, 0, .5), 0 10px 30px rgba(0, 0, 0, .38);--shadow-lift: 0 2px 6px rgba(0, 0, 0, .55), 0 20px 48px rgba(0, 0, 0, .5);--scrim: rgba(0, 0, 0, .66)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-block-start:88px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-wrap:break-word}html[dir=rtl] body{font-family:var(--font-arabic);line-height:1.75}h1,h2,h3,h4{margin:0;line-height:1.15;font-weight:600;letter-spacing:-.02em}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4{letter-spacing:0;line-height:1.35}p{margin:0}ul{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%;height:auto}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}::selection{background:var(--accent);color:var(--accent-contrast)}.ltr-text{direction:ltr;unicode-bidi:isolate}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;inset-inline-start:var(--page-pad);inset-block-start:-100px;z-index:100;padding:10px 16px;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-contrast);font-weight:600;transition:inset-block-start .2s var(--ease)}.skip-link:focus{inset-block-start:12px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.shell{min-height:100dvh;display:flex;flex-direction:column}.container{width:100%;max-width:var(--page-max);margin-inline:auto;padding-inline:var(--page-pad)}.header{position:sticky;inset-block-start:0;z-index:40;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:saturate(180%) blur(12px);border-block-end:1px solid transparent;transition:border-color .25s var(--ease);padding-block-start:env(safe-area-inset-top)}.header[data-scrolled=true]{border-block-end-color:var(--border)}.header__inner{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-.01em}.brand__mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--accent);color:var(--accent-contrast);font-size:15px;font-weight:700;flex:none}.header__nav{display:none;align-items:center;gap:4px}.header__nav a{padding:8px 12px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:15px;font-weight:500;transition:color .18s var(--ease),background-color .18s var(--ease)}.header__nav a:hover{color:var(--text);background:var(--surface-sunken)}.header__actions{display:flex;align-items:center;gap:6px}.icon-button{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;border:1px solid var(--border);color:var(--text-muted);background:var(--surface);transition:color .18s var(--ease),border-color .18s var(--ease),transform .18s var(--ease)}.icon-button:hover{color:var(--text);border-color:var(--border-strong)}.icon-button:active{transform:scale(.94)}.icon-button--text{width:auto;min-width:44px;padding-inline:12px;font-size:13px;font-weight:600;letter-spacing:.02em}.menu-button{display:grid}.menu-sheet{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;background:var(--bg);padding:20px var(--page-pad) calc(28px + env(safe-area-inset-bottom));animation:sheet-in .2s var(--ease)}.menu-sheet__top{display:flex;align-items:center;justify-content:space-between;min-height:60px}.menu-sheet nav{display:flex;flex-direction:column;gap:2px;margin-block-start:16px}.menu-sheet nav a{padding-block:16px;border-block-end:1px solid var(--border);font-size:22px;font-weight:600;letter-spacing:-.02em;display:flex;align-items:center;justify-content:space-between}.menu-sheet nav a span{color:var(--text-faint);font-size:13px;font-weight:500;letter-spacing:.08em}@keyframes sheet-in{0%{opacity:0;transform:translateY(-8px)}}.main{flex:1}.section{padding-block:var(--section-gap);scroll-margin-block-start:76px}.section+.section{padding-block-start:0}.section__head{margin-block-end:clamp(28px,5vw,48px);max-width:62ch}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-block-end:14px;color:var(--accent);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}html[dir=rtl] .eyebrow{letter-spacing:0;text-transform:none}.eyebrow:before{content:"";width:18px;height:1px;background:currentColor;flex:none}.section__title{font-size:clamp(28px,6vw,40px)}.section__subtitle{margin-block-start:12px;color:var(--text-muted);font-size:clamp(15px,3.6vw,17px)}.hero{position:relative;padding-block:clamp(56px,13vw,120px) clamp(48px,10vw,96px);overflow:hidden}.hero:before{content:"";position:absolute;inset-block-start:-220px;inset-inline-start:-160px;width:620px;height:620px;background:radial-gradient(circle,var(--accent-wash) 0%,transparent 68%);pointer-events:none}.hero__inner{position:relative;max-width:960px}.hero__badge{display:inline-flex;align-items:center;gap:9px;padding:6px 13px 6px 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-muted);font-size:13px;font-weight:500}html[dir=rtl] .hero__badge{padding:6px 11px 6px 13px}.hero__dot{width:7px;height:7px;border-radius:50%;background:#34a853;box-shadow:0 0 #34a8538c;animation:pulse 2.6s infinite;flex:none}@keyframes pulse{70%{box-shadow:0 0 0 7px #34a85300}to{box-shadow:0 0 #34a85300}}.hero__title{margin-block:22px 0;font-size:clamp(40px,11vw,72px);font-weight:700;letter-spacing:-.04em;overflow-wrap:normal;word-break:keep-all}html[dir=rtl] .hero__title{letter-spacing:0}.hero__positioning{margin-block:10px 16px;font-size:clamp(18px,4.8vw,26px);font-weight:500;line-height:1.3;letter-spacing:-.015em;max-width:22ch;text-wrap:balance}html[dir=rtl] .hero__positioning{letter-spacing:0;line-height:1.5}.hero__positioning:after{content:"";display:block;width:48px;height:2px;margin-block-start:18px;background:var(--accent)}.hero__body{color:var(--text-muted);font-size:clamp(16px,4vw,19px);max-width:52ch}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-block-start:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding-inline:20px;border-radius:11px;border:1px solid transparent;font-size:15px;font-weight:600;transition:background-color .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease),transform .18s var(--ease)}.button:active{transform:translateY(1px)}.button--primary{background:var(--accent);color:var(--accent-contrast)}.button--primary:hover{background:var(--accent-hover)}.button--ghost{border-color:var(--border-strong);color:var(--text)}.button--ghost:hover{background:var(--surface-sunken);border-color:var(--text-faint)}.button--small{min-height:40px;padding-inline:14px;font-size:14px}.services__grid{display:grid;gap:14px}.service{padding:22px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color .2s var(--ease),transform .2s var(--ease)}.service:hover{border-color:var(--border-strong)}.service__index{display:block;margin-block-end:14px;color:var(--accent);font-size:13px;font-weight:700;letter-spacing:.06em;unicode-bidi:isolate}.service__title{font-size:18px}.service__body{margin-block-start:10px;color:var(--text-muted);font-size:15px}.about__grid{display:grid;gap:32px}.about__body{font-size:clamp(16px,4vw,18px);color:var(--text-muted);max-width:58ch}.about__skills-title{margin-block-end:14px;color:var(--text-faint);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}html[dir=rtl] .about__skills-title{letter-spacing:0;text-transform:none}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-muted);font-size:13.5px;font-weight:500;direction:ltr;unicode-bidi:isolate}.contact__card{padding:clamp(24px,6vw,44px);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card)}.contact__body{margin-block-start:12px;color:var(--text-muted);max-width:48ch}.contact__email{display:inline-flex;align-items:center;gap:10px;margin-block-start:26px;font-size:clamp(17px,4.6vw,24px);font-weight:600;color:var(--accent);word-break:break-all;direction:ltr;unicode-bidi:isolate}.contact__email:hover{text-decoration:underline;text-underline-offset:4px}.contact__links{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:28px;padding-block-start:24px;border-block-start:1px solid var(--border)}.contact__links-label{width:100%;margin-block-end:4px;color:var(--text-faint);font-size:13px;font-weight:600}.footer{border-block-start:1px solid var(--border);padding-block:28px calc(28px + env(safe-area-inset-bottom));color:var(--text-faint);font-size:14px}.footer__inner{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between}@media(min-width:720px){.services__grid{grid-template-columns:repeat(2,1fr);gap:16px}.service{padding:26px}}@media(min-width:860px){.header__nav{display:flex}.menu-button{display:none}.about__grid{grid-template-columns:1.55fr 1fr;gap:56px}}.projects__grid{display:grid;gap:18px}.card{position:relative;display:flex;flex-direction:column;width:100%;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden;text-align:start;transition:transform .22s var(--ease),border-color .22s var(--ease),box-shadow .22s var(--ease)}.card:before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:3px;background:var(--card-accent, var(--accent));opacity:0;transition:opacity .22s var(--ease);z-index:2}.card:hover,.card:focus-within{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:var(--shadow-lift)}.card:hover:before,.card:focus-within:before{opacity:1}.card__media{position:relative;aspect-ratio:16 / 10;background:var(--surface-sunken);border-block-end:1px solid var(--border);overflow:hidden}.card__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}.card:hover .card__media img{transform:scale(1.025)}.card__body{display:flex;flex-direction:column;flex:1;gap:10px;padding:20px}.card__label{display:inline-flex;align-self:flex-start;padding:5px 11px;border-radius:8px;background:color-mix(in srgb,var(--card-accent, var(--accent)) 12%,transparent);color:var(--card-accent, var(--accent));font-size:12.5px;font-weight:600;line-height:1.5;text-wrap:balance}.card--plain{background:linear-gradient(180deg,color-mix(in srgb,var(--card-accent, var(--accent)) 7%,var(--surface)) 0%,var(--surface) 55%)}.card--plain:before{opacity:1}.card--plain .card__body{gap:12px;padding-block:26px}.concept-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;border:1px solid color-mix(in srgb,var(--card-accent, var(--accent)) 28%,transparent);background:color-mix(in srgb,var(--card-accent, var(--accent)) 12%,transparent);color:var(--card-accent, var(--accent));flex:none}.concept-mark--lg{width:46px;height:46px;border-radius:13px;margin-block-end:18px}[data-theme=dark] .concept-mark{color:color-mix(in srgb,var(--card-accent, var(--accent)) 40%,#ffffff);background:color-mix(in srgb,var(--card-accent, var(--accent)) 20%,transparent);border-color:color-mix(in srgb,var(--card-accent, var(--accent)) 38%,transparent)}.detail__content[data-no-media]{margin-block-start:clamp(8px,2vw,16px)}[data-theme=dark] .card__label{background:color-mix(in srgb,var(--card-accent, var(--accent)) 24%,transparent);color:color-mix(in srgb,var(--card-accent, var(--accent)) 45%,#ffffff)}.card__title{font-size:20px;font-weight:600}.card__summary{color:var(--text-muted);font-size:15px;flex:1}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{padding:3px 9px;border:1px solid var(--border);border-radius:6px;color:var(--text-faint);font-size:12.5px;font-weight:500;direction:ltr;unicode-bidi:isolate}.card__cta{display:inline-flex;align-self:flex-start;align-items:center;gap:7px;min-height:32px;margin-block-start:4px;color:var(--text);font-size:14.5px;font-weight:600}.card__cta:after{content:"";position:absolute;inset:0;z-index:1}.card__cta .icon-arrow{transition:transform .22s var(--ease)}.card:hover .card__cta .icon-arrow{transform:translate(3px)}html[dir=rtl] .icon-arrow{transform:scaleX(-1)}html[dir=rtl] .card:hover .card__cta .icon-arrow{transform:scaleX(-1) translate(3px)}.media-empty{display:grid;place-items:center;width:100%;height:100%;min-height:160px;padding:24px;background:repeating-linear-gradient(135deg,var(--surface-sunken),var(--surface-sunken) 10px,transparent 10px,transparent 20px);color:var(--text-faint);font-size:14px;text-align:center}.video-frame{position:relative;aspect-ratio:16 / 9;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-sunken);overflow:hidden}.video-frame video{width:100%;height:100%;object-fit:cover}.video-frame__play{position:absolute;inset:0;display:grid;place-items:center;width:100%;background:var(--scrim);color:#fff}.video-frame__play span{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#ffffff29;backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.4);transition:transform .2s var(--ease)}.video-frame__play:hover span{transform:scale(1.06)}.detail{position:fixed;inset:0;z-index:80;background:var(--bg);overflow-y:auto;overscroll-behavior:contain;animation:detail-in .24s var(--ease);padding-block-end:calc(56px + env(safe-area-inset-bottom))}@keyframes detail-in{0%{opacity:0;transform:translateY(14px)}}.detail__bar{position:sticky;inset-block-start:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding-block-start:env(safe-area-inset-top);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(180%) blur(12px);border-block-end:1px solid var(--border)}.detail__back{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding-inline:4px;font-size:15px;font-weight:600;color:var(--text-muted)}.detail__back:hover{color:var(--text)}.detail__back .icon-arrow{transform:rotate(180deg)}html[dir=rtl] .detail__back .icon-arrow{transform:scaleX(-1) rotate(180deg)}.detail__head{padding-block:clamp(28px,7vw,52px) clamp(20px,5vw,32px);max-width:68ch}.detail__title{margin-block:14px 0;font-size:clamp(30px,7.5vw,46px);letter-spacing:-.03em}html[dir=rtl] .detail__title{letter-spacing:0}.detail__intro{margin-block-start:18px;color:var(--text-muted);font-size:clamp(16px,4vw,18px)}.detail__actions{display:flex;flex-wrap:wrap;gap:10px;margin-block-start:26px}.detail__hero-media{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface-sunken);aspect-ratio:16 / 10}.detail__hero-media img{width:100%;height:100%;object-fit:cover}.detail__content{display:grid;gap:clamp(32px,7vw,52px);margin-block-start:clamp(32px,7vw,52px);max-width:72ch}.detail__section-title{font-size:clamp(20px,5vw,26px);margin-block-end:12px}.detail__text{color:var(--text-muted);font-size:clamp(15.5px,3.9vw,17px)}.bullets{display:grid;gap:12px;margin-block-start:16px}.bullets li{position:relative;padding-inline-start:26px;color:var(--text-muted);font-size:clamp(15px,3.8vw,16.5px)}.bullets li:before{content:"";position:absolute;inset-inline-start:6px;inset-block-start:.62em;width:6px;height:6px;border-radius:50%;background:var(--card-accent, var(--accent))}.detail__section-media{margin-block-start:22px}.detail__tech{padding-block-start:clamp(24px,6vw,36px);border-block-start:1px solid var(--border)}@media(min-width:720px){.projects__grid{grid-template-columns:repeat(2,1fr);gap:22px}.card__body{padding:22px}}