@font-face{font-family:'IBM Plex Sans Arabic';src:url('../fonts/ibm-plex-arabic/Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('../fonts/ibm-plex-arabic/Medium.ttf') format('truetype');font-weight:500 600;font-display:swap}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('../fonts/ibm-plex-arabic/Bold.ttf') format('truetype');font-weight:700 900;font-display:swap}
body{transition:background-color .18s ease,color .18s ease}
.eyebrow,.text-link,.source-link,.accent,.feature-icon,.step-number,.brief-steps span,.deliverables .bi,.project-facts a,.form-label>span:not(.optional),.repository-card .bi-github,.member-links .bi,.loading-state{color:var(--dp-link)}
a:hover,.text-link:hover,.navbar .nav-link.active,.navbar .nav-link:hover,.navbar .nav-link:focus,.breadcrumb a:hover,.studio-card h3 a:hover,.profile-nav a:hover,.card-meta a{color:var(--dp-link-hover)}
.section-tint{background:var(--dp-tint);border-color:var(--dp-border)}
.studio-card{border-color:var(--dp-border);box-shadow:var(--dp-shadow)}
.studio-card:hover{border-color:var(--dp-hover-border)}
.content-note{background:var(--dp-note-bg);border-color:var(--dp-link)}
.icon-tile{background:var(--dp-icon-surface)}
.cta-panel{background:linear-gradient(115deg,var(--dp-gradient-start),var(--dp-gradient-end))}
.site-footer{background:var(--dp-footer);border-color:var(--dp-border)}
.site-footer .eyebrow{color:var(--dp-link)}
.footer-links,.footer-bottom{color:var(--dp-text-muted)}
.dropdown-menu{--bs-dropdown-bg:var(--dp-surface);--bs-dropdown-link-color:var(--dp-text);--bs-dropdown-link-hover-color:#fff;--bs-dropdown-link-hover-bg:#252c73}
.btn-secondary{--bs-btn-disabled-color:var(--dp-text-muted)}
.accordion{--bs-accordion-bg:var(--dp-surface);--bs-accordion-color:var(--dp-text-muted);--bs-accordion-btn-color:var(--dp-text);--bs-accordion-active-color:var(--dp-link);--bs-accordion-active-bg:var(--dp-surface-alt)}
.form-control,.form-select,.form-control:focus,.form-select:focus{--bs-body-bg:var(--dp-input);--bs-body-color:var(--dp-text);background-color:var(--dp-input);color:var(--dp-text);border-color:var(--dp-input-border)}
.form-control:focus,.form-select:focus{border-color:var(--dp-link)}
.form-control::placeholder{color:var(--dp-placeholder)}
.invalid-feedback{color:var(--dp-invalid)}
.was-validated .form-control:invalid,.was-validated .form-select:invalid{border-color:var(--dp-invalid-border)}
.validation-summary{background:var(--dp-invalid-bg);color:var(--dp-invalid);border-color:var(--dp-invalid-border)}
.form-result{background:var(--dp-success-bg);color:var(--dp-success);border-color:var(--dp-link)}
.gallery-thumb.active,.empty-state>.bi{color:var(--dp-link);border-color:var(--dp-link)}
.article-visual{background:var(--dp-icon-surface)}
.prose a:not(.text-link){color:var(--dp-link)}
.case-banner,.project-visual,.preview-stage{background:linear-gradient(135deg,var(--dp-visual-start),var(--dp-visual-end))}
.case-banner .eyebrow,.preview-stage>.bi{color:var(--brand-accent)}
.case-banner p{color:var(--brand-muted)}
.case-banner .h2{color:var(--brand-white)}
.resume-document .eyebrow,.resume-document .source-link,.resume-document a,.resume-document .member-links .bi{color:var(--dp-link)}
.resume-document .tag{color:var(--dp-text-muted);border-color:var(--dp-border)}
.resume-document .timeline-item:before{background:var(--dp-link)}
.preference-controls{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-inline-start:18px}
.preference-button{height:44px;min-width:44px;border:1px solid var(--dp-border);border-radius:10px;background:var(--dp-surface);color:var(--dp-text);display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;font-size:.78rem;font-weight:600;line-height:1;cursor:pointer}
.preference-button:hover{border-color:var(--dp-link);color:var(--dp-link)}
.preference-button .bi{font-size:1.05rem}
.language-button{min-width:79px;direction:ltr}
.language-button [aria-current="true"]{color:var(--dp-link);font-weight:800}
.preferences-status{position:absolute}
[dir="rtl"]{--bs-body-font-family:'IBM Plex Sans Arabic','Inter',Arial,sans-serif}
[dir="rtl"] body{font-family:var(--bs-body-font-family);line-height:1.9}
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,[dir="rtl"] h4{letter-spacing:0;line-height:1.4}
[dir="rtl"] .eyebrow,[dir="rtl"] .step-number{letter-spacing:0}
[dir="rtl"] .navbar-brand,[dir="rtl"] .footer-brand,[dir="rtl"] .photo-caption,[dir="rtl"] .brand-latin{font-family:Inter,Arial,sans-serif;direction:ltr;unicode-bidi:isolate}
[dir="rtl"] .home-hero h1{font-size:clamp(2.7rem,5.5vw,4.7rem);line-height:1.4}
[dir="rtl"] .home-hero>.eyebrow{max-width:calc(100% - 70px)}
[dir="rtl"] .bi-arrow-up-right,[dir="rtl"] .bi-arrow-right,[dir="rtl"] .bi-box-arrow-up-right,[dir="rtl"] .hero-actions .btn img{transform:scaleX(-1)}
[dir="rtl"] .content-note{border-radius:8px 0 0 8px}
[dir="rtl"] .resume-document .col-lg-8{padding-right:0;padding-inline-end:22px}
.member-links a[href^="mailto:"],.member-links a[href^="https://github.com"],.resume-project a,input[type="email"],input[type="tel"],code{direction:ltr;unicode-bidi:isolate}
[dir="rtl"] .member-links a[href^="mailto:"],[dir="rtl"] .member-links a[href^="https://github.com"]{justify-content:flex-end}
[data-i18n-key]{text-wrap:pretty}
@media(min-width:1200px) and (max-width:1450px){.navbar-nav{gap:6px}.navbar .nav-link{padding-inline:6px;font-size:.88rem}.preference-controls{margin-inline-start:10px}}
@media(max-width:1199.98px){.preference-controls{margin:12px 0 6px;padding-top:15px;border-top:1px solid var(--dp-border);justify-content:flex-start}.preference-button{min-height:46px}.language-button{min-width:100px}}
@media(max-width:767.98px){[dir="rtl"] .home-hero h1{font-size:clamp(2.5rem,8.5vw,3.5rem)}[dir="rtl"] .hero-title-row h1{font-size:2.05rem}.gallery-thumb{min-width:0;flex-wrap:wrap}.gallery-controls{align-items:stretch}.hero-title-row h1{min-width:0;overflow-wrap:anywhere}.case-banner{overflow:hidden}}
@media(prefers-reduced-motion:reduce){body,.studio-card,.btn,.preference-button{transition:none!important}}
@media print{.preference-controls{display:none!important}.resume-document{--dp-surface:#fff;--dp-text:#17223a;--dp-text-muted:#526079;--dp-border:#dce4f1;--dp-link:#23586a;--text:#17223a;--text-secondary:#526079;--line:#dce4f1;--page-bg:#fff;background:#fff!important;color:#17223a!important}.resume-document h1,.resume-document h2,.resume-document h3{color:#17223a!important}[dir="rtl"] .resume-document .col-lg-8,[dir="rtl"] .resume-document .col-lg-4{float:right}}

a:focus-visible,button:focus-visible{outline-color:var(--dp-link)}

/* Share the original SVG shapes while letting each theme supply their ink. */
:where(.design-icon){width:var(--design-icon-size);height:var(--design-icon-size);background-color:currentColor;-webkit-mask:var(--design-icon-url) center/contain no-repeat;mask:var(--design-icon-url) center/contain no-repeat}
.design-icon{color:var(--dp-link)}
.btn .design-icon{color:inherit}
.project-visual .design-icon{transform:scale(1.8)}
.article-visual .design-icon{transform:scale(2.5)}
.heading-spark{width:45px;height:45px}
.bi{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1;vertical-align:-.125em}
.bi::before{display:block;line-height:1}
.btn>.bi,.text-link>.bi,.gallery-thumb>.bi{font-size:1.05em}
.member-links .bi,.footer-links .bi{width:1.15em}
.preference-button .bi{width:1.1em}
.icon-button .bi{vertical-align:middle}
.feature-icon{display:flex;width:max-content}
.product-visual,.product-emblem,.profile-portrait{background:var(--dp-icon-surface)}
.team-photo{background:linear-gradient(135deg,var(--dp-visual-start),var(--dp-visual-end))}
.photo-caption{background:var(--dp-surface);color:var(--dp-link)}
.product-emblem span,.case-banner .h2,.preview-stage .h3{color:var(--dp-text)}
.case-banner p,.preview-stage .preview-caption,.project-visual>span{color:var(--dp-text-muted)}
.case-banner .eyebrow,.preview-stage>.bi,.project-visual>.bi{color:var(--dp-link)}
.preview-stage{border-color:var(--dp-border)}
.preview-stage .tag{color:var(--dp-link);border-color:var(--dp-border)}
.btn-secondary{border-color:var(--dp-border)}
.btn-secondary:hover,.btn-secondary:focus-visible{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--brand-white)}
[data-bs-theme="light"] .error-code{color:var(--dp-text-muted)}
@media(max-width:991.98px){.home-selected .product-visual .design-icon{width:60px;height:60px}}
@media(max-width:767.98px){.heading-spark{width:30px;height:30px}.home-selected .product-visual .design-icon{width:50px;height:50px}}

.product-emblem>.design-icon{color:var(--dp-link)}
.icon-button{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}