:root{--bg:#f5f2eb;--paper:#fbfaf6;--ink:#1c2521;--ink-soft:#343f37;--muted:#69736d;--line:#d7d7ce;--rust:#b86848;--moss:#607967;--dark:#1c2521;--sans:"DM Sans",Arial,sans-serif;--display:"Manrope",var(--sans);--mono:"IBM Plex Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}html[lang=ar] body,html[lang=ar] .eyebrow,html[lang=ar] .work-number,html[lang=ar] .case-label{font-family:"IBM Plex Sans Arabic",var(--sans)}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--rust);outline-offset:5px}button{font:inherit}svg{display:block}.container{max-width:1370px;margin-inline:auto;padding-inline:clamp(24px,6.2vw,98px)}.skip-link{top:-100px;z-index:999;background:var(--dark);color:#fff;padding:12px 18px;position:fixed;inset-inline-start:20px}.skip-link:focus{top:12px}.eyebrow,.work-number,.case-label,.section-index{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;font-size:10px;font-weight:600}.eyebrow-stroke{vertical-align:middle;background:currentColor;width:20px;height:1px;margin-inline-end:12px;display:inline-block}.accent-dot{color:var(--rust)}.site-header{z-index:40;border-bottom:1px solid #1c25211f;position:relative}.header-inner{justify-content:space-between;align-items:center;gap:32px;height:104px;display:flex}.site-mark{flex-shrink:0;align-items:center;gap:12px;display:inline-flex}.monogram{font-family:var(--display);letter-spacing:-.14em;font-size:35px;font-weight:800;line-height:1}.monogram-dot{color:var(--rust);padding-inline-end:4px}.mark-name{letter-spacing:.18em;font-size:9px;font-weight:800;line-height:1.42}.mark-name span{letter-spacing:.21em;font-weight:500}.desktop-nav{align-items:center;gap:43px;margin-inline-start:auto;display:flex}.desktop-nav a{font-size:12px;font-weight:600;position:relative}.desktop-nav a:after{content:"";background:currentColor;width:0;height:1px;transition:width .2s;position:absolute;bottom:-6px;left:0}.desktop-nav a:hover:after{width:100%}.header-controls{align-items:center;gap:25px;display:flex}.lang-link{font-size:12px;font-weight:700}.header-github svg{width:20px;height:20px}.mobile-menu{display:none}.hero{flex-direction:column;min-height:790px;padding-top:clamp(70px,9vw,140px);display:flex}.hero-upper{justify-content:space-between;align-items:center;gap:20px;display:flex}.availability{font-size:9px;font-family:var(--mono);letter-spacing:.1em;color:var(--moss);align-items:center;gap:9px;font-weight:600;display:inline-flex}.availability i{background:#6e926c;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #6e926c1f}h1,h2,h3,p{margin:0}.hero h1{font-family:var(--display);letter-spacing:-.083em;margin-top:60px;font-size:clamp(58px,9.1vw,140px);font-weight:700;line-height:1.07}.hero h1 span{display:block}.hero h1 .hero-accent{color:var(--rust);font-weight:500}.hero-lower{justify-content:space-between;align-items:end;gap:36px;margin-top:57px;display:flex}.hero-lower p{color:#4f5852;max-width:560px;font-size:clamp(17px,1.55vw,22px);line-height:1.6}.hero-actions{flex-shrink:0;align-items:center;gap:23px;display:flex}.button-dark,.button-light{background:var(--ink);color:#f8f6f0;border:1px solid var(--ink);justify-content:space-between;align-items:center;gap:36px;min-height:52px;padding:0 20px;font-size:12px;font-weight:700;transition:background .2s,color .2s,transform .2s;display:inline-flex}.button-dark:hover{background:var(--rust);border-color:var(--rust);transform:translateY(-2px)}.button-quiet{white-space:nowrap;border-bottom:1px solid var(--ink);padding-bottom:5px;font-size:12px;font-weight:700}.hero-footer{min-height:130px;font-size:10px;font-family:var(--mono);color:#79817a;letter-spacing:.13em;border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-top:auto;display:flex}.hero-big-mark{color:var(--rust);font-size:52px;line-height:1}.work-section{background:var(--paper);padding:130px 0 148px;scroll-margin-top:30px}.section-heading{justify-content:space-between;align-items:end;gap:50px;margin-bottom:66px;display:flex}.section-heading h2,.about-grid h2{font-family:var(--display);letter-spacing:-.064em;margin-top:20px;font-size:clamp(43px,5vw,75px);line-height:1.1}.section-heading>p{max-width:400px;color:var(--muted);font-size:15px;line-height:1.8}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:78px 32px;display:grid}.work-card-featured{grid-column:1/-1}.work-art-link{display:block;overflow:hidden}.project-visual{isolation:isolate;justify-content:center;align-items:center;width:100%;height:390px;display:flex;position:relative;overflow:hidden}.work-card-featured .project-visual{height:525px}.work-art-link .project-visual>.visual-roomify-shell,.work-art-link .project-visual>.visual-ahyiha-shell,.work-art-link .project-visual>.visual-exampulse-shell{transition:transform .45s}.work-art-link:hover .project-visual>.visual-roomify-shell,.work-art-link:hover .project-visual>.visual-ahyiha-shell,.work-art-link:hover .project-visual>.visual-exampulse-shell{transform:translateY(-5px)scale(1.025)}.visual-disclaimer{bottom:14px;font:500 8px var(--mono);letter-spacing:.1em;opacity:.65;z-index:5;position:absolute;inset-inline-start:18px}.visual-roomify{color:#1c2521;background:#d9e1d5}.visual-roomify-shell{background:#f9faf5;border:1px solid #1a261e29;width:min(86%,890px);margin-top:24px;overflow:hidden;box-shadow:0 28px 65px #27372d26}.work-card:not(.work-card-featured) .visual-roomify-shell{width:95%}.mock-window-bar{background:#e7eae3;border-bottom:1px solid #d8ddd5;align-items:center;gap:5px;height:29px;padding:0 12px;display:flex}.mock-window-bar>span{background:#c5cbc1;border-radius:50%;width:6px;height:6px}.mock-window-bar>span:first-child{background:#cd8d77}.mock-domain{font:9px var(--mono);color:#7f877e;margin:auto}.mock-dashboard{min-height:360px;display:flex}.mock-side{background:#24362f;flex-direction:column;align-items:center;gap:25px;width:75px;padding:22px 10px;display:flex}.mock-logo{font:800 22px var(--display);color:#fff;margin-bottom:9px}.mock-logo span{color:#c58d6c}.mock-side i{background:#597468;border-radius:7px;width:24px;height:5px}.mock-side i:nth-child(2){background:#d8e2d9}.mock-body{flex:1;min-width:0;padding:36px 39px 22px}.mock-overline{font:9px var(--mono);letter-spacing:.11em;color:#7f897f}.mock-body-heading{letter-spacing:-.04em;margin-top:12px;font-size:25px;font-weight:700}.mock-metrics{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px;display:grid}.mock-metrics>div{background:#fff;border:1px solid #e1e4db;padding:15px}.mock-metrics small{font:8px var(--mono);color:#718075;letter-spacing:.08em;display:block}.mock-metrics strong{letter-spacing:-.06em;margin:11px 0 4px;font-size:24px;display:block}.mock-metrics b{font:9px var(--mono);color:#5b8864}.mock-chart{background:#fff;border:1px solid #e1e4db;height:140px;margin-top:18px;padding:14px 18px}.mock-chart-title{justify-content:space-between;font-size:9px;font-weight:700;display:flex}.mock-chart-title span{color:#8c948b;font-weight:400}.mock-chart svg{width:100%;height:90px;margin-top:12px}.visual-ahyiha{color:#612c2f;background:#f0e8e4}.visual-ahyiha-shell{background:#fff8f4;width:82%;min-height:310px;padding:24px 32px;position:relative;overflow:hidden;box-shadow:0 23px 60px #5728291c}.work-card-featured .visual-ahyiha-shell{width:77%;min-height:425px}.ahyiha-brand{z-index:1;align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex;position:relative}.ahyiha-heart{color:#b8545b;font-size:30px}.ahyiha-top-nav{color:#927e7e;margin-right:auto;font-size:9px;font-weight:500}.ahyiha-inside{z-index:1;max-width:360px;margin:48px 10px 35px;position:relative}.ahyiha-tag{color:#b14f58;font-size:10px;font-weight:700}.ahyiha-title{margin-top:8px;font-size:clamp(36px,3.9vw,56px);font-weight:700;line-height:1.25}.ahyiha-title em{color:#bb5c63;font-style:normal}.ahyiha-copy{color:#847073;margin-top:15px;font-size:11px}.ahyiha-fake-cta{color:#fff;background:#a84550;border-radius:3px;margin-top:24px;padding:11px 21px;font-size:10px;display:inline-block}.ahyiha-circle{inset-inline-start:-120px;background:#eeced0;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-70px}.circle-two{inset-inline-start:-50px;background:#d88089;width:205px;height:205px;bottom:30px}.ahyiha-heart-outline{color:#f4b7bd;inset-inline-start:8%;z-index:2;font-size:125px;position:absolute;bottom:3%}.visual-exampulse{color:#d6e8d9;background:#d2d6d1}.visual-exampulse-shell{width:85%;font-family:var(--mono);background:#152019;box-shadow:0 24px 65px #1219133b}.term-top{color:#a9bcae;background:#203027;justify-content:space-between;align-items:center;height:37px;padding:0 15px;display:flex}.term-top>div{gap:5px;display:flex}.term-top>div span{background:#567b63;border-radius:50%;width:7px;height:7px}.term-top>div span:first-child{background:#c77e69}.term-top b{font-size:9px;font-weight:500}.term-top small{font-size:13px}.term-content{min-height:304px;padding:29px 30px 24px;font-size:11px}.term-prompt,.term-green,.term-spark{color:#91c4a1}.term-prompt{margin-right:8px}.term-title{color:#e9ede6;letter-spacing:.07em;margin:20px 0 10px;font-size:12px}.term-rule{color:#45614f;white-space:nowrap;overflow:hidden}.term-grid{grid-template-columns:1fr auto;gap:12px 25px;padding:14px 0;display:grid}.term-grid span{color:#8eaa95;font-size:9px}.term-grid b{color:#d1e1d4;font-size:10px}.term-grid .term-green{color:#8aca98}.term-spark{margin:12px 0;font-size:24px}.term-footer{color:#9ec7a6;border-top:1px solid #2b4532;padding-top:13px;font-size:9px}.term-footer span{float:right;color:#748f7b}.work-card-content{padding-top:23px}.work-number{color:var(--rust);align-items:center;gap:10px;display:flex}.work-header{justify-content:space-between;align-items:end;gap:15px;margin-top:12px;display:flex}.work-header h3{font-family:var(--display);letter-spacing:-.055em;font-size:clamp(31px,3vw,46px);font-weight:700}.work-header>span{font:11px var(--mono);color:var(--muted)}.work-punchline{margin-top:3px;font-size:16px;font-weight:600}.work-summary{color:#68716b;max-width:700px;margin-top:12px;font-size:14px;line-height:1.75}.work-technologies,.case-tags{flex-wrap:wrap;gap:9px;margin-top:19px;display:flex}.work-technologies span,.case-tags span{font:10px var(--mono);border:1px solid var(--line);color:#5d675e;padding:8px 10px}.text-link{border-bottom:1px solid var(--ink);align-items:center;gap:18px;margin-top:22px;padding-bottom:7px;font-size:12px;font-weight:700;display:inline-flex}.text-link:hover{color:var(--rust);border-color:var(--rust)}.about-section{padding:132px 0 136px;scroll-margin-top:20px}.about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:15%;display:grid}.about-symbol{font-family:var(--display);letter-spacing:-.18em;white-space:nowrap;margin:55px 0 0;font-size:clamp(140px,18vw,275px);font-weight:800;line-height:1.15}.about-symbol span{color:var(--rust);padding-inline-end:25px}.about-right{padding-top:6px}.about-right p{color:#69726c;margin-bottom:18px;font-size:15px;line-height:1.95}.about-right .about-lead{color:var(--ink);margin-bottom:30px;font-size:clamp(19px,2vw,26px);font-weight:500;line-height:1.6}.toolbox{border-top:1px solid var(--line);margin-top:60px;padding-top:22px}.toolbox>div{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.toolbox>div span{border:1px solid #c4c7be;padding:10px 13px;font-size:12px}.contact-section{background:var(--ink);color:#f4f1e9;padding:100px 0 115px;scroll-margin-top:20px;overflow:hidden}.contact-inner{position:relative}.contact-section h2{font-family:var(--display);letter-spacing:-.068em;max-width:1000px;margin:30px 0;font-size:clamp(49px,7vw,100px);font-weight:600;line-height:1.12}.contact-section p{color:#b4beb6;max-width:560px;font-size:16px;line-height:1.7}.contact-actions{flex-wrap:wrap;align-items:center;gap:25px;margin-top:43px;display:flex}.button-light{color:var(--ink);background:#e7e6d9;border-color:#e7e6d9}.button-light:hover{background:#fff;border-color:#fff;transform:translateY(-2px)}.contact-quiet{font-size:12px;font-weight:600}.contact-decor{inset-inline-end:12%;color:#3e5144;pointer-events:none;font-size:170px;position:absolute;top:0}.site-footer{background:var(--ink);color:#c6cfc7;border-top:1px solid #38453c}.footer-inner{justify-content:space-between;align-items:center;gap:25px;min-height:112px;display:flex}.footer-name{font-family:var(--display);font-size:19px;font-weight:800}.footer-name>span:last-child{font-size:10px;font-family:var(--sans);letter-spacing:.05em;margin-inline-start:8px;font-weight:600}.footer-credit{color:#9eaaa0;font-size:11px}.footer-links{gap:23px;display:flex}.footer-links a{font-size:11px;font-weight:600}.case-page{padding:50px 0 145px}.back-link{color:#6c766d;font-size:11px;font-weight:700;display:inline-block}.back-link:hover{color:var(--rust)}.case-hero{padding:90px 0 65px}.case-hero .eyebrow{color:var(--rust)}.case-hero h1{font-family:var(--display);letter-spacing:-.09em;margin:24px 0;font-size:clamp(70px,13vw,176px);line-height:1.1}.case-hero>p{color:#646f65;font-size:clamp(21px,2.3vw,31px);font-weight:500}.case-links{margin-top:40px}.case-visual-wrap>.project-visual{height:600px}.case-visual-wrap .visual-roomify-shell{width:min(83%,950px)}.case-visual-wrap .visual-ahyiha-shell{width:min(70%,800px);min-height:440px}.case-visual-wrap .visual-exampulse-shell{width:min(76%,720px)}.case-info{border-bottom:1px solid var(--line);grid-template-columns:1.5fr 1.25fr 1fr 1.25fr;gap:35px;padding:47px 0 74px;display:grid}.case-label{color:var(--rust);margin-bottom:18px;display:block}.case-info p{color:#626d63;font-size:13px;line-height:1.75}.case-info .case-tags{gap:5px;margin:0}.case-tags span{padding:7px}.case-body{max-width:890px;margin:95px auto 0}.case-body section{border-bottom:1px solid var(--line);padding:40px 0 68px}.case-body section:first-child{padding-top:0}.section-index{color:var(--rust)}.case-body h2{font-family:var(--display);letter-spacing:-.056em;margin:16px 0 22px;font-size:clamp(35px,4vw,55px);font-weight:600}.case-body p{color:#5c6960;font-size:16px;line-height:1.95}.diagram{background:#e8e9e0;margin-top:35px;padding:29px}.diagram-nodes{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.diagram-unit{font:11px var(--mono);align-items:center;gap:10px;display:flex}.diagram-unit span{background:#f8f9f3;border:1px solid #c6cfc4;padding:13px 14px}.diagram-unit b{color:var(--rust);font-size:18px;font-weight:400}.decision-list{counter-reset:decision;margin:28px 0 0;padding:0;list-style:none}.decision-list li{color:#536057;margin:0 0 20px;padding-inline-start:42px;font-size:16px;line-height:1.8;position:relative}.decision-list li:before{counter-increment:decision;content:counter(decision,decimal-leading-zero);inset-inline-start:0;font:11px var(--mono);color:var(--rust);position:absolute;top:2px}.case-boundaries{background:#eeede5;margin-top:45px;border:0!important;padding:30px!important}.next-case{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:35px;margin-top:85px;padding-top:34px;display:flex}.next-case>span{font:10px var(--mono);letter-spacing:.1em;color:var(--muted)}.next-case strong{font:600 clamp(28px,4.5vw,55px) var(--display);letter-spacing:-.05em}.next-case i{color:var(--rust);font-size:.65em;font-style:normal}.not-found{flex-direction:column;justify-content:center;align-items:flex-start;gap:30px;min-height:65vh;display:flex}.not-found h1{font:700 clamp(58px,8vw,115px) var(--display);letter-spacing:-.08em}.not-found p{color:var(--muted);font-size:17px}html[dir=rtl] .mark-name,html[dir=rtl] .term-content,html[dir=rtl] .mock-body,html[dir=rtl] .mock-window-bar{direction:ltr}html[dir=rtl] .hero h1,html[dir=rtl] .section-heading h2,html[dir=rtl] .about-grid h2,html[dir=rtl] .contact-section h2,html[dir=rtl] .case-hero h1,html[dir=rtl] .case-body h2{letter-spacing:-.035em}html[dir=rtl] .term-prompt{margin-left:8px;margin-right:0}html[dir=rtl] .hero h1,html[dir=rtl] .hero h1 .hero-accent{font-weight:700}html[dir=rtl] .work-number{direction:ltr;justify-content:flex-end}html[dir=rtl] .case-info{direction:rtl}html[dir=rtl] .diagram-unit,html[dir=rtl] .visual-disclaimer,html[dir=rtl] .mock-dashboard,html[dir=rtl] .footer-name{direction:ltr}@media (width<=1000px){.hero{min-height:720px}.hero h1{font-size:clamp(65px,9vw,110px)}.hero-lower{flex-direction:column;align-items:flex-start}.work-card-featured .project-visual{height:450px}.case-info{grid-template-columns:repeat(2,1fr)}.case-visual-wrap>.project-visual{height:500px}.about-grid{gap:7%}.mock-body{padding:29px 26px 15px}}@media (width<=760px){.header-inner{height:79px}.desktop-nav{display:none}.header-controls{gap:20px}.mobile-menu{display:block;position:relative}.mobile-menu>summary{cursor:pointer;flex-direction:column;justify-content:center;gap:5px;width:30px;height:28px;list-style:none;display:flex}.mobile-menu>summary::-webkit-details-marker{display:none}.mobile-menu>summary span{background:var(--ink);width:24px;height:2px;display:block}.mobile-nav{top:45px;background:var(--paper);border:1px solid var(--line);z-index:20;flex-direction:column;gap:0;min-width:190px;padding:12px;display:flex;position:absolute;inset-inline-end:0;box-shadow:0 15px 30px #1c252118}.mobile-nav a{padding:13px;font-size:14px}.hero{min-height:0;padding-top:70px}.hero-upper{flex-direction:column;align-items:flex-start;gap:15px}.hero h1{margin-top:44px;font-size:clamp(58px,11vw,86px);line-height:1.15}.hero-lower{margin-top:28px}.hero-lower p{font-size:17px}.hero-actions{flex-wrap:wrap;gap:20px}.hero-footer{min-height:92px;margin-top:70px}.work-section{padding:85px 0 95px}.section-heading{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:40px}.section-heading h2{font-size:clamp(42px,7vw,60px)}.work-grid{grid-template-columns:1fr;gap:58px}.work-card-featured{grid-column:auto}.project-visual,.work-card-featured .project-visual{height:350px}.visual-roomify-shell{width:94%;margin-top:50px}.mock-dashboard{min-height:260px}.mock-side{gap:18px;width:48px;padding:20px 8px}.mock-side i{width:18px}.mock-body{padding:24px 20px}.mock-body-heading{font-size:16px}.mock-metrics{gap:5px;margin-top:14px}.mock-metrics>div{padding:10px 7px}.mock-metrics small{font-size:6px}.mock-metrics strong{font-size:17px}.mock-metrics b{font-size:7px}.mock-chart{height:100px;margin-top:9px;padding:8px}.mock-chart svg{height:65px}.visual-ahyiha-shell{width:89%;min-height:280px}.ahyiha-inside{margin:32px 0}.ahyiha-title{font-size:36px}.visual-exampulse-shell{width:94%}.term-content{padding:19px}.about-section{padding:90px 0}.about-grid{grid-template-columns:1fr;gap:20px}.about-symbol{display:none}.about-right .about-lead{font-size:21px}.toolbox{margin-top:38px}.contact-section{padding:85px 0}.contact-section h2{font-size:clamp(48px,8vw,75px)}.contact-decor{display:none}.footer-inner{flex-direction:column;align-items:flex-start;gap:16px;padding-top:30px;padding-bottom:35px}.case-page{padding:24px 0 95px}.case-hero{padding:65px 0 42px}.case-hero h1{font-size:clamp(61px,12vw,100px)}.case-visual-wrap>.project-visual{height:370px}.case-visual-wrap .visual-roomify-shell{width:95%}.case-visual-wrap .visual-exampulse-shell{width:94%}.case-visual-wrap .visual-ahyiha-shell{width:92%;min-height:290px}.case-info{grid-template-columns:1fr 1fr;gap:35px 20px;padding:40px 0}.case-body{margin-top:65px}.case-body section{padding:33px 0 45px}.case-body p,.decision-list li{font-size:15px}.diagram-nodes{justify-content:flex-start}.next-case{margin-top:65px}}@media (width<=420px){.container{padding-inline:19px}.mark-name{font-size:8px}.header-github{display:none}.hero h1{font-size:clamp(44px,12vw,62px)}.hero-lower p{font-size:15px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-footer{font-size:8px}.hero-big-mark{font-size:40px}.project-visual,.work-card-featured .project-visual{height:280px}.mock-body{padding:19px 13px}.mock-chart{height:87px}.mock-metrics{gap:4px}.mock-metrics strong{font-size:14px}.visual-ahyiha-shell{width:94%;min-height:243px;padding:17px}.ahyiha-title{font-size:31px}.ahyiha-heart-outline{font-size:90px}.term-content{font-size:9px}.term-title{font-size:10px}.term-grid{gap:9px}.work-header h3{font-size:35px}.case-visual-wrap>.project-visual{height:300px}.case-info{grid-template-columns:1fr}.diagram{padding:20px}.diagram-unit{font-size:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}body{overflow-x:hidden}.project-visual{margin:0}html[lang=ar] .eyebrow,html[lang=ar] .section-index,html[lang=ar] .experience-meta{letter-spacing:0;text-transform:none;line-height:1.8}.experience-section{border-block:1px solid var(--line);background:var(--paper);padding:120px 0;scroll-margin-top:24px}.experience-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(48px,10vw,150px);display:grid}.experience-grid h2,.activity-section h2{font:600 clamp(43px, 5vw, 75px)/1.1 var(--display);letter-spacing:-.064em;margin-top:20px}.experience-entry{border-block-start:1px solid var(--ink);padding-block-start:24px}.experience-meta{color:var(--rust);font:600 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:24px;display:flex}.experience-entry h3{font:600 clamp(25px, 3vw, 38px)/1.2 var(--display);letter-spacing:-.04em;margin-top:35px}.experience-entry p{max-width:680px;color:var(--muted);margin-top:18px;font-size:15px;line-height:1.9}.activity-section{padding:120px 0;scroll-margin-top:24px}.activity-section .section-heading{align-items:end}.github-activity{--github-bg:#fff;--github-ink:#1f2328;--github-muted:#59636e;--github-border:#d1d9e0;--github-level-0:#eff2f5;--github-level-1:#aceebb;--github-level-2:#4ac26b;--github-level-3:#2da44e;--github-level-4:#116329;max-inline-size:764px;margin:0;font:400 12px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.github-activity-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;margin-block-end:8px;display:flex}.github-total{font-size:16px;line-height:24px}.github-profile-link{color:var(--muted)}.github-activity a:hover{text-decoration:underline}.github-calendar-frame{background:var(--github-bg);color:var(--github-ink);border:1px solid var(--github-border);border-radius:6px;padding:14px 16px 12px}.github-calendar-scroll{scrollbar-width:thin;scrollbar-color:var(--github-border) transparent;overflow-x:auto}.github-chart-link{inline-size:730px;margin-inline:auto;display:block}.github-chart{block-size:122px;inline-size:730px;max-inline-size:none;display:block}.github-calendar-footer{color:var(--github-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding-inline-start:24px;display:flex}.github-legend{align-items:center;gap:4px;margin-inline-start:auto;display:flex}.github-legend-cells{gap:3px;display:flex}.github-legend-cells>span{border-radius:2px;block-size:10px;inline-size:10px}.github-level-0{background:var(--github-level-0)}.github-level-1{background:var(--github-level-1)}.github-level-2{background:var(--github-level-2)}.github-level-3{background:var(--github-level-3)}.github-level-4{background:var(--github-level-4)}:root[data-theme=dark]{color-scheme:dark;--bg:#151917;--paper:#1b211d;--ink:#f5f1e8;--ink-soft:#d7ddd8;--muted:#aab3ac;--line:#3b463e;--rust:#d68160;--moss:#9cb3a2;--dark:#101512}[data-theme=dark] .site-header{border-bottom-color:var(--line)}[data-theme=dark] .hero-lower p,[data-theme=dark] .work-summary,[data-theme=dark] .about-right p,[data-theme=dark] .case-hero>p,[data-theme=dark] .case-info p,[data-theme=dark] .case-body p,[data-theme=dark] .decision-list li,[data-theme=dark] .back-link{color:var(--muted)}[data-theme=dark] .button-dark{color:var(--bg)}[data-theme=dark] .work-technologies span,[data-theme=dark] .case-tags span,[data-theme=dark] .toolbox>div span{color:var(--ink-soft);border-color:var(--line)}[data-theme=dark] .diagram{background:#222b25}[data-theme=dark] .diagram-unit span{border-color:var(--line);background:#18201b}[data-theme=dark] .case-boundaries{background:#202822}[data-theme=dark] .contact-section,[data-theme=dark] .site-footer{color:#f4f1e9;background:#101512}[data-theme=dark] .button-light{color:#1c2521}[data-theme=dark] .mobile-nav{box-shadow:0 15px 30px #0008}[data-theme=dark] .github-activity{--github-bg:#0d1117;--github-ink:#e6edf3;--github-muted:#9198a1;--github-border:#3d444d;--github-level-0:#161b22;--github-level-1:#0e4429;--github-level-2:#006d32;--github-level-3:#26a641;--github-level-4:#39d353}@media (width<=760px){.experience-section,.activity-section{padding:85px 0}.experience-grid{grid-template-columns:1fr;gap:48px}.experience-grid h2,.activity-section h2{font-size:clamp(42px,8vw,60px)}.activity-section .section-heading{align-items:flex-start}.github-calendar-frame{padding-inline:12px}.github-calendar-footer{margin-block-start:6px;padding-inline-start:0}}@media (width<=420px){.header-controls{gap:12px}.experience-meta{flex-direction:column;gap:8px}}.mark-name{white-space:nowrap;letter-spacing:.12em;line-height:1}.project-visual{border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);background:#e7e7df}.project-visual>img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .45s;display:block}.work-art-link:hover .project-visual>img{transform:scale(1.015)}.project-visual figcaption{inset-inline:14px;color:#fff;width:fit-content;max-width:calc(100% - 28px);font:500 9px/1.45 var(--mono);letter-spacing:.04em;backdrop-filter:blur(7px);background:#0f1411db;padding:8px 10px;position:absolute;bottom:14px}.demo-badge{inset-inline-end:14px;color:#fff;font:700 9px/1 var(--mono);letter-spacing:.08em;background:#8f3140;padding:7px 9px;position:absolute;top:14px;box-shadow:0 5px 18px #1616122e}.preview-pending p{color:var(--muted);font:600 12px var(--mono)}.case-visual-wrap .project-visual>img{object-fit:contain}.case-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px;display:grid}.case-gallery .project-visual{height:430px}.case-gallery .project-visual>img{object-fit:cover}.experience-list{gap:58px;display:grid}.experience-list .experience-entry+.experience-entry{margin-top:4px}.work-technologies[dir=ltr],.case-tags[dir=ltr]{justify-content:flex-start}html[dir=rtl] .work-technologies[dir=ltr],html[dir=rtl] .case-tags[dir=ltr]{direction:ltr}@media (width<=760px){.case-gallery{grid-template-columns:1fr}.case-gallery .project-visual{height:360px}.project-visual figcaption{font-size:8px}}@media (width<=420px){.mark-name{display:none}.site-mark{gap:0}.case-gallery .project-visual{height:300px}.demo-badge{inset-inline-end:9px;top:9px}}:root,:root[data-theme=dark]{color-scheme:dark;--bg:#0d1512;--paper:#15221b;--ink:#f0f2ea;--ink-soft:#cbd7ce;--muted:#a9b7ad;--line:#33463c;--rust:#dca27d;--moss:#b4c8b6;--dark:#0d1512;--panel:#1a3025;--layer:#213b2d;--on-accent:#0d1512;--sans:"IBM Plex Sans", "Segoe UI", Arial, sans-serif;--display:var(--sans);--mono:"IBM Plex Mono", "IBM Plex Sans Arabic", Consolas, monospace}:root[lang=ar]{--sans:"IBM Plex Sans Arabic", "IBM Plex Sans", Tahoma, Arial, sans-serif}html{background:var(--bg);scrollbar-color:var(--line) var(--bg)}body{font-family:var(--sans);overflow-x:visible}::selection{background:var(--rust);color:var(--on-accent)}:focus-visible{outline:2px solid var(--rust);outline-offset:5px}a:focus-visible,summary:focus-visible{outline-color:var(--rust)}button[hidden]{display:none}img{max-width:100%}pre,code{font-family:var(--mono)}pre{background:var(--paper);border:1px solid var(--line);max-width:100%;padding:24px;overflow-x:auto}.container{max-width:1370px;padding-inline:clamp(22px,5vw,76px)}.site-header,[data-theme=dark] .site-header{border-color:var(--line)}.header-inner{gap:24px;height:98px}.monogram{font:600 31px/1 var(--sans);letter-spacing:-.06em;align-items:baseline;display:inline-flex}.monogram-slash{color:var(--rust);padding-inline:3px;font-weight:400}.mark-name{font:500 9px/1.5 var(--mono);letter-spacing:.08em}.site-mark{gap:18px}.desktop-nav{gap:28px}.desktop-nav a,.lang-link{font-size:13px;font-weight:500}.header-controls{gap:18px}.header-github,.lang-link{align-items:center;min-height:44px;display:inline-flex}.header-github svg{flex-shrink:0;width:24px;height:24px}.desktop-nav a:hover,.lang-link:hover,.header-github:hover{color:var(--rust)}.mobile-nav{background:var(--paper)}.mobile-nav a:hover,.mobile-nav a:focus-visible{background:var(--layer)}.eyebrow,.case-label,.section-index,.work-number{letter-spacing:.1em;font-size:11px;line-height:1.7}.hero{min-height:0;padding-top:62px}.hero-upper{gap:24px}.hero-upper .eyebrow{max-width:65%}.availability{color:var(--muted);letter-spacing:.04em;font-size:10px;line-height:1.7}.availability i{background:var(--moss);box-shadow:none}.signature-hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);align-items:center;gap:clamp(35px,5vw,78px);padding-block:66px 72px;display:grid}.signature-hero-copy{min-width:0}.hero h1{letter-spacing:-.045em;margin:0;font-size:clamp(43px,4.75vw,67px);font-weight:500;line-height:1.12}.hero h1 .hero-accent{color:var(--rust);margin-top:15px;font-weight:400}.hero-lower{margin-top:28px;display:block}.hero-lower p,[data-theme=dark] .hero-lower p{color:var(--muted);max-width:530px;font-size:17px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:24px;margin-top:30px}.button-dark,.button-light,[data-theme=dark] .button-dark,[data-theme=dark] .button-light{background:var(--rust);color:var(--on-accent);border-color:var(--rust);gap:26px;min-height:50px;font-size:13px;font-weight:600}.button-dark:hover,.button-light:hover{background:var(--ink);color:var(--bg);border-color:var(--ink);transform:none}.button-quiet{border-color:var(--line);padding-block:12px 7px;font-size:13px}.button-quiet:hover{color:var(--rust);border-color:var(--rust)}.connected-panel{background:var(--panel);border:1px solid var(--line);min-width:0;margin:0;padding:clamp(22px,3vw,34px)}.connected-panel-heading,.connected-panel-footer{font:400 10px/1.7 var(--mono);color:var(--muted);justify-content:space-between;align-items:center;gap:15px;display:flex}.connected-panel-heading>:last-child{color:var(--rust);white-space:nowrap}.connected-layers{gap:28px;padding-block:34px;display:grid;position:relative}.connected-layers:before{content:"";background:var(--rust);width:1px;position:absolute;inset-block:40px;inset-inline-end:22px}.connected-layer{background:var(--layer);border:1px solid #557360;align-items:center;gap:18px;padding:20px 17px;display:flex;position:relative}.connected-layer:nth-child(2){margin-inline-start:18px}.connected-layer:nth-child(3){margin-inline-start:36px}.layer-number{color:var(--rust);font:500 10px var(--mono);align-self:flex-start;margin-top:5px}.connected-layer>div{min-width:0}.connected-layer h2{font:500 21px/1.4 var(--sans);letter-spacing:-.015em}.connected-layer p{font:400 10px/1.8 var(--mono);color:var(--muted);margin-top:5px}.layer-port{background:var(--rust);flex-shrink:0;width:7px;height:7px;margin-inline-start:auto}.connected-panel-footer{border-top:1px solid var(--line);padding-top:18px}.connected-panel-footer>:last-child{color:var(--rust);font-size:22px}.hero-footer{min-height:80px;color:var(--muted);letter-spacing:.07em;margin-top:0}.connected-mini{align-items:center;gap:9px;display:flex}.connected-mini i{border:1px solid var(--rust);width:10px;height:10px;position:relative}.connected-mini i+i:before{content:"";background:var(--rust);top:3px;width:9px;height:1px;position:absolute;inset-inline-end:9px}.work-section,.experience-section{background:var(--paper);padding-block:100px}.about-section,.activity-section{background:var(--bg);padding-block:100px}.section-heading{gap:40px;margin-bottom:50px}.section-heading h2,.about-grid h2,.experience-grid h2,.activity-section h2{letter-spacing:-.035em;font-size:clamp(35px,4vw,56px);font-weight:500;line-height:1.2}.section-heading>p{font-size:16px;line-height:1.8}.work-grid{gap:58px 30px}.work-card{min-width:0}.work-card-featured{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:38px;padding-bottom:52px;display:grid}.work-card-featured .work-card-content{padding-top:0}.project-visual,[data-theme=dark] .project-visual{background:var(--panel);border-color:var(--line);aspect-ratio:1.6;height:auto}.work-card-featured .project-visual{aspect-ratio:1.45;height:auto}.work-header h3{letter-spacing:-.035em;font-size:clamp(30px,3.3vw,44px);font-weight:500}.work-punchline{font-size:17px;line-height:1.65}.work-summary,[data-theme=dark] .work-summary{color:var(--muted);font-size:15px;line-height:1.85}.work-number span{color:var(--muted)}.work-technologies span,.case-tags span,.toolbox>div span,[data-theme=dark] .work-technologies span,[data-theme=dark] .case-tags span,[data-theme=dark] .toolbox>div span{color:var(--ink-soft);border-color:var(--line);background:0 0;font-size:11px}.text-link{border-color:var(--line);font-size:13px;line-height:1.8}.project-visual figcaption{color:#f0f2ea;backdrop-filter:none;letter-spacing:0;background:#0d1512}.demo-badge{color:#0d1512;box-shadow:none;letter-spacing:.04em;background:#dca27d;line-height:1.5}.about-symbol{letter-spacing:-.085em;color:var(--ink);margin-top:42px;font-size:clamp(120px,13vw,200px);font-weight:500}.about-symbol span{color:var(--rust);padding:0 8px;font-weight:400}.about-right p,[data-theme=dark] .about-right p{color:var(--muted)}.about-right .about-lead,[data-theme=dark] .about-right .about-lead{color:var(--ink);font-size:21px;font-weight:400;line-height:1.8}.experience-entry{border-color:var(--line)}.experience-entry h3{letter-spacing:-.025em;font-size:clamp(25px,2.7vw,36px);font-weight:500;line-height:1.4}.experience-meta{letter-spacing:.04em;flex-wrap:wrap;gap:10px 24px;line-height:1.7}.github-activity,[data-theme=dark] .github-activity{--github-bg:var(--paper);--github-ink:var(--ink);--github-muted:var(--muted);--github-border:var(--line);--github-level-0:#213b2d;--github-level-1:#405f49;--github-level-2:#65866d;--github-level-3:#96b396;--github-level-4:#dca27d;font-family:var(--sans);max-inline-size:900px}.github-calendar-frame{border-radius:0;padding:24px}.github-calendar-footer{font-size:12px}.github-calendar-scroll{scrollbar-color:var(--muted) var(--paper)}.github-total{font-size:17px}.contact-section,.site-footer,[data-theme=dark] .contact-section,[data-theme=dark] .site-footer{background:var(--bg);color:var(--ink);border-color:var(--line)}.contact-section{border-top:1px solid var(--line);padding-block:95px}.contact-section .eyebrow{color:var(--rust)}.contact-section h2{letter-spacing:-.035em;max-width:920px;font-size:clamp(40px,5.4vw,75px);font-weight:500}.contact-section p,.footer-credit{color:var(--muted)}.contact-decor{display:none}.footer-name{letter-spacing:0;align-items:center;gap:18px;display:flex}.footer-monogram{font:500 27px/1 var(--sans);letter-spacing:-.05em}.footer-name>span:last-child{margin:0;font-size:11px;font-weight:400}.footer-links a:hover{color:var(--rust)}.case-hero h1{letter-spacing:-.06em;font-size:clamp(58px,10vw,140px);font-weight:500}.case-hero>p,.case-info p,.case-body p,.decision-list li,.back-link{color:var(--muted)}.case-hero>p{line-height:1.65}.case-body h2{letter-spacing:-.03em;font-size:clamp(32px,4vw,50px);font-weight:500}.case-visual-wrap>.project-visual{aspect-ratio:1.6;height:auto}.case-gallery .project-visual{aspect-ratio:1.5;height:auto}.case-boundaries,[data-theme=dark] .case-boundaries{background:var(--paper)}.next-case strong{letter-spacing:-.03em;font-weight:500}.not-found h1{letter-spacing:-.04em;font-weight:500}html[lang=ar] :is(h1,h2,h3,.case-label,.availability,.architecture-summary,.architecture-branch-note,.project-visual figcaption,.demo-badge,.connected-panel-heading,.connected-panel-footer){letter-spacing:0}html[lang=ar] :is(.hero h1,.hero h1 .hero-accent){font-weight:500;line-height:1.5}html[lang=ar] :is(.section-heading h2,.about-grid h2,.experience-grid h2,.activity-section h2,.contact-section h2,.case-body h2,.work-header h3,.experience-entry h3){line-height:1.5}html[lang=ar] .hero h1{font-size:clamp(39px,4.3vw,61px)}html[lang=ar] .case-hero h1{line-height:1.5}html[lang=ar] .connected-layer p{text-align:end}html[lang=ar] :is(.work-punchline,.footer-credit,.mobile-nav a){line-height:1.8}@media (width<=1100px){.mark-name{display:none}.signature-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:30px}.hero h1{font-size:48px}.hero-actions{gap:16px}.work-card-featured{gap:26px}}@media (width<=900px){.signature-hero-grid{grid-template-columns:minmax(0,1fr);gap:40px;padding-block:44px}.hero h1{max-width:700px;font-size:clamp(42px,7vw,64px)}html[lang=ar] .hero h1{font-size:clamp(37px,6.4vw,54px)}.connected-panel{width:100%;max-width:600px}.connected-layers{gap:22px;padding-block:28px}.connected-layer{padding-block:16px}.work-card-featured{grid-template-columns:1fr}.work-card-featured .project-visual{aspect-ratio:1.6}.work-card-featured .work-card-content{padding-top:0}}@media (width<=760px){html{scroll-padding-top:80px}.site-header{background:var(--bg);position:sticky;top:0}.header-inner{height:72px}.site-mark,.header-github{justify-content:center;min-width:44px;min-height:44px}.mobile-menu>summary{align-items:center;width:44px;height:44px}.mobile-nav{min-width:min(260px,100vw - 44px);max-height:calc(100dvh - 100px);top:52px;overflow-y:auto}.mobile-nav a{justify-content:space-between;align-items:center;min-height:44px;display:flex}.hero{padding-top:24px}.hero-upper{gap:15px}.hero-upper .eyebrow{max-width:100%;font-size:10px}.hero-lower p{font-size:16px}.hero-actions{flex-direction:row;align-items:center;gap:18px}.hero-footer{margin-top:0;font-size:9px}.work-section,.about-section,.experience-section,.activity-section,.contact-section{padding-block:52px}.section-heading h2,.about-grid h2,.experience-grid h2,.activity-section h2{font-size:39px}.section-heading{gap:16px;margin-bottom:28px}.work-card-featured{border-bottom:0;padding-bottom:0}.work-grid{gap:38px}.work-header h3 a,.text-link,.contact-quiet,.footer-links a,.back-link{align-items:center;min-height:44px;display:inline-flex}.project-visual,.work-card-featured .project-visual{aspect-ratio:1.5;height:auto}.project-visual figcaption{inset-inline:9px;max-width:calc(100% - 18px);padding:7px;font-size:9px;bottom:9px}.about-right .about-lead{font-size:17px;line-height:1.75}.experience-grid,.experience-list{gap:32px}.experience-entry h3{margin-top:22px}.github-calendar-frame{padding:16px}.contact-section h2{font-size:44px}.next-case{flex-wrap:wrap;gap:18px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media (width<=420px){.container{padding-inline:22px}.header-controls{gap:15px}.hero h1{font-size:40px}html[lang=ar] .hero h1{font-size:35px}.connected-panel{padding:20px}.connected-panel-heading{font-size:9px}.connected-layer{gap:12px;padding:16px 12px}.connected-layer h2{font-size:20px}.connected-layer p{font-size:9px}.connected-layer:nth-child(2){margin-inline-start:12px}.connected-layer:nth-child(3){margin-inline-start:24px}.connected-panel-footer{font-size:9px}.case-boundaries{padding:22px!important}}