@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2)format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/inter-latin-800-normal-BYj_oED-.woff2)format("woff2"),url(/assets/inter-latin-800-normal-D1mf63XC.woff)format("woff")}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/tajawal-arabic-400-normal-CyCXRvzh.woff2)format("woff2"),url(/assets/tajawal-arabic-400-normal-DCQxawbB.woff)format("woff")}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/tajawal-arabic-500-normal-BZ8ojJNu.woff2)format("woff2"),url(/assets/tajawal-arabic-500-normal-CbVEaYEW.woff)format("woff")}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/tajawal-arabic-700-normal-D2-eand5.woff2)format("woff2"),url(/assets/tajawal-arabic-700-normal-9L7Zusdl.woff)format("woff")}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/tajawal-arabic-800-normal-TQp-UTiE.woff2)format("woff2"),url(/assets/tajawal-arabic-800-normal-Bp_4IW2m.woff)format("woff")}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/tajawal-latin-400-normal-BVNSOH3d.woff2)format("woff2"),url(/assets/tajawal-latin-400-normal-BdYcZznU.woff)format("woff")}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/tajawal-latin-500-normal-CoYeBiSI.woff2)format("woff2"),url(/assets/tajawal-latin-500-normal-DU9v6xgj.woff)format("woff")}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/tajawal-latin-700-normal-BypgxfGb.woff2)format("woff2"),url(/assets/tajawal-latin-700-normal-CV3bxpHe.woff)format("woff")}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/tajawal-latin-800-normal-CmI34b-g.woff2)format("woff2"),url(/assets/tajawal-latin-800-normal-Dm5jVIIh.woff)format("woff")}:root{--blue-700:#315efb;--blue-300:#9cadff;--sanad-red-700:#b21e1a;--sanad-red-600:#d52a24;--sanad-charcoal:#292d32;--sanad-deep:#181b1f;--sanad-steel:#c8cdd2;--neutral-950:#111317;--neutral-900:#1b1f24;--neutral-100:#f2f3f5;--neutral-0:#f8f9fa;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:.75rem;--radius-md:.875rem;--container-wide:100rem;--page-gutter:clamp(1rem, 2.5vw, 2rem);--section-space:clamp(2.5rem, 6vw, 4.5rem);--section-space-compact:clamp(1.75rem, 4vw, 3rem);--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--transition-fast:.16s;--transition-base:.24s}html[data-theme=light]{--color-page:#f2f3f5;--color-surface:#f8f9fa;--color-surface-muted:#eceef1;--color-text:#111317;--color-heading:#171c2b;--color-text-muted:#69717d;--color-border:#e0e3e7;--color-accent:var(--blue-700);--color-accent-hover:#244be1;--color-accent-subtle:color-mix(in srgb, var(--blue-700) 12%, transparent);--color-button-primary:var(--blue-700);--color-button-primary-hover:#244be1;--color-button-primary-text:#f7f8fb;--color-button-secondary-border:#4d5664;--shadow-panel:0 .5rem 1.5rem #1113170f}html[data-theme=dark]{--color-page:#111317;--color-surface:#1b1f24;--color-surface-muted:#22272e;--color-text:#e7e9ec;--color-heading:#e7e9ec;--color-text-muted:#a9afb8;--color-border:#2b3037;--color-accent:var(--blue-700);--color-accent-hover:var(--blue-300);--color-accent-subtle:color-mix(in srgb, var(--blue-700) 20%, transparent);--color-button-primary:var(--blue-700);--color-button-primary-hover:#244be1;--color-button-primary-text:#f7f8fb;--color-button-secondary-border:#59616d;--shadow-panel:0 .75rem 1.75rem #0000003d}html[data-theme=light] [data-project-theme=sanad]{--color-page:#f3f1ee;--color-surface:#faf9f7;--color-surface-muted:#eeece8;--color-text:#292d32;--color-heading:#292d32;--color-text-muted:#6f757c;--color-border:#e2deda;--color-accent:var(--sanad-red-700);--color-accent-hover:var(--sanad-red-600);--color-accent-subtle:color-mix(in srgb, var(--sanad-red-700) 12%, transparent);--color-button-primary:#a61c18;--color-button-primary-hover:#8f1714;--color-button-primary-text:#f7f7f5;--color-button-secondary-border:#555b62}html[data-theme=dark] [data-project-theme=sanad]{--color-page:var(--sanad-deep);--color-surface:var(--sanad-charcoal);--color-surface-muted:#343a40;--color-text:#e7e9ec;--color-heading:#e7e9ec;--color-text-muted:#b8bec4;--color-border:#41474e;--color-accent:var(--sanad-red-700);--color-accent-hover:var(--sanad-red-600);--color-accent-subtle:color-mix(in srgb, var(--sanad-red-700) 18%, transparent);--color-button-primary:var(--sanad-red-700);--color-button-primary-hover:var(--sanad-red-600);--color-button-primary-text:#f7f7f5;--color-button-secondary-border:#687078}:root{color:var(--color-text);background:var(--color-page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,sans-serif}html[lang=ar]{font-family:Tajawal,sans-serif}*{box-sizing:border-box}html,body,#root{min-block-size:100%;margin:0}html{overflow-x:hidden}body{overscroll-behavior-y:none;min-block-size:100dvh;min-inline-size:20rem;color:var(--color-text);background:var(--color-page);transition:color var(--transition-base), background-color var(--transition-base)}button,a{font:inherit}img,picture,svg,video{max-inline-size:100%;display:block}img,video{block-size:auto}h1,h2,h3{overflow-wrap:anywhere}button,a[href]{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:.1875rem solid var(--color-accent);outline-offset:.1875rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;block-size:.0625rem;inline-size:.0625rem;margin:-.0625rem;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{min-block-size:100vh;color:var(--color-text);background:var(--color-page);direction:ltr}.skip-link{z-index:10;padding:var(--space-2) var(--space-3);color:var(--color-surface);background:var(--color-accent);border-radius:var(--radius-sm);position:fixed;inset-block-start:var(--space-3);inset-inline-start:var(--space-3);transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.navigation{color:var(--color-text);background:var(--color-surface);border-color:var(--color-border)}.navigation--horizontal{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-block-end:1px solid var(--color-border);display:flex}.navigation--sidebar{gap:var(--space-5);min-block-size:100vh;padding:var(--space-5) var(--space-4);border-inline-end:1px solid var(--color-border);text-align:center;transition:padding var(--transition-base), box-shadow var(--transition-base);flex-direction:column;align-content:start;align-items:center;display:flex}.sidebar-pin-section{justify-items:center;inline-size:100%;margin-block-start:auto;display:grid}.sidebar-pin-section .divider{inline-size:100%}.sidebar-pin-control{justify-content:center;align-items:center;gap:var(--space-2);min-block-size:2.25rem;padding:var(--space-2) var(--space-3);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;display:inline-flex}.sidebar-pin-control svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;block-size:1.0625rem;inline-size:1.0625rem}.sidebar-overlay-backdrop{display:none}.navigation--mobile{padding:var(--space-3) var(--space-4);border-block-end:1px solid var(--color-border);justify-content:flex-end;align-items:center;display:none}.mobile-menu-trigger,.mobile-drawer-close{block-size:2.5rem;inline-size:2.5rem;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;place-items:center;display:inline-grid}.mobile-menu-trigger svg,.mobile-drawer-close svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;block-size:1.25rem;inline-size:1.25rem}.mobile-drawer-backdrop{z-index:30;background:#1113176b;border:0;position:fixed;inset:0}.mobile-drawer{z-index:31;gap:var(--space-5);min-block-size:100dvh;inline-size:min(85vw,22rem);padding:var(--space-5) var(--space-4);text-align:center;background:var(--color-surface);border-inline-end:1px solid var(--color-border);align-content:start;justify-items:center;display:grid;position:fixed;inset-block:0;inset-inline-start:0;overflow-y:auto;box-shadow:.75rem 0 2rem #0003}.mobile-drawer[dir=rtl]{box-shadow:-.75rem 0 2rem #0003}.mobile-drawer-close{justify-self:end}.mobile-drawer nav,.mobile-drawer .divider{inline-size:100%}.mobile-drawer .divider{margin-block:0}.mobile-drawer .navigation-links{gap:var(--space-1);inline-size:100%;display:grid}.mobile-drawer .navigation-link{inline-size:100%;font-size:.9375rem;font-weight:var(--font-weight-semibold);text-align:center;justify-content:center}.mobile-drawer .navigation-controls{justify-content:center}.mobile-drawer-download{gap:var(--space-3);white-space:nowrap;inline-size:min(100%,13rem);text-decoration:none}.mobile-drawer-download svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;block-size:1.25rem;inline-size:1.25rem}.navigation-links,.navigation-controls,.language-switcher,.pwa-prompt__actions,.comparison-control{gap:var(--space-2);align-items:center;display:flex}.language-switcher .control-button,.theme-preference-control .control-button{min-inline-size:2.25rem;padding-inline:var(--space-2);font-size:.75rem;font-weight:var(--font-weight-bold)}.theme-preference-control .control-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;block-size:1rem;inline-size:1rem}.control-button--toggle{border-color:var(--color-border);background:var(--color-surface-muted);min-inline-size:2.65rem}.control-button--toggle:hover,.control-button--toggle:focus-visible{color:var(--color-accent);border-color:color-mix(in srgb, var(--color-accent) 45%, var(--color-border));background:var(--color-accent-subtle)}.navigation-links{flex-wrap:wrap;margin:0;padding:0;list-style:none}.navigation--sidebar .divider{inline-size:100%;margin-block:0}.navigation--sidebar nav{inline-size:100%}.navigation--sidebar .navigation-links{gap:var(--space-1);flex-wrap:nowrap;inline-size:100%;display:grid}.navigation--sidebar .navigation-link{min-block-size:2.125rem;inline-size:100%;padding-inline:var(--space-2);font-size:.9375rem;font-weight:var(--font-weight-semibold);text-align:left;justify-content:flex-start}.navigation--sidebar[dir=rtl] .navigation-link{text-align:right}.navigation-link--with-icon{gap:var(--space-3)}.navigation-link--with-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;flex:none;block-size:1.125rem;inline-size:1.125rem}.navigation-link__tooltip{display:none}.navigation--sidebar .navigation-controls{padding-inline:var(--space-1);justify-content:center}.sidebar-identity{align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;display:flex}.sidebar-monogram{background:var(--color-accent-subtle);border:2px solid color-mix(in srgb, var(--color-accent) 42%, var(--color-border));block-size:4.75rem;inline-size:4.75rem;box-shadow:0 .5rem 1.25rem color-mix(in srgb, var(--color-accent) 16%, transparent);border-radius:50%;flex:none;display:block;position:relative;overflow:hidden}.sidebar-monogram img{object-fit:cover;object-position:center 12%;block-size:100%;inline-size:100%}.sidebar-monogram img.is-flipped{transform:scaleX(-1)}.sidebar-name,.sidebar-role{margin:0}.sidebar-name{font-size:.9375rem;font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-heading);line-height:1.2}.navigation--sidebar[dir=rtl] .sidebar-name{letter-spacing:0;text-transform:none}.sidebar-role{color:var(--color-text-muted);text-align:center;margin-block-start:var(--space-1);font-size:.8125rem;line-height:1.3}.sidebar-quick-links{justify-content:center;gap:var(--space-2);padding-inline:var(--space-1);display:flex}.navigation--sidebar[dir=rtl] .sidebar-quick-links,.hero__content[dir=rtl] .hero-social-links{direction:rtl}.sidebar-contact-button{block-size:2.375rem;inline-size:2.375rem;color:var(--color-text-muted);background:var(--color-surface-muted);border:1px solid color-mix(in srgb, var(--color-border) 82%, var(--color-text-muted));border-radius:var(--radius-sm);justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative;box-shadow:0 .25rem .75rem #1113170f}.contact-link-tooltip{z-index:30;inline-size:max-content;max-inline-size:min(18rem,80vw);color:var(--color-text);text-align:start;pointer-events:none;visibility:hidden;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-panel);opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast);border-radius:.65rem;gap:.12rem;padding:.55rem .7rem;display:grid;position:absolute;inset-block-end:calc(100% + .6rem);inset-inline-start:50%;transform:translate(-50%,.3rem)}.contact-link-tooltip strong{color:var(--color-heading);font-size:.75rem}.contact-link-tooltip small{color:var(--color-text-muted);white-space:nowrap;direction:ltr;unicode-bidi:isolate;font-size:.7rem}.sidebar-contact-button:hover .contact-link-tooltip,.sidebar-contact-button:focus-visible .contact-link-tooltip,.hero-contact-button:hover .contact-link-tooltip,.hero-contact-button:focus-visible .contact-link-tooltip{visibility:visible;opacity:1;transform:translate(-50%)}.sidebar-contact-button .contact-link-tooltip{inset-block-end:50%;inset-inline-start:calc(100% + .65rem);transform:translateY(50%)translate(-.3rem)}.sidebar-contact-button:hover .contact-link-tooltip,.sidebar-contact-button:focus-visible .contact-link-tooltip{transform:translateY(50%)translate(0)}.sidebar-contact-button,.hero-contact-button{transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast)}html[data-theme=dark] .sidebar-contact-button,html[data-theme=dark] .hero-contact-button{color:#afc3ff;background:#232a34;border-color:#3a4656}html[data-theme=dark] .sidebar-contact-button:hover,html[data-theme=dark] .hero-contact-button:hover{color:#d5e0ff;background:#2a3340;border-color:#3a4656}html[data-theme=light] .sidebar-contact-button,html[data-theme=light] .hero-contact-button{color:#4f6485;background:#e7ebf1;border-color:#cbd3de}html[data-theme=light] .sidebar-contact-button:hover,html[data-theme=light] .hero-contact-button:hover{color:#2e4365;background:#dde3eb;border-color:#cbd3de}.sidebar-contact-button svg,.sidebar-download-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;block-size:1.125rem;inline-size:1.125rem}.sidebar-download-button{gap:var(--space-3);white-space:nowrap;min-block-size:2.375rem;inline-size:min(100%,11.5rem);box-shadow:0 .375rem .875rem color-mix(in srgb, var(--color-button-primary) 18%, transparent);text-decoration:none}.sidebar-download-button svg{block-size:1.25rem;inline-size:1.25rem}.navigation-link,.control-button,.comparison-control a{min-block-size:2.25rem;padding:var(--space-2) var(--space-3);color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.navigation-link[dir=rtl]{text-align:right}.navigation-link.is-active,.comparison-control a.is-active{color:var(--color-accent)}.navigation-link--priority,.control-button[aria-pressed=true]{color:var(--color-accent);border-color:var(--color-accent)}.navigation-link--priority{background:0 0;border-color:#0000;position:relative}.navigation-link--priority .navigation-link__label,.navigation-link--priority .navigation-link__tooltip{color:#1b4dcc;text-shadow:0 0 .35rem #1b4dcc52;animation:2.9s ease-in-out infinite cv-navigation-emphasis}.navigation-link--priority.is-active .navigation-link__label,.navigation-link--priority.is-active .navigation-link__tooltip{color:#1b4dcc}.navigation-link--priority svg{color:var(--color-accent)}@keyframes cv-navigation-emphasis{0%,to{color:#1b4dcc;text-shadow:0 0 .35rem #1b4dcc57,0 0 .75rem #1b4dcc24}25%{color:#2672e3;text-shadow:0 0 .4rem #2672e361,0 0 .85rem #2672e329}50%{color:#3197e6;text-shadow:0 0 .4rem #3197e666,0 0 .9rem #3197e62e}75%{color:#42c2db;text-shadow:0 0 .4rem #42c2db6b,0 0 .9rem #42c2db2e}}@media (prefers-reduced-motion:reduce){.navigation-link--priority .navigation-link__label,.navigation-link--priority .navigation-link__tooltip,.navigation-link--priority.is-active .navigation-link__label,.navigation-link--priority.is-active .navigation-link__tooltip{color:#3197e6;text-shadow:0 0 .35rem #3197e657,0 0 .75rem #42c2db24;animation:none}}.control-button{color:var(--color-text);background:var(--color-surface);border-color:var(--color-border)}.page-frame{background:var(--color-page);min-block-size:calc(100vh - 4.5rem)}.page-frame[dir=rtl]{text-align:right}.offline-status{padding:var(--space-2) var(--space-4);color:var(--color-text);background:var(--color-accent-subtle);border-block-end:1px solid var(--color-border);margin:0}.comparison-control{padding:var(--space-4);flex-wrap:wrap}.pwa-prompt{z-index:5;max-inline-size:min(24rem,100% - 2rem);padding:var(--space-4);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);position:fixed;inset-block-end:var(--space-4);inset-inline-end:var(--space-4)}.pwa-prompt p{margin-block:0 var(--space-3)}@media (width>=75rem){.app-shell[data-layout-variant=sidebar]{--sidebar-layout-width:17.2rem;grid-template-columns:var(--sidebar-layout-width) minmax(0, 1fr);transition:grid-template-columns var(--transition-base);display:grid}.app-shell[data-layout-variant=sidebar] .desktop-navigation{z-index:20;inline-size:var(--sidebar-layout-width);transition:inline-size var(--transition-base);inset-block:0;grid-area:1/1/span 3;position:fixed;left:0}.app-shell[data-layout-variant=sidebar] .page-frame,.app-shell[data-layout-variant=sidebar] .offline-status{grid-column:2}.app-shell[data-layout-variant=sidebar] .page-frame{min-block-size:100vh}.app-shell[data-layout-variant=sidebar][data-direction=rtl]{grid-template-columns:minmax(0, 1fr) var(--sidebar-layout-width)}.app-shell[data-layout-variant=sidebar][data-direction=rtl] .desktop-navigation{grid-column:2;left:auto;right:0}.app-shell[data-layout-variant=sidebar][data-direction=rtl] .page-frame,.app-shell[data-layout-variant=sidebar][data-direction=rtl] .offline-status{grid-column:1}.navigation--sidebar[data-compact=false]{block-size:100vh;min-block-size:0;padding:1rem var(--space-6);gap:.85rem;overflow:visible}.navigation--sidebar[data-compact=false] .divider{margin-block:.1rem}.navigation--sidebar[data-compact=false] .sidebar-identity{gap:.5rem}.navigation--sidebar[data-compact=false] .sidebar-download-button{min-block-size:2.35rem}.navigation--sidebar[data-compact=false] .sidebar-name{font-size:1.25rem;line-height:1.3}.navigation--sidebar[data-expanded=true] .sidebar-role{font-size:1.275rem;line-height:1.45}.navigation--sidebar[data-expanded=true] .navigation-link--priority .navigation-link__label{white-space:nowrap}.navigation--sidebar[data-compact=false] .navigation-link{min-block-size:2.625rem;font-size:1.22rem;line-height:1.35}.navigation--sidebar[data-compact=false] .language-switcher .control-button,.navigation--sidebar[data-compact=false] .theme-preference-control .control-button{min-block-size:2.5rem;min-inline-size:2.625rem;font-size:.8125rem}.navigation--sidebar[data-compact=false] .theme-preference-control .control-button svg{block-size:1.125rem;inline-size:1.125rem}.navigation--sidebar[data-compact=false] .sidebar-download-button{min-block-size:2.75rem;inline-size:min(100%,14.5rem);padding-inline:var(--space-5)}.navigation--sidebar[data-compact=false] .sidebar-download-button svg{block-size:1.375rem;inline-size:1.375rem}.navigation--sidebar[data-compact=false] .sidebar-pin-control{min-block-size:2.625rem;padding:var(--space-2) var(--space-4);font-size:.9375rem}.navigation--sidebar[data-compact=false] .sidebar-pin-control svg{block-size:1.1875rem;inline-size:1.1875rem}.navigation--sidebar[data-compact=true]{gap:var(--space-4);padding:var(--space-5) .625rem}.navigation--sidebar[data-compact=true] .sidebar-identity{gap:0}.navigation--sidebar[data-compact=true] .sidebar-monogram{block-size:3.125rem;inline-size:3.125rem}.navigation--sidebar[data-compact=true] .sidebar-identity>div:last-child,.navigation--sidebar[data-compact=true] .sidebar-download-button__label{clip:rect(0, 0, 0, 0);white-space:nowrap;block-size:.0625rem;inline-size:.0625rem;position:absolute;overflow:hidden}.navigation--sidebar[data-compact=true] .navigation-link{min-block-size:3rem;inline-size:3rem;padding:var(--space-2);position:relative}.navigation--sidebar[data-compact=true] .navigation-links{gap:var(--space-2)}.navigation--sidebar[data-compact=true] .navigation-link--with-icon svg{block-size:1.575rem;inline-size:1.575rem}.navigation--sidebar[data-compact=true] .navigation-link__label{clip:rect(0, 0, 0, 0);white-space:nowrap;opacity:0;block-size:.0625rem;inline-size:.0625rem;position:absolute;overflow:hidden}.navigation--sidebar[data-compact=true] .navigation-link__tooltip{z-index:3;inline-size:max-content;max-inline-size:12rem;padding:var(--space-2) var(--space-3);color:var(--color-text);font-size:.8125rem;font-weight:var(--font-weight-medium);text-align:start;pointer-events:none;visibility:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-panel);opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast);line-height:1.25;display:block;position:absolute;inset-inline-start:calc(100% + var(--space-2));transform:translate(-.25rem)}.navigation--sidebar[data-compact=true] .navigation-link:hover .navigation-link__tooltip,.navigation--sidebar[data-compact=true] .navigation-link:focus-visible .navigation-link__tooltip{visibility:visible;opacity:1;transform:translate(0)}.navigation--sidebar[data-compact=true] .navigation-controls{gap:var(--space-2);flex-direction:column}.navigation--sidebar[data-compact=true] .language-switcher,.navigation--sidebar[data-compact=true] .theme-preference-control{flex-wrap:nowrap;gap:.25rem}.navigation--sidebar[data-compact=true] .language-switcher .control-button,.navigation--sidebar[data-compact=true] .theme-preference-control .control-button{min-block-size:2rem;min-inline-size:2rem;padding-inline:0}.navigation--sidebar[data-compact=true] .sidebar-quick-links{gap:var(--space-2);flex-direction:column}.navigation--sidebar[data-compact=true] .sidebar-contact-button{block-size:2.5rem;inline-size:2.5rem}.navigation--sidebar[data-compact=true] .sidebar-download-button,.navigation--sidebar[data-compact=true] .sidebar-pin-control{min-block-size:2.75rem;inline-size:2.75rem;padding-inline:var(--space-2)}.navigation--sidebar[data-compact=true] .sidebar-pin-control__label{clip:rect(0, 0, 0, 0);white-space:nowrap;block-size:.0625rem;inline-size:.0625rem;position:absolute;overflow:hidden}.sidebar-overlay-backdrop{z-index:30;background:#1113176b;border:0;display:block;position:fixed;inset:0}.navigation--sidebar[data-pinned=false][data-overlay-open=true]{z-index:31;background:var(--color-surface);border-inline-end:1px solid var(--color-border);inset-block:0;inline-size:min(100vw,17.2rem);position:fixed;left:0;overflow-y:auto;box-shadow:.75rem 0 2rem #0003}.navigation--sidebar[data-compact=false]{gap:1.08rem;block-size:100vh;min-block-size:0;padding-block:1rem;overflow:visible}.navigation--sidebar[data-compact=false] .sidebar-monogram{block-size:5.1rem;inline-size:5.1rem}.navigation--sidebar[data-compact=false] .sidebar-name{font-size:1.2rem}.navigation--sidebar[data-expanded=true] .sidebar-role{font-size:1.14rem}.navigation--sidebar[data-compact=false] .navigation-links{gap:.15rem}.navigation--sidebar[data-compact=false] .navigation-link{min-block-size:2.35rem;font-size:1.176rem}.navigation--sidebar[data-compact=false] .navigation-link--with-icon svg{block-size:1.44rem;inline-size:1.44rem}.navigation--sidebar[data-compact=false] .language-switcher .control-button,.navigation--sidebar[data-compact=false] .theme-preference-control .control-button{font-size:.975rem}.navigation--sidebar[data-compact=false] .sidebar-contact-button{block-size:3.1rem;inline-size:3.1rem}.navigation--sidebar[data-compact=false] .sidebar-contact-button svg{block-size:1.5rem;inline-size:1.5rem}.navigation--sidebar[data-compact=false] .sidebar-download-button{min-block-size:2.7rem;font-size:1.05rem}}@media (width>=75rem) and (height<=52rem){.navigation--sidebar[data-compact=false]{gap:.55rem;padding-block:.5rem}.navigation--sidebar[data-compact=false] .divider{margin-block:0}.navigation--sidebar[data-compact=false] .sidebar-identity{gap:.3rem}.navigation--sidebar[data-compact=false] .navigation-links{gap:0}}@media (width<=74.9375rem){.desktop-navigation{display:none}.navigation--mobile{z-index:40;background:color-mix(in srgb, var(--color-surface) 96%, transparent);border-block-end:1px solid var(--color-border);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);gap:0;padding-block-start:env(safe-area-inset-top);display:grid;position:fixed;inset-block-start:0;inset-inline:0;box-shadow:0 .4rem 1.2rem #0a121e1a}.app-shell>.page-frame{padding-inline-start:max(var(--page-gutter), env(safe-area-inset-left));padding-inline-end:max(var(--page-gutter), env(safe-area-inset-right));padding-block-start:calc(7.5rem + env(safe-area-inset-top))!important}.mobile-horizontal-toolbar,.mobile-horizontal-nav{scrollbar-width:none;align-items:center;display:flex;overflow-x:auto}.mobile-horizontal-toolbar::-webkit-scrollbar{display:none}.mobile-horizontal-nav::-webkit-scrollbar{display:none}.mobile-horizontal-toolbar{min-block-size:3.65rem;inline-size:100%;padding:.45rem var(--space-3);border-block-end:1px solid var(--color-border);justify-content:flex-start;gap:1ch}.mobile-horizontal-toolbar .navigation-controls,.mobile-horizontal-toolbar .sidebar-quick-links,.mobile-horizontal-downloads{flex:none;align-items:center;gap:1ch;padding:0;display:flex}.mobile-horizontal-toolbar .navigation-controls{order:1}.mobile-horizontal-toolbar .sidebar-quick-links{order:2}.mobile-horizontal-downloads{order:3}.mobile-horizontal-download{white-space:nowrap;gap:.35rem;min-block-size:2.5rem;padding:.4rem .7rem;font-size:.75rem;text-decoration:none}.mobile-horizontal-download svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;block-size:1rem;inline-size:1rem}.mobile-horizontal-nav{min-block-size:3.65rem;inline-size:100%;padding:.45rem var(--space-3)}.mobile-horizontal-nav .navigation-links{flex-wrap:nowrap;justify-content:flex-start;gap:.4rem;inline-size:max-content;min-inline-size:100%;display:flex}.mobile-horizontal-nav .navigation-link{min-block-size:2.55rem;font-size:.82rem;font-weight:var(--font-weight-semibold);white-space:nowrap;background:var(--color-surface-muted);border-color:var(--color-border);gap:.4rem;padding:.45rem .7rem}.mobile-horizontal-nav .navigation-link svg{block-size:1rem;inline-size:1rem}}@media (display-mode:standalone) and (width<=74.9375rem){.pwa-prompt{inset-block-end:max(var(--space-4), env(safe-area-inset-bottom));inset-inline-end:max(var(--space-4), env(safe-area-inset-right))}}@media (hover:none),(width<=47.9375rem){.sidebar-quick-links,.hero-social-links{flex-wrap:wrap}.sidebar-contact-button,.hero-contact-button{block-size:2.75rem;inline-size:2.75rem;min-inline-size:2.625rem;padding:0}.contact-link-tooltip,.sidebar-contact-button .contact-link-tooltip,.hero-contact-button .contact-link-tooltip,.sidebar-contact-button:hover .contact-link-tooltip,.sidebar-contact-button:focus-visible .contact-link-tooltip,.hero-contact-button:hover .contact-link-tooltip,.hero-contact-button:focus-visible .contact-link-tooltip{display:none}.sidebar-contact-button svg,.hero-contact-button svg{block-size:1.2rem;inline-size:1.2rem}}.button{min-block-size:2.5rem;padding:var(--space-2) var(--space-4);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.button--primary{color:var(--color-button-primary-text);background:var(--color-button-primary);border-color:color-mix(in srgb, var(--color-button-primary) 78%, #000);box-shadow:0 .375rem .875rem color-mix(in srgb, var(--color-button-primary) 16%, transparent)}.button--primary:hover{background:var(--color-button-primary-hover);border-color:var(--color-button-primary-hover)}.button--secondary{color:var(--color-text);border-color:var(--color-button-secondary-border);background:0 0}.card{padding:var(--space-6);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-panel)}.status-badge{min-block-size:1.75rem;padding-inline:var(--space-2);font-size:.8125rem;font-weight:var(--font-weight-semibold);color:var(--color-accent);background:var(--color-accent-subtle);border:1px solid color-mix(in srgb, var(--color-accent) 24%, transparent);border-radius:999px;align-items:center;display:inline-flex}.divider{block-size:1px;margin:var(--space-5) 0;background:var(--color-border);border:0}.theme-preference-control{gap:var(--space-2);flex-wrap:wrap;display:flex}.foundation-preview{inline-size:min(100% - 2 * var(--page-gutter), var(--container-wide));padding-block:var(--section-space);margin-inline:auto}.foundation-preview__header,.preview-section{max-inline-size:60rem}.foundation-preview__header h1,.preview-section h2,.preview-section h3{color:var(--color-heading)}.foundation-preview__header h1{margin-block:var(--space-2) var(--space-4);letter-spacing:-.04em;font-size:clamp(2.25rem,7vw,4.5rem);line-height:1}.foundation-preview__header p:last-child{max-inline-size:38rem;color:var(--color-text-muted);margin:0}.preview-section{margin-block-start:var(--section-space)}.preview-section h2{margin-block:0 var(--space-5);font-size:clamp(1.5rem,4vw,2.25rem)}.preview-controls{gap:var(--space-4);display:grid}.foundation-preview .comparison-control{display:none}.qa-readout{gap:var(--space-3);flex-wrap:wrap;margin:0;display:flex}.qa-readout div{min-inline-size:8rem;padding:var(--space-3);background:var(--color-surface-muted);border-inline-start:.1875rem solid var(--color-accent)}.qa-readout dt{color:var(--color-text-muted);font-size:.8125rem}.qa-readout dd{margin:var(--space-1) 0 0;font-weight:var(--font-weight-bold);color:var(--color-heading)}.typography-grid,.theme-sample-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.font-sample h3,.ui-sample-card h3,.theme-sample h3{margin-block:var(--space-2);font-size:1.5rem}.font-sample p,.ui-sample-card p,.theme-sample p{color:var(--color-text-muted)}.font-sample--inter{font-family:Inter,system-ui,sans-serif}.font-sample--tajawal{font-family:Tajawal,sans-serif}.sample-label{font-size:.75rem;font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase;margin:0;line-height:1.3;color:var(--color-accent)!important}html[lang=ar] .sample-label{letter-spacing:normal;text-transform:none}.button-row{gap:var(--space-3);flex-wrap:wrap;margin-block-start:var(--space-5);display:flex}.theme-sample{min-inline-size:0}.theme-sample[data-preview-theme=light] [data-project-theme=sanad]{--color-page:#f3f1ee;--color-surface:#faf9f7;--color-surface-muted:#eeece8;--color-text:#292d32;--color-heading:#292d32;--color-text-muted:#6f757c;--color-border:#e2deda;--color-accent:#b21e1a;--color-accent-hover:#d52a24;--color-accent-subtle:#b21e1a1f;--color-button-primary:#a61c18;--color-button-primary-hover:#8f1714;--color-button-primary-text:#f7f7f5;--color-button-secondary-border:#555b62;--shadow-panel:0 .5rem 1.5rem #1113170f}.theme-sample[data-preview-theme=dark] [data-project-theme=sanad]{--color-page:#181b1f;--color-surface:#292d32;--color-surface-muted:#343a40;--color-text:#e7e9ec;--color-heading:#e7e9ec;--color-text-muted:#b8bec4;--color-border:#41474e;--color-accent:#b21e1a;--color-accent-hover:#d52a24;--color-accent-subtle:#b21e1a2e;--color-button-primary:#b21e1a;--color-button-primary-hover:#d52a24;--color-button-primary-text:#f7f7f5;--color-button-secondary-border:#687078;--shadow-panel:0 .75rem 1.75rem #0000003d}.theme-sample__content{min-block-size:100%}.page-frame[dir=rtl] .foundation-preview{direction:ltr}.page-frame[dir=rtl] .foundation-preview__header,.page-frame[dir=rtl] .preview-section>h2,.page-frame[dir=rtl] .qa-readout,.page-frame[dir=rtl] .font-sample:not(.font-sample--tajawal),.page-frame[dir=rtl] .ui-sample-card,.page-frame[dir=rtl] .theme-sample__content{text-align:right;direction:rtl}.page-frame[dir=rtl] .preview-section{margin-block-start:var(--space-10)}.page-frame[dir=rtl] .preview-section h2{margin-block-end:var(--space-4)}@media (width<=47.9375rem){.typography-grid,.theme-sample-grid{grid-template-columns:1fr}.foundation-preview__header h1{font-size:clamp(2rem,12vw,3.25rem);line-height:1.08}.preview-section,.page-frame[dir=rtl] .preview-section{margin-block-start:var(--section-space-compact)}.qa-readout{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.qa-readout div{min-inline-size:0}}.hero{max-inline-size:var(--container-wide);min-block-size:calc(100vh - 4.5rem);padding:clamp(3rem, 7vw, 7rem) var(--page-gutter);grid-template-columns:minmax(0,.96fr) minmax(22rem,.9fr);align-items:center;gap:clamp(2rem,5vw,6rem);margin-inline:auto;display:grid;position:relative;overflow:hidden}.hero__content{z-index:1;max-inline-size:43rem;position:relative}.hero__eyebrow{margin:0 0 var(--space-3);font-size:clamp(1.35rem,1.5vw,1.5rem);font-weight:var(--font-weight-semibold);letter-spacing:.08em;color:var(--color-accent);text-transform:uppercase}.hero__content[dir=rtl] .hero__eyebrow{letter-spacing:0;text-transform:none}.hero h1{max-inline-size:100%;font-size:clamp(3.4rem,6.2vw,6.5rem);font-weight:var(--font-weight-extrabold);letter-spacing:-.065em;color:var(--color-heading);text-wrap:balance;margin:0;line-height:.94}.hero__content[dir=rtl] h1{letter-spacing:0;max-inline-size:100%;font-size:clamp(3.15rem,5.8vw,6rem);line-height:1.08}.hero__headline{max-inline-size:40rem;margin:var(--space-6) 0 0;font-size:clamp(1.05rem,1.4vw,1.3rem);font-weight:var(--font-weight-semibold);color:var(--color-heading);line-height:1.52}.hero__summary{max-inline-size:37rem;margin:var(--space-4) 0 0;font-size:clamp(1rem,1.2vw,1.125rem);font-weight:var(--font-weight-regular);color:var(--color-text-muted);line-height:1.75}.hero__actions{gap:var(--space-3);flex-wrap:wrap;margin-block-start:var(--space-8);display:flex}.hero__actions .button{min-inline-size:10.75rem;text-decoration:none}.hero-social-links{gap:var(--space-2);margin:0;display:flex}.hero__social-row{gap:var(--space-3);flex-wrap:wrap;align-items:center;margin-block-start:var(--space-6);display:flex}.hero-last-updated{min-block-size:2.625rem;color:var(--color-text-muted);background:color-mix(in srgb, var(--color-surface-muted) 86%, transparent);border:1px solid var(--color-border);border-radius:.8rem;align-items:center;gap:.45rem;margin:0;padding:.4rem .8rem;font-size:.75rem;display:inline-flex;box-shadow:0 .25rem .75rem #1113170d}.hero-last-updated span{font-weight:var(--font-weight-semibold)}.hero-last-updated time{color:var(--color-accent)}.hero-contact-button .contact-link-tooltip{inset-inline-start:0;transform:translateY(.3rem)}.hero-contact-button:hover .contact-link-tooltip,.hero-contact-button:focus-visible .contact-link-tooltip{transform:translateY(0)}.hero-contact-button{block-size:2.625rem;inline-size:2.625rem;color:var(--color-text-muted);background:var(--color-surface-muted);border:1px solid color-mix(in srgb, var(--color-border) 82%, var(--color-text-muted));border-radius:var(--radius-sm);transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative;box-shadow:0 .25rem .75rem #1113170f}.hero-contact-button:hover{color:var(--color-accent);background:var(--color-accent-subtle);border-color:color-mix(in srgb, var(--color-accent) 36%, var(--color-border))}.hero-contact-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;block-size:1.1875rem;inline-size:1.1875rem}.hero-visual{isolation:isolate;min-block-size:clamp(28rem,52vw,40rem);min-inline-size:0;position:relative}.hero-visual:before{z-index:-1;content:"";background:var(--color-accent-subtle);filter:blur(.25rem);border-radius:48% 52% 45% 55%/42% 46% 54% 58%;position:absolute;inset:10% 3% 4% 8%}.hero-visual__grid{opacity:.5;background-image:linear-gradient(to right, var(--color-border) 1px, transparent 1px), linear-gradient(to bottom, var(--color-border) 1px, transparent 1px);background-size:3.5rem 3.5rem;position:absolute;inset:3% 0;-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}.hero-visual__linework{z-index:2;block-size:100%;inline-size:100%;color:var(--color-accent);opacity:.55;position:absolute;inset:0}.hero-visual__linework path,.hero-visual__linework circle{stroke:currentColor;stroke-width:1.25px}.hero-visual__linework circle{fill:var(--color-page)}.hero-visual__portrait{z-index:4;background:color-mix(in srgb, var(--color-surface-muted) 72%, transparent);clip-path:polygon(20% 0,86% 8%,100% 76%,71% 100%,3% 87%,0 22%);position:absolute;inset-block:4% 7%;inset-inline:15% 13%;overflow:hidden}.hero-visual__portrait img{object-fit:cover;object-position:center top;block-size:92.135%;inline-size:100%;transition:transform var(--transition-base);position:absolute;inset-block-end:0;inset-inline:0}.hero-visual__portrait img.is-flipped{transform:scaleX(-1)}.hero-portrait-placeholder{place-content:center;justify-items:center;gap:var(--space-4);block-size:100%;inline-size:100%;color:var(--color-text-muted);background:linear-gradient(135deg, transparent 49.7%, var(--color-border) 49.8%, var(--color-border) 50.2%, transparent 50.3%), linear-gradient(45deg, transparent 49.7%, var(--color-border) 49.8%, var(--color-border) 50.2%, transparent 50.3%);display:grid}.hero-portrait-placeholder__monogram{aspect-ratio:1;inline-size:clamp(5.5rem,10vw,8rem);font-family:Inter,system-ui,sans-serif;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:var(--font-weight-bold);letter-spacing:.06em;color:var(--color-heading);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-panel);border-radius:50%;place-items:center;display:grid}.hero-portrait-placeholder__label{padding-inline:var(--space-3);font-size:.75rem;font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-align:center;text-transform:uppercase}.hero__content[dir=rtl]+.hero-visual .hero-portrait-placeholder__label{letter-spacing:0;text-transform:none}.hero-visual__axis{z-index:3;background:var(--color-accent);opacity:.62;display:block;position:absolute}.hero-visual__axis--vertical{inline-size:1px;inset-block:22% 8%;inset-inline-start:8%}.hero-visual__axis--horizontal{block-size:1px;inline-size:23%;inset-block-end:8%;inset-inline:8% auto}@media (width>=48rem) and (width<=74.9375rem){.hero{gap:var(--space-8);grid-template-columns:minmax(0,1fr) minmax(19rem,.82fr);min-block-size:calc(100vh - 4.5rem)}.hero-visual{min-block-size:30rem}.hero h1{font-size:clamp(3.4rem,8vw,5.5rem)}}@media (width<=47.9375rem){.hero{gap:var(--space-8);min-block-size:auto;padding-block:var(--section-space-compact) var(--section-space);grid-template-columns:minmax(0,1fr)}.hero-visual{grid-row:1;min-block-size:min(82vw,31rem)}.hero__content{grid-row:2;max-inline-size:none}.hero h1,.hero__content[dir=rtl] h1{max-inline-size:100%;font-size:clamp(3rem,16vw,4.7rem)}.hero__headline{margin-block-start:var(--space-5);font-size:1.0625rem}.hero__summary{line-height:1.7}.hero__actions{grid-template-columns:1fr;margin-block-start:var(--space-6);display:grid}.hero__actions .button{inline-size:100%}.hero__social-row{margin-block-start:var(--space-5)}.hero-visual__portrait{inset-block:1% 10%;inset-inline:14%}.hero-visual__grid{background-size:2.75rem 2.75rem}.hero-visual__linework{opacity:.43}}.professional-profile,.engineering-approach{max-inline-size:var(--container-wide);padding-inline:var(--page-gutter);margin-inline:auto;position:relative;overflow:hidden}.professional-profile:before,.engineering-approach:before{z-index:0;content:"";pointer-events:none;opacity:.26;background-image:linear-gradient(to right, var(--color-border) 1px, transparent 1px), linear-gradient(to bottom, var(--color-border) 1px, transparent 1px);background-size:4rem 4rem;position:absolute}.professional-profile:after,.engineering-approach:after{z-index:0;content:"";pointer-events:none;border:1px solid color-mix(in srgb, var(--color-accent) 36%, transparent);border-radius:50%;position:absolute}.professional-profile__header,.professional-profile__details,.engineering-approach__intro,.engineering-approach__flow{z-index:1;position:relative}.professional-profile{padding-block:clamp(4.5rem,9vw,8rem) clamp(3.5rem,7vw,6rem)}.professional-profile:before{inset:0 56% 0 -14%;-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}.professional-profile:after{aspect-ratio:1;inline-size:clamp(20rem,37vw,40rem);inset-block-start:-20rem;inset-inline-end:-15rem}.professional-profile__header{column-gap:clamp(2.25rem,5vw,5rem);row-gap:var(--space-5);border-block-end:1px solid color-mix(in srgb, var(--color-border) 74%, var(--color-accent));grid-template-columns:minmax(18rem,.82fr) minmax(0,1.18fr);align-items:start;margin-block-start:clamp(1rem,1.75vw,1.5rem);padding-block-end:clamp(1rem,2.5vw,2.25rem);display:grid}.professional-profile__eyebrow{font-family:Inter,system-ui,sans-serif;font-size:1.219rem;font-weight:var(--font-weight-bold);letter-spacing:.13em;color:var(--color-accent);grid-column:1/-1;margin:0}.professional-profile__header h1{font-size:clamp(2.5rem,4.6vw,4.5rem);font-weight:var(--font-weight-extrabold);letter-spacing:-.04em;color:var(--color-heading);margin:0;line-height:1.05}.professional-profile__title-line{white-space:nowrap;display:block}.professional-profile__lead-statement{max-inline-size:48rem;font-size:clamp(1.15rem,1.7vw,1.45rem);font-weight:var(--font-weight-medium);text-align:justify;text-align-last:left;color:var(--color-heading);border-inline-start:.1875rem solid var(--color-accent);margin:0;padding-inline-start:clamp(1.5rem,2.5vw,2.25rem);line-height:1.7}.professional-profile__details{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2.5rem,5vw,5.5rem);padding-block-start:clamp(2.5rem,4vw,3.75rem);display:grid}.professional-profile__column{gap:clamp(1.5rem,2.5vw,2.25rem);display:grid}.professional-profile__column:last-child{border-inline-start:1px solid var(--color-border);padding-inline-start:clamp(1rem,2vw,2rem)}.professional-profile__column p{max-inline-size:43rem;text-align:justify;text-align-last:left;color:var(--color-text-muted);border-inline-start:1px solid color-mix(in srgb, var(--color-border) 80%, var(--color-accent));margin:0;padding-inline-start:var(--space-5);font-size:clamp(1rem,1.25vw,1.125rem);line-height:1.82}.professional-profile strong{font-weight:var(--font-weight-bold);color:var(--color-heading)}.engineering-approach{min-block-size:auto;padding-block:clamp(2.5rem,5vw,4rem) clamp(3rem,6vw,5rem)}.engineering-approach:before{inset:4% -10% 0 44%;-webkit-mask-image:linear-gradient(#0000,#000 14% 82%,#0000);mask-image:linear-gradient(#0000,#000 14% 82%,#0000)}.engineering-approach:after{aspect-ratio:1;inline-size:clamp(23rem,35vw,40rem);inset-block-end:-24rem;inset-inline-start:-14rem}.engineering-approach__intro{text-align:center;max-inline-size:min(94%,90rem);margin-inline:auto}.engineering-approach__eyebrow{margin:0 0 var(--space-3);font-family:Inter,system-ui,sans-serif;font-size:clamp(1.094rem,1.563vw,1.313rem);font-weight:var(--font-weight-bold);letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent)}.page-frame[dir=rtl] .engineering-approach__eyebrow{letter-spacing:0;text-transform:none;font-family:Tajawal,sans-serif}.engineering-approach__intro h2{font-size:clamp(2.25rem,4vw,4rem);font-weight:var(--font-weight-extrabold);letter-spacing:-.04em;color:var(--color-heading);white-space:nowrap;margin:0;line-height:1.05}@media (width<=47.9375rem){.engineering-approach__intro h2{white-space:normal}}.engineering-approach__flow{grid-template-columns:repeat(6,minmax(7.5rem,1fr));gap:clamp(.5rem,1.15vw,1.125rem);margin:clamp(3.5rem,7vw,5.5rem) 0 0;padding:0;list-style:none;display:grid}.engineering-approach__flow:before{z-index:-1;content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-accent) 74%, transparent), transparent);block-size:1px;position:absolute;inset-block-start:clamp(5.5rem,7.5vw,6.75rem);inset-inline:4%}.approach-stage{text-align:center;outline:none;min-inline-size:0;position:relative}.approach-stage>p{max-inline-size:13rem;margin:var(--space-6) auto 0;font-size:clamp(.925rem,1.05vw,1rem);font-weight:var(--font-weight-semibold);color:color-mix(in srgb, var(--color-text) 82%, var(--color-text-muted));line-height:1.72}.approach-stage:focus-visible{outline:.1875rem solid var(--color-accent);outline-offset:.25rem}@media (width>=48rem){.page-frame[dir=rtl] .engineering-approach__intro h2{letter-spacing:0;line-height:1.16}.page-frame[dir=rtl] .engineering-approach__flow{direction:rtl;align-items:start;gap:clamp(.4rem,.9vw,.875rem);margin-block-start:clamp(3.75rem,6.5vw,5.25rem)}.page-frame[dir=rtl] .engineering-approach__flow:before{background:linear-gradient(270deg, transparent, color-mix(in srgb, var(--color-accent) 74%, transparent), transparent)}.page-frame[dir=rtl] .approach-stage__number{direction:ltr;unicode-bidi:isolate;display:inline-block}.page-frame[dir=rtl] .approach-stage>p{max-inline-size:16rem;font-weight:var(--font-weight-semibold);text-align:center;line-height:1.96}}@media (width>=75rem){.page-frame[dir=rtl] .approach-stage>p{min-block-size:7.75rem}}.page-frame[dir=rtl] .approach-stage>p{direction:rtl}@media (width>=48rem) and (width<=74.9375rem){.professional-profile__header{column-gap:var(--space-8);grid-template-columns:minmax(16rem,.82fr) minmax(0,1.18fr)}.engineering-approach__flow{gap:var(--space-10) var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));max-inline-size:48rem;margin-block-start:clamp(3.5rem,7vw,5rem);margin-inline:auto}.engineering-approach__flow:before{display:none}}@media (width<=47.9375rem){.professional-profile{padding-block:var(--section-space) var(--section-space-compact)}.professional-profile:before{inset:0 -20% 42%}.professional-profile__header{gap:var(--space-5);grid-template-columns:minmax(0,1fr);padding-block-end:var(--space-5)}.professional-profile__header h1{font-size:clamp(2.5rem,12vw,3.75rem)}.professional-profile__lead-statement{text-align:justify;text-align-last:start;text-justify:inter-word;text-wrap:pretty;-webkit-hyphens:auto;hyphens:auto;font-size:1.125rem;line-height:1.7}.professional-profile__details{gap:var(--space-5);grid-template-columns:minmax(0,1fr);padding-block-start:var(--space-8)}.professional-profile__column{gap:var(--space-5)}.professional-profile__column:last-child{border-inline-start:0;padding-inline-start:0}.professional-profile__column p{text-align:justify;text-align-last:start;text-justify:inter-word;text-wrap:pretty;-webkit-hyphens:auto;hyphens:auto;font-size:1rem;line-height:1.78}.engineering-approach{padding-block:var(--section-space-compact) var(--section-space)}.engineering-approach__intro{text-align:center}.engineering-approach__intro h2{font-size:clamp(2.2rem,10.5vw,3.4rem);line-height:1.08}.engineering-approach__flow{gap:var(--space-8);max-inline-size:31rem;margin:var(--space-10) auto 0;grid-template-columns:minmax(0,1fr)}.engineering-approach__flow:before{background:linear-gradient(to bottom, transparent, var(--color-accent), transparent);block-size:auto;inline-size:1px;inset-block:5.5rem;inset-inline-start:4.75rem}.approach-stage{gap:var(--space-5);text-align:start;grid-template-columns:minmax(8.5rem,9.75rem) minmax(0,1fr);align-items:center;display:grid}.approach-stage>p{max-inline-size:none;margin:0}.page-frame[dir=rtl] .engineering-approach__intro,.page-frame[dir=rtl] .approach-stage{text-align:right}.page-frame[dir=rtl] .engineering-approach__intro h2{letter-spacing:0}.page-frame[dir=rtl] .engineering-approach__flow{direction:rtl}.page-frame[dir=rtl] .approach-stage__number{direction:ltr;unicode-bidi:isolate;display:inline-block}.page-frame[dir=rtl] .approach-stage>p{font-weight:var(--font-weight-semibold);line-height:1.92}}.page-frame[dir=rtl] .professional-profile__header{direction:rtl;align-items:end}.page-frame[dir=rtl] .professional-profile__details{direction:rtl}.page-frame[dir=rtl] .professional-profile__eyebrow{letter-spacing:0;font-family:Tajawal,sans-serif;font-size:1.5rem}.page-frame[dir=rtl] .professional-profile__header h1{font-family:Tajawal,sans-serif}.page-frame[dir=rtl] .professional-profile__lead-statement,.page-frame[dir=rtl] .professional-profile__column p{text-align-last:right;font-family:Tajawal,sans-serif}.page-frame[dir=rtl] .professional-profile__lead-statement{line-height:1.94}.page-frame[dir=rtl] .professional-profile__column p{line-height:2.02}@media (width>=48rem){.page-frame[dir=rtl] .professional-profile__lead-statement{align-self:start;margin-block-start:.625rem}.page-frame[dir=rtl] .professional-profile__details{grid-template-columns:minmax(0,.48fr) minmax(0,.52fr)}}html[data-theme=light] .page-frame[data-page=about]{--color-page:#eceef1;--color-heading:#161b26;--color-text:#303846;--color-text-muted:#5e6878;--color-border:#c8d0db;--color-about-icon:#0b1f3a}.engineering-approach{padding-block-start:clamp(2.5rem,4.5vw,4rem)}.engineering-approach:before{opacity:.34;background-size:1.5rem 1.5rem}.engineering-approach__intro{max-inline-size:min(94%,90rem)}.engineering-approach__intro h2{letter-spacing:-.04em;font-size:clamp(2.25rem,4vw,4rem);line-height:1.05}.engineering-approach__flow{grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;gap:clamp(.75rem,1.25vw,1.25rem);margin-block-start:clamp(2rem,3.5vw,3rem)}.engineering-approach__flow:before{z-index:0;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-accent) 72%, var(--color-border)), transparent);block-size:1px;inset-block-start:clamp(9rem,13vw,11.25rem);inset-inline:3.25%}.approach-stage{z-index:1;gap:var(--space-5);text-align:center;align-content:start;display:grid}.approach-stage__panel{isolation:isolate;aspect-ratio:.64;min-block-size:clamp(13.5rem,18vw,17.5rem);color:var(--color-heading);background:linear-gradient(135deg, color-mix(in srgb, var(--color-accent) 14%, transparent), transparent 24%), linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 94%, var(--color-page)), var(--color-surface));clip-path:polygon(0 5%,5% 0,95% 0,100% 5%,100% 95%,95% 100%,5% 100%,0 95%);filter:drop-shadow(0 .65rem 1.1rem #1113171a);transition:background var(--transition-base), color var(--transition-base), filter var(--transition-base), transform var(--transition-base);grid-template-rows:auto minmax(0,1fr) auto;padding:clamp(.85rem,1.15vw,1.15rem);display:grid;position:relative;overflow:hidden}.approach-stage__panel:before,.approach-stage__panel:after{z-index:0;content:"";pointer-events:none;position:absolute}.approach-stage__panel:before{opacity:.72;border:1px solid color-mix(in srgb, var(--color-border) 76%, var(--color-accent));clip-path:polygon(0 5%,5% 0,95% 0,100% 5%,100% 95%,95% 100%,5% 100%,0 95%);inset:.45rem}.approach-stage__panel:after{background:linear-gradient(90deg, transparent, var(--color-accent) 16%, var(--color-accent) 84%, transparent);block-size:2px;inset-block-end:.6rem;inset-inline:1rem}.approach-stage__frame{z-index:0;pointer-events:none;position:absolute}.approach-stage__frame--outer{border:1px solid color-mix(in srgb, var(--color-border) 62%, var(--color-accent));clip-path:polygon(0 5%,5% 0,95% 0,100% 5%,100% 95%,95% 100%,5% 100%,0 95%);inset:0}.approach-stage__frame--inner{opacity:.88;border-inline:2px solid color-mix(in srgb, var(--color-accent) 72%, var(--color-border));clip-path:polygon(0 5%,5% 0,95% 0,100% 5%,100% 95%,95% 100%,5% 100%,0 95%);inset:.75rem}.approach-stage__header,.approach-stage__icon,.approach-stage__label{z-index:1;justify-items:center;display:grid;position:relative}.approach-stage__header{gap:var(--space-3);padding-block-start:clamp(.75rem,1.25vw,1.25rem)}.approach-stage__number{font-family:Inter,system-ui,sans-serif;font-size:clamp(1.35rem,2.25vw,2rem);font-weight:var(--font-weight-bold);letter-spacing:.04em;color:var(--color-accent);direction:ltr;unicode-bidi:isolate;display:inline-block}.approach-stage__header-rule,.approach-stage__label-rule{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-text-muted) 62%, var(--color-border)), transparent);block-size:1px;inline-size:min(100%,8rem)}.approach-stage__icon{padding-block:var(--space-5);color:var(--color-about-icon,var(--color-heading));align-self:center;place-items:center}.approach-stage__icon-asset{block-size:clamp(4.25rem,6.4vw,6.1rem);inline-size:clamp(4.25rem,6.4vw,6.1rem);-webkit-mask:var(--icon-source) center / contain no-repeat;-webkit-mask:var(--icon-source) center / contain no-repeat;mask:var(--icon-source) center / contain no-repeat;background-color:currentColor;display:block}.approach-stage:nth-child(-n+5) .approach-stage__icon-asset{block-size:clamp(5.525rem,8.32vw,7.93rem);inline-size:clamp(5.525rem,8.32vw,7.93rem)}.approach-stage:first-child .approach-stage__icon-asset,.approach-stage:nth-child(2) .approach-stage__icon-asset{transform:scale(1.05)}.approach-stage:nth-child(5) .approach-stage__icon-asset{transform:scale(1.5552)}.approach-stage:nth-child(5) .approach-stage__panel{overflow:visible}.approach-stage__label{gap:var(--space-4);padding-block-end:clamp(1rem,1.5vw,1.5rem)}.approach-stage__label h3{font-family:Inter,system-ui,sans-serif;font-size:clamp(.95rem,1.3vw,1.18rem);font-weight:var(--font-weight-bold);letter-spacing:.035em;text-transform:uppercase;margin:0;line-height:1.2}.approach-stage>p{min-block-size:6.5rem;max-inline-size:14rem;font-size:clamp(.9rem,1vw,1rem);font-weight:var(--font-weight-semibold);text-align:center;color:color-mix(in srgb, var(--color-text) 84%, var(--color-text-muted));margin:0 auto;line-height:1.72}.approach-stage:hover .approach-stage__panel,.approach-stage:focus-visible .approach-stage__panel{color:color-mix(in srgb, var(--color-heading) 86%, var(--color-accent));filter:drop-shadow(0 .65rem 1.1rem #1113171a) drop-shadow(0 0 .7rem color-mix(in srgb, var(--color-accent) 20%, transparent))}.approach-stage:hover .approach-stage__frame--outer,.approach-stage:focus-visible .approach-stage__frame--outer{border-color:var(--color-accent)}html[data-theme=dark] .approach-stage__panel{filter:drop-shadow(0 .85rem 1.4rem #00000047);background:linear-gradient(135deg,#315efb29,#0000 25%),linear-gradient(#141b23,#0e141b)}html[data-theme=dark] .approach-stage__panel:before{border-color:#adbedb61}html[data-theme=dark] .approach-stage:hover .approach-stage__panel,html[data-theme=dark] .approach-stage:focus-visible .approach-stage__panel{color:#f0f3f7;filter:drop-shadow(0 1rem 1.5rem #0000006b)drop-shadow(0 0 .75rem #315efb3d);background:linear-gradient(135deg,#315efb33,#0000 28%),linear-gradient(#19222d,#111820);transform:translateY(-.28rem)}html[data-theme=dark] .approach-stage:hover .approach-stage__frame--outer,html[data-theme=dark] .approach-stage:focus-visible .approach-stage__frame--outer{border-color:color-mix(in srgb, var(--color-accent) 86%, #c4d0e1)}html[data-theme=dark] .approach-stage:hover .approach-stage__frame--inner,html[data-theme=dark] .approach-stage:focus-visible .approach-stage__frame--inner{border-color:color-mix(in srgb, var(--color-accent) 70%, #596775)}html[data-theme=dark] .approach-stage:hover .approach-stage__icon,html[data-theme=dark] .approach-stage:focus-visible .approach-stage__icon,html[data-theme=dark] .approach-stage:hover .approach-stage__label h3,html[data-theme=dark] .approach-stage:focus-visible .approach-stage__label h3{color:#f0f3f7}html[data-theme=light] .approach-stage__panel{filter:drop-shadow(0 .55rem 1rem #161b2617);background:linear-gradient(135deg,#315efb14,#0000 26%),linear-gradient(#f8f9fb,#eef1f4)}html[data-theme=light] .approach-stage__panel:before{border-color:#aeb9c8}html[data-theme=light] .approach-stage__frame--outer{border-color:#8895a7}html[data-theme=light] .approach-stage__frame--inner{border-color:color-mix(in srgb, var(--color-accent) 60%, #9da8b7)}html[data-theme=light] .approach-stage:hover .approach-stage__panel,html[data-theme=light] .approach-stage:focus-visible .approach-stage__panel{color:#161b26;filter:drop-shadow(0 .9rem 1.35rem #161b262e);background:linear-gradient(135deg,#315efb24,#0000 28%),linear-gradient(#f5f7fa,#e5e9ef);transform:translateY(-.35rem)}html[data-theme=light] .approach-stage:hover .approach-stage__frame--outer,html[data-theme=light] .approach-stage:focus-visible .approach-stage__frame--outer{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px #315efb57}html[data-theme=light] .approach-stage:hover .approach-stage__frame--inner,html[data-theme=light] .approach-stage:focus-visible .approach-stage__frame--inner{border-color:color-mix(in srgb, var(--color-accent) 82%, #718198)}html[data-theme=light] .approach-stage:hover .approach-stage__panel:after,html[data-theme=light] .approach-stage:focus-visible .approach-stage__panel:after{block-size:3px}html[data-theme=light] .approach-stage:hover .approach-stage__icon,html[data-theme=light] .approach-stage:focus-visible .approach-stage__icon,html[data-theme=light] .approach-stage:hover .approach-stage__label h3,html[data-theme=light] .approach-stage:focus-visible .approach-stage__label h3{color:color-mix(in srgb, #161b26 72%, var(--color-accent))}html[data-theme=light] .approach-stage:hover .approach-stage__icon,html[data-theme=light] .approach-stage:focus-visible .approach-stage__icon{color:var(--color-about-icon)}.page-frame[dir=rtl] .engineering-approach__flow{direction:rtl}.page-frame[dir=rtl] .approach-stage__label h3,.page-frame[dir=rtl] .approach-stage>p{font-family:Tajawal,sans-serif}.page-frame[dir=rtl] .approach-stage__label h3{letter-spacing:0;text-transform:none;line-height:1.42}.page-frame[dir=rtl] .approach-stage>p{min-block-size:7rem;max-inline-size:15.5rem;font-weight:var(--font-weight-semibold);text-align:center;line-height:1.88}@media (width>=75rem){.engineering-approach__flow{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width>=48rem) and (width<=74.9375rem){.engineering-approach__flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2.5rem,6vw,4rem) clamp(1rem,3vw,2rem);max-inline-size:52rem}.engineering-approach__flow:before{display:none}.approach-stage__panel{max-inline-size:15rem;margin-inline:auto}}@media (width<=47.9375rem){.professional-profile__eyebrow,.professional-profile__header h1{text-align:center;justify-self:center}.engineering-approach__flow{max-inline-size:30rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem .75rem;margin-block-start:var(--space-10)}.engineering-approach__flow:before{display:none}.approach-stage{gap:var(--space-3);text-align:center;grid-template-columns:minmax(0,1fr);display:grid}.page-frame[dir=rtl] .engineering-approach__intro{text-align:center}.approach-stage__panel{aspect-ratio:.7;grid-template-rows:auto minmax(0,1fr) auto;min-block-size:0;inline-size:100%;margin-inline:auto;padding:8%}.approach-stage__panel:before{inset:3.8028%}.approach-stage__panel:after{inset-block-end:5.0704%;inset-inline:8.4507%}.approach-stage__frame--inner{inset:6.338%}.approach-stage__header{gap:7%;padding-block-start:9%}.approach-stage__header-rule,.approach-stage__label-rule{inline-size:72%}.approach-stage__number{font-size:1.3rem}.approach-stage__icon{place-self:center;place-items:center;padding-block:11.25%}.approach-stage__icon-asset{transform-origin:50%;block-size:4.5rem;inline-size:4.5rem;margin:auto;-webkit-mask-position:50%;mask-position:50%}.approach-stage:nth-child(-n+5) .approach-stage__icon-asset{block-size:5.75rem;inline-size:5.75rem}.approach-stage:nth-child(5) .approach-stage__icon-asset{block-size:5.7rem;inline-size:5.7rem}.approach-stage__label{gap:9.25%;padding-block-end:11%}.approach-stage__label h3{font-size:.82rem}.approach-stage>p,.page-frame[dir=rtl] .approach-stage>p{min-block-size:0;margin:var(--space-4) auto 0;font-size:.8rem;line-height:1.55}}@media (prefers-reduced-motion:reduce){html[data-theme=dark] .approach-stage:hover .approach-stage__panel,html[data-theme=dark] .approach-stage:focus-visible .approach-stage__panel{transform:none}}.professional-focus{max-inline-size:var(--container-wide);padding:clamp(4.5rem, 8vw, 7rem) var(--page-gutter) clamp(4rem, 8vw, 7rem);background-image:linear-gradient(to right, color-mix(in srgb, var(--color-border) 34%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--color-border) 34%, transparent) 1px, transparent 1px), radial-gradient(circle at -8% 8%, transparent 0 14rem, color-mix(in srgb, var(--color-accent) 16%, transparent) 14.05rem 14.12rem, transparent 14.2rem), radial-gradient(circle at 108% 90%, transparent 0 18rem, color-mix(in srgb, var(--color-border) 36%, transparent) 18.05rem 18.12rem, transparent 18.2rem);background-position:50%;background-size:1.5rem 1.5rem,1.5rem 1.5rem,auto,auto;margin-inline:auto;overflow:hidden;container-type:inline-size}.professional-focus__intro{text-align:center;max-inline-size:min(94%,70rem);margin-inline:auto}.professional-focus__eyebrow{margin:0 0 var(--space-3);font-family:Inter,system-ui,sans-serif;font-size:clamp(1.094rem,1.563vw,1.313rem);font-weight:var(--font-weight-bold);letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent)}.professional-focus__intro h2{font-family:Inter,system-ui,sans-serif;font-size:clamp(2.25rem,4vw,4rem);font-weight:var(--font-weight-extrabold);letter-spacing:-.04em;color:var(--color-heading);white-space:nowrap;margin:0;line-height:1.05}.professional-focus__matrix{gap:clamp(.875rem,1.5vw,1.25rem);margin:clamp(1.75rem,3.25vw,2.75rem) 0 0;padding:0;list-style:none;display:grid}.professional-focus__area{outline:none;min-inline-size:0}.professional-focus__band{block-size:10rem;min-block-size:10rem;min-inline-size:0;color:var(--color-heading);border:1px solid color-mix(in srgb, var(--color-border) 76%, var(--color-accent));background:linear-gradient(90deg, color-mix(in srgb, var(--color-accent) 13%, transparent), transparent 26%), linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 95%, var(--color-page)), var(--color-surface));transition:background var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base), color var(--transition-base), transform var(--transition-base);direction:ltr;border-radius:.625rem;grid-template-columns:11.5rem minmax(0,1fr) 6.25rem;grid-template-areas:"icon.number";align-items:center;column-gap:1rem;display:grid;overflow:visible;box-shadow:0 .65rem 1.25rem #1113171a}.professional-focus__area--even .professional-focus__band{background:linear-gradient(270deg, color-mix(in srgb, var(--color-accent) 13%, transparent), transparent 26%), linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 95%, var(--color-page)), var(--color-surface));border-inline-end-color:color-mix(in srgb, var(--color-accent) 78%, var(--color-border));grid-template-columns:6.25rem minmax(0,1fr) 11.5rem;grid-template-areas:"number.icon"}.professional-focus__content-stack,.professional-focus__title-group,.professional-focus__description-group{min-inline-size:0}.professional-focus__number-block{background:linear-gradient(135deg, color-mix(in srgb, var(--color-accent) 92%, #17347d), color-mix(in srgb, var(--color-accent) 64%, #15213a));border-block:1px solid #ffffff29;grid-area:number;align-self:stretch;place-items:center;min-block-size:100%;inline-size:6.25rem;display:grid;box-shadow:inset 0 0 1.25rem #ffffff12}.professional-focus__area:not(.professional-focus__area--even) .professional-focus__number-block{border-radius:999px 0 0 999px}.professional-focus__area--even .professional-focus__number-block{border-radius:0 999px 999px 0}.professional-focus__number{font-family:Inter,system-ui,sans-serif;font-size:clamp(2rem,3.4vw,3rem);font-weight:var(--font-weight-bold);letter-spacing:-.04em;color:#f1f5ff;text-shadow:0 0 .75rem #315efb73;direction:ltr;unicode-bidi:isolate}.professional-focus__icon{aspect-ratio:1;inline-size:9.5rem;color:var(--color-about-icon,var(--color-heading));background:color-mix(in srgb, var(--color-surface) 82%, var(--color-page));border:1px solid color-mix(in srgb, var(--color-border) 58%, var(--color-accent));box-shadow:0 0 0 .35rem color-mix(in srgb, var(--color-page) 68%, transparent), 0 0 0 .45rem color-mix(in srgb, var(--color-accent) 30%, transparent);transition:color var(--transition-base), box-shadow var(--transition-base);border-radius:50%;grid-area:icon;justify-self:center;place-items:center;display:grid}.professional-focus__area:not(.professional-focus__area--even) .professional-focus__icon{justify-self:end}.professional-focus__area--even .professional-focus__icon{justify-self:start}.professional-focus__icon-asset{block-size:5.7rem;inline-size:5.7rem;-webkit-mask:var(--icon-source) center / contain no-repeat;-webkit-mask:var(--icon-source) center / contain no-repeat;mask:var(--icon-source) center / contain no-repeat;background-color:currentColor;display:block}.professional-focus__area:first-child .professional-focus__icon-asset{transform:scale(1.5795)}.professional-focus__area:nth-child(2) .professional-focus__icon-asset,.professional-focus__area:nth-child(3) .professional-focus__icon-asset,.professional-focus__area:nth-child(4) .professional-focus__icon-asset{transform:scale(1.4625)}.professional-focus__area:nth-child(5) .professional-focus__icon-asset{transform:scale(1.485)}.professional-focus__content-stack{text-align:center;grid-area:1/1/auto/-1;align-content:center;place-self:center;justify-items:center;gap:.75rem;inline-size:min(58%,38rem);padding-inline:clamp(1rem,3vw,3rem);display:grid}.professional-focus__title-group,.professional-focus__description-group{inline-size:100%;text-align:inherit}.professional-focus__title-group h3,.professional-focus__description-group p{margin:0}.professional-focus__title-group h3{max-inline-size:100%;font-family:Inter,system-ui,sans-serif;font-size:clamp(1.05rem,1.75vw,1.45rem);font-weight:var(--font-weight-bold);letter-spacing:.01em;text-transform:uppercase;overflow-wrap:normal;word-break:normal;text-wrap:balance;line-height:1.25}.professional-focus__description-group p{font-size:clamp(.9rem,1.2vw,1.05rem);font-weight:var(--font-weight-medium);color:var(--color-text-muted);line-height:1.55}.professional-focus[data-locale=ar] .professional-focus__eyebrow,.professional-focus[data-locale=ar] .professional-focus__intro h2,.professional-focus[data-locale=ar] .professional-focus__title-group,.professional-focus[data-locale=ar] .professional-focus__description-group{font-family:Tajawal,sans-serif}.professional-focus[data-locale=ar] .professional-focus__title-group,.professional-focus[data-locale=ar] .professional-focus__description-group{text-align:center;direction:rtl}.professional-focus[data-locale=ar] .professional-focus__title-group h3{text-transform:none;font-size:clamp(1.2rem,1.9vw,1.58rem);line-height:1.35}.professional-focus[data-locale=ar] .professional-focus__description-group p{font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.7}.professional-focus__area:focus-visible{outline:.1875rem solid var(--color-accent);outline-offset:.25rem}.professional-focus__area:hover .professional-focus__band,.professional-focus__area:focus-visible .professional-focus__band{color:color-mix(in srgb, var(--color-heading) 80%, var(--color-accent));border-color:var(--color-accent);transform:translateY(-.22rem);box-shadow:0 .9rem 1.5rem #11131729}.professional-focus__area:hover .professional-focus__icon,.professional-focus__area:focus-visible .professional-focus__icon{color:color-mix(in srgb, var(--color-heading) 70%, var(--color-accent));box-shadow:0 0 0 .35rem color-mix(in srgb, var(--color-page) 68%, transparent), 0 0 0 .45rem color-mix(in srgb, var(--color-accent) 62%, transparent)}html[data-theme=dark] .professional-focus__band{background:linear-gradient(90deg,#315efb26,#0000 26%),linear-gradient(#151d27,#0e141c);border-color:#adbedb5c;box-shadow:0 .8rem 1.35rem #00000045}html[data-theme=dark] .professional-focus__area--even .professional-focus__band{background:linear-gradient(270deg,#315efb26,#0000 26%),linear-gradient(#151d27,#0e141c);border-inline-end-color:#507affb8}html[data-theme=dark] .professional-focus__icon{background:#101823;border-color:#40516a}html[data-theme=dark] .professional-focus__area:hover .professional-focus__band,html[data-theme=dark] .professional-focus__area:focus-visible .professional-focus__band{color:#f0f3f7;background:linear-gradient(90deg,#315efb38,#0000 30%),linear-gradient(#192431,#111923);box-shadow:0 1rem 1.5rem #0000006b,0 0 .7rem #315efb33}html[data-theme=dark] .professional-focus__area--even:hover .professional-focus__band,html[data-theme=dark] .professional-focus__area--even:focus-visible .professional-focus__band{background:linear-gradient(270deg,#315efb38,#0000 30%),linear-gradient(#192431,#111923)}html[data-theme=light] .professional-focus__band{background:linear-gradient(90deg,#315efb14,#0000 26%),linear-gradient(#f8f9fb,#edf0f4);border-color:#aeb9c8}html[data-theme=light] .professional-focus__area--even .professional-focus__band{background:linear-gradient(270deg,#315efb14,#0000 26%),linear-gradient(#f8f9fb,#edf0f4);border-inline-end-color:#6e82a1}html[data-theme=light] .professional-focus__icon{background:#f8f9fb;border-color:#aeb9c8}html[data-theme=light] .professional-focus__area:hover .professional-focus__icon,html[data-theme=light] .professional-focus__area:focus-visible .professional-focus__icon{color:var(--color-about-icon)}html[data-theme=light] .professional-focus__area:hover .professional-focus__band,html[data-theme=light] .professional-focus__area:focus-visible .professional-focus__band{color:#161b26;background:linear-gradient(90deg,#315efb24,#0000 30%),linear-gradient(#f5f7fa,#e3e8ef);box-shadow:0 .9rem 1.4rem #161b262e}html[data-theme=light] .professional-focus__area--even:hover .professional-focus__band,html[data-theme=light] .professional-focus__area--even:focus-visible .professional-focus__band{background:linear-gradient(270deg,#315efb24,#0000 30%),linear-gradient(#f5f7fa,#e3e8ef)}@container (width<=68rem){.professional-focus__band,.professional-focus__area--even .professional-focus__band{grid-template-columns:13rem minmax(0,1fr) 5.75rem;column-gap:.75rem;block-size:auto;min-block-size:11.5rem}.professional-focus__band{grid-template-areas:"icon.number"}.professional-focus__area--even .professional-focus__band{grid-template-columns:5.75rem minmax(0,1fr) 13rem;grid-template-areas:"number.icon"}.professional-focus__number-block{inline-size:5.75rem}.professional-focus__icon{inline-size:11rem}.professional-focus__icon-asset{block-size:5.075rem;inline-size:5.075rem}}@media (width<=47.9375rem){.professional-focus{padding-block:var(--section-space-compact) var(--section-space)}.professional-focus__intro h2{white-space:normal;font-size:clamp(2.25rem,10vw,3.6rem)}.professional-focus__matrix{gap:var(--space-5);margin-block-start:var(--space-8)}.professional-focus__band,.professional-focus__area--even .professional-focus__band{grid-template-columns:5.25rem minmax(0,1fr) 4.5rem;column-gap:.5rem;min-block-size:0}.professional-focus__content-stack{inline-size:min(56%,23rem)}.professional-focus__area--even .professional-focus__band{grid-template-columns:4.5rem minmax(0,1fr) 5.25rem}.professional-focus__number-block{min-block-size:100%;inline-size:4.5rem}.professional-focus__icon{inline-size:4.25rem}.professional-focus__icon-asset{block-size:3.45rem;inline-size:3.45rem}.professional-focus__title-group{padding-inline:0}.professional-focus__title-group h3{font-size:.95rem}.professional-focus__description-group p{font-size:.86rem}}@media (prefers-reduced-motion:reduce){.professional-focus__area:hover .professional-focus__band,.professional-focus__area:focus-visible .professional-focus__band{transform:none}}.page-section{max-inline-size:var(--container-wide);padding-inline:var(--page-gutter);padding-block:var(--section-space-compact);margin-inline:auto;position:relative}.page-section+.page-section{padding-block-start:0}.section-header{text-align:center;max-inline-size:min(94%,90rem);margin-inline:auto}.section-eyebrow{margin:0 0 var(--space-3);font-family:Inter,system-ui,sans-serif;font-size:1.094rem;font-weight:var(--font-weight-bold);letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent)}.page-frame[dir=rtl] .section-eyebrow{letter-spacing:0;text-transform:none;font-family:Tajawal,sans-serif}.section-header h1,.section-header h2{font-size:clamp(2.25rem,4vw,4rem);font-weight:var(--font-weight-extrabold);letter-spacing:-.04em;color:var(--color-heading);white-space:nowrap;margin:0;line-height:1.05}@media (width<=47.9375rem){.section-header h1,.section-header h2{white-space:normal}}.subsection-header{align-items:baseline;gap:var(--space-3);margin-block-end:var(--space-5);display:flex}.subsection-header .subsection-icon{block-size:2.5rem;inline-size:2.5rem;color:var(--color-accent);background:var(--color-accent-subtle);border-radius:var(--radius-sm);flex:none;place-items:center;display:inline-grid}.subsection-header .subsection-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;block-size:1.25rem;inline-size:1.25rem}.subsection-header h3{font-size:clamp(1.1rem,1.6vw,1.4rem);font-weight:var(--font-weight-bold);color:var(--color-heading);margin:0}.bullet-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.bullet-list li{color:var(--color-text);padding-inline-start:var(--space-5);font-size:.9688rem;line-height:1.7;position:relative}.page-frame[dir=rtl] .bullet-list li{padding-inline-start:var(--space-5);padding-inline-end:0}.bullet-list li:before{content:"";background:var(--color-accent);border-radius:50%;block-size:.4rem;inline-size:.4rem;position:absolute;inset-block-start:.6em;inset-inline-start:0}.entity-meta{gap:var(--space-2) var(--space-4);color:var(--color-text-muted);flex-wrap:wrap;margin-block-end:var(--space-6);font-size:.9375rem;display:flex}.entity-meta strong{font-weight:var(--font-weight-semibold);color:var(--color-heading)}.gallery-section__placeholder{min-block-size:12rem;color:var(--color-text-muted);font-weight:var(--font-weight-semibold);background:var(--color-surface-muted);border:1px dashed var(--color-border);border-radius:var(--radius-md);place-items:center;margin-block-start:clamp(2rem,4vw,3rem);display:grid}@media (width<=47.9375rem){.page-section{padding-block:var(--section-space-compact)}}.projects-coming-soon{text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-block-size:min(70vh,42rem);max-inline-size:54rem;box-shadow:var(--shadow-panel);place-content:center;justify-items:center;margin-inline:auto;padding:clamp(2rem,6vw,5rem);display:grid}.projects-coming-soon__icon{block-size:5rem;inline-size:5rem;color:var(--color-accent);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:50%;place-items:center;margin-block-end:var(--space-5);display:grid}.projects-coming-soon__icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;block-size:2.5rem;inline-size:2.5rem}.projects-coming-soon__eyebrow{margin:0 0 var(--space-2);font-size:.8125rem;font-weight:var(--font-weight-bold);letter-spacing:.12em;color:var(--color-accent)}.projects-coming-soon h1{color:var(--color-heading);margin:0;font-size:clamp(1.75rem,4vw,3rem)}.projects-coming-soon>p:last-child{max-inline-size:38rem;margin:var(--space-4) 0 0;color:var(--color-text-muted);line-height:1.8}.industrial-engineering-intro{padding-block-start:var(--section-space-compact)}.ie-intro__header{text-align:center;max-inline-size:min(94%,90rem);margin-inline:auto}.ie-intro__header h2{font-size:clamp(2.25rem,4vw,4rem);font-weight:var(--font-weight-extrabold);letter-spacing:-.04em;color:var(--color-heading);white-space:nowrap;margin:0;line-height:1.05}.ie-intro__body{gap:var(--space-5);grid-template-columns:minmax(15rem,.34fr) minmax(0,1fr);align-items:start;margin-block-start:clamp(2.5rem,5vw,3.5rem);display:grid}.ie-intro__tabs{gap:var(--space-2);display:grid}.ie-intro__tab{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font:inherit;font-weight:var(--font-weight-semibold);color:var(--color-text);text-align:start;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast);display:flex}.ie-intro__tab:hover{border-color:color-mix(in srgb, var(--color-accent) 46%, var(--color-border))}.ie-intro__tab.is-active{color:var(--color-button-primary-text);background:var(--color-button-primary);border-color:var(--color-button-primary);box-shadow:0 .375rem .875rem color-mix(in srgb, var(--color-button-primary) 20%, transparent)}.ie-intro__tab-icon{block-size:2.25rem;inline-size:2.25rem;color:var(--color-accent);background:var(--color-accent-subtle);border-radius:var(--radius-sm);flex:none;place-items:center;display:inline-grid}.ie-intro__tab.is-active .ie-intro__tab-icon{color:var(--color-button-primary);background:var(--color-surface)}.ie-intro__tab-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;block-size:1.125rem;inline-size:1.125rem}.page-frame[dir=rtl] .ie-intro__tab{justify-content:center}.ie-intro__panel{block-size:21.375rem;padding:clamp(1.25rem,2vw,1.75rem);overflow:hidden}@media (width<=61.9375rem){.ie-intro__panel{block-size:18rem}}.ie-intro__panel-icon{block-size:2.75rem;inline-size:2.75rem;color:var(--color-accent);background:var(--color-accent-subtle);border-radius:50%;place-items:center;margin-block-end:var(--space-3);display:grid}.ie-intro__panel-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;block-size:1.375rem;inline-size:1.375rem}.ie-intro__panel h3{margin:0 0 var(--space-3);font-size:clamp(1.5rem,2.25vw,1.9rem);font-weight:var(--font-weight-bold);color:var(--color-heading);border-block-end:.1875rem solid var(--color-accent);padding-block-end:var(--space-2);display:inline-block}.ie-intro__panel p{max-inline-size:none;margin:0 0 var(--space-2);text-align:justify;text-align-last:start;text-justify:inter-word;text-wrap:pretty;-webkit-hyphens:auto;hyphens:auto;color:var(--color-text-muted);line-height:1.6}.ie-intro__panel p:last-child{margin-block-end:0}@media (width<=61.9375rem){.ie-intro__body{grid-template-columns:minmax(0,1fr)}.ie-intro__tabs{gap:var(--space-2);grid-auto-columns:minmax(10rem,1fr);grid-auto-flow:column;padding-block-end:var(--space-2);overflow-x:auto}.ie-intro__tab{text-align:center;justify-content:center}.ie-intro__panel{block-size:auto;min-block-size:18rem}}@media (width<=47.9375rem){.ie-intro__header h2{white-space:normal}}.career-timeline{padding-block:clamp(1.5rem,3vw,2.5rem)}.career-timeline__stepper{justify-content:center;align-items:center;gap:var(--space-5);max-inline-size:100%;margin:clamp(1.5rem,3vw,2.25rem) auto 0;display:flex}.career-timeline__arrow{block-size:3.25rem;inline-size:3.25rem;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);border-radius:50%;flex:none;place-items:center;display:grid}.career-timeline__arrow svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;block-size:1.5rem;inline-size:1.5rem}.career-timeline__arrow:hover:not(:disabled){color:var(--color-accent);border-color:var(--color-accent)}.career-timeline__arrow:disabled{cursor:default;opacity:.35}.career-timeline__track{justify-content:space-between;gap:clamp(var(--space-5), 3vw, var(--space-8));padding-block:var(--space-2);scrollbar-width:none;flex:auto;display:flex;position:relative;overflow-x:auto}.career-timeline__track::-webkit-scrollbar{display:none}.career-timeline__track:before{z-index:0;content:"";background:var(--color-border);block-size:1px;position:absolute;inset-block-start:calc(var(--space-2) + 1.625rem);inset-inline:1.5rem}.career-timeline__node{z-index:1;gap:var(--space-1);inline-size:clamp(10rem,13vw,12rem);font:inherit;color:var(--color-text-muted);text-align:center;cursor:pointer;background:0 0;border:0;flex:none;justify-items:center;padding:0;display:grid;position:relative}.career-timeline__node>.career-timeline__dot{margin-block-end:var(--space-1)}.career-timeline__dot{block-size:3.25rem;inline-size:3.25rem;font-family:Inter,system-ui,sans-serif;font-size:1rem;font-weight:var(--font-weight-bold);color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);border-radius:50%;place-items:center;display:grid}.career-timeline__node-label{max-inline-size:100%;font-size:.9375rem;font-weight:var(--font-weight-semibold);transition:color var(--transition-fast);line-height:1.3}.career-timeline__node-role,.career-timeline__node-period{max-inline-size:100%;font-size:.75rem;font-weight:var(--font-weight-medium);color:var(--color-text-muted);line-height:1.35}.career-timeline__node-period{direction:ltr;unicode-bidi:isolate}.career-timeline__node:hover .career-timeline__dot{border-color:var(--color-accent)}.career-timeline__node.is-active .career-timeline__dot{color:var(--color-button-primary-text);background:var(--color-accent);border-color:var(--color-accent);transform:scale(1.08)}.career-timeline__node.is-active .career-timeline__node-label{color:var(--color-heading)}.career-timeline__node:focus-visible{outline:.1875rem solid var(--color-accent);outline-offset:.25rem;border-radius:var(--radius-sm)}.career-timeline__panel{max-inline-size:100%;padding:clamp(1.25rem, 2.5vw, var(--space-6));margin:clamp(1.5rem, 3vw, var(--space-6)) auto 0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-panel)}@media (prefers-reduced-motion:no-preference){.career-timeline__panel{animation:career-timeline-panel-in var(--transition-base) ease-out}}@keyframes career-timeline-panel-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.career-timeline__panel:focus-visible{outline:.1875rem solid var(--color-accent);outline-offset:.25rem}.career-timeline__heading-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.career-timeline__heading-row h3{font-size:clamp(1.15rem,1.8vw,1.5rem);font-weight:var(--font-weight-bold);color:var(--color-heading);margin:0}.career-timeline__heading-row .status-badge{color:#fff;background:var(--color-accent);border-color:var(--color-accent)}.experience-detail__role{margin:var(--space-2) 0 0;font-weight:var(--font-weight-semibold);color:var(--color-text)}.experience-detail__summary{margin:var(--space-2) 0 0;color:var(--color-text-muted);line-height:1.65}.experience-detail__groups{gap:var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));margin-block-start:var(--space-5);display:grid}.experience-detail__group{min-inline-size:0;padding:var(--space-4);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.subsection-header--compact{margin-block-end:var(--space-2)}.subsection-header--compact .subsection-icon{block-size:2rem;inline-size:2rem}.subsection-header--compact .subsection-icon svg{block-size:1rem;inline-size:1rem}.subsection-header--compact h4{font-size:clamp(1.0625rem,1.35vw,1.25rem);font-weight:var(--font-weight-bold);color:var(--color-heading);margin:0}.bullet-list--compact li{font-size:.875rem;line-height:1.6}.bullet-list--compact{gap:var(--space-2)}.experience-detail__chips{gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-5);display:flex}.experience-chip{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6) var(--space-2) var(--space-3);font:inherit;font-size:.8125rem;font-weight:var(--font-weight-semibold);color:var(--color-text);background:var(--color-surface-muted);border:1px solid var(--color-border);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);border-radius:999px;text-decoration:none;display:inline-flex;position:relative}.experience-chip:after{content:"↗";color:var(--color-accent);font-size:.6875rem;line-height:1;position:absolute;inset-block-start:.2rem;inset-inline-end:.55rem}.page-frame[dir=rtl] .experience-chip{padding-inline:var(--space-3) var(--space-6)}.page-frame[dir=rtl] .experience-chip:after{content:"↖"}.experience-chip svg{block-size:.9375rem;inline-size:.9375rem;color:var(--color-accent);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px}.experience-chip:hover,.experience-chip:focus-visible{color:var(--color-accent);border-color:var(--color-accent)}.modal-backdrop{z-index:40;padding:var(--page-gutter);background:#11131785;place-items:center;display:grid;position:fixed;inset:0}.modal-panel.evidence-modal{inline-size:min(100% - 2 * var(--page-gutter), 72rem);max-block-size:min(92vh,64rem);padding:var(--space-8);text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);position:relative}.evidence-modal__close{block-size:2.25rem;inline-size:2.25rem;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;place-items:center;font-size:1.5rem;line-height:1;display:grid;position:absolute;inset-block-start:var(--space-3);inset-inline-end:var(--space-3)}.evidence-modal__placeholder{block-size:4.5rem;inline-size:4.5rem;margin:0 auto var(--space-4);color:var(--color-text-muted);background:var(--color-surface-muted);border:1px dashed var(--color-border);border-radius:50%;place-items:center;display:grid}.evidence-modal__placeholder svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;block-size:2rem;inline-size:2rem}.evidence-modal__status{margin-block-end:var(--space-3)}.evidence-modal h3{margin:0 0 var(--space-2);font-size:1.25rem;font-weight:var(--font-weight-bold);color:var(--color-heading)}.evidence-modal__description{max-inline-size:30rem;color:var(--color-text-muted);margin:0 auto}.evidence-modal__coming-soon-title{margin:0 0 var(--space-1);font-weight:var(--font-weight-semibold);color:var(--color-heading)}.evidence-modal__coming-soon-body{max-inline-size:26rem;color:var(--color-text-muted);margin:0 auto;font-size:.875rem}.evidence-modal__document{gap:var(--space-3);display:grid}.evidence-modal__viewer{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);block-size:min(62vh,46rem);inline-size:100%}.evidence-modal__open-document{font-weight:var(--font-weight-semibold);color:var(--color-accent);justify-self:center}@media (width<=74.9375rem){.experience-detail__groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=47.9375rem){.evidence-modal{padding:var(--space-6) var(--space-3) var(--space-3)}.evidence-modal__viewer{block-size:58vh}.career-timeline__stepper{gap:.4rem}.career-timeline__arrow{block-size:2.25rem;inline-size:2.25rem;align-self:flex-start;margin-block-start:var(--space-2)}.career-timeline__dot{block-size:2.25rem;inline-size:2.25rem;font-size:.8125rem}.career-timeline__node{scroll-snap-align:center;gap:.15rem;inline-size:9rem}.career-timeline__node-label{text-wrap:balance;font-size:.82rem;line-height:1.25}.career-timeline__node-role,.career-timeline__node-period{text-wrap:balance;font-size:.7rem;line-height:1.28}.career-timeline__track{scroll-snap-type:inline proximity;overscroll-behavior-inline:contain;gap:.75rem;padding-inline:.4rem}.career-timeline__track:before{inset-block-start:calc(var(--space-2) + 1.125rem)}.experience-detail__groups{grid-template-columns:minmax(0,1fr)}}.capability-groups__list{gap:var(--space-4);grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;margin:clamp(2.5rem,5vw,4rem) 0 0;padding:0;list-style:none;display:grid}.capability-group{flex-direction:column;min-inline-size:0;display:flex}.capability-group__header{align-items:flex-start;gap:var(--space-3);flex-direction:column;margin-block-end:var(--space-4);display:flex}.capability-group__header-top{align-items:center;gap:var(--space-2);display:flex}.capability-group__number{font-family:Inter,system-ui,sans-serif;font-size:1.25rem;font-weight:var(--font-weight-bold);letter-spacing:.03em;color:var(--color-accent)}.capability-group__icon{block-size:2.5rem;inline-size:2.5rem;color:var(--color-accent);background:var(--color-accent-subtle);border-radius:var(--radius-sm);flex:none;place-items:center;display:inline-grid}.capability-group__icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;block-size:1.25rem;inline-size:1.25rem}.capability-group__header h2{font-size:clamp(1.2rem,1.5vw,1.45rem);font-weight:var(--font-weight-bold);color:var(--color-heading);margin:0;line-height:1.3}.capability-group__items{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.skill-tag{padding:var(--space-1) var(--space-3);font-size:.875rem;font-weight:var(--font-weight-medium);color:var(--color-text);background:var(--color-surface-muted);border:1px solid var(--color-border);cursor:default;transition:border-color var(--transition-fast), color var(--transition-fast);border-radius:999px;align-items:center;gap:.3125rem;display:inline-flex;position:relative}.skill-tag__hint{block-size:.8125rem;inline-size:.8125rem;color:var(--color-text-muted);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;transition:color var(--transition-fast);flex:none}.skill-tag:hover .skill-tag__hint,.skill-tag:focus-visible .skill-tag__hint{color:var(--color-accent)}.skill-tag:hover,.skill-tag:focus-visible{color:var(--color-accent);border-color:var(--color-accent);outline:none}.skill-tag__tooltip{z-index:5;inline-size:max-content;max-inline-size:16rem;padding:var(--space-2) var(--space-3);font-size:.8125rem;font-weight:var(--font-weight-medium);color:var(--color-text);text-align:start;pointer-events:none;visibility:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-panel);opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast);line-height:1.45;position:absolute;inset-block-end:calc(100% + var(--space-2));inset-inline-start:50%;transform:translate(-50%,.25rem)}.skill-tag:hover .skill-tag__tooltip,.skill-tag:focus-visible .skill-tag__tooltip{visibility:visible;opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.skill-tag__tooltip{transition:none}}.tools-and-technologies{padding-block-start:0}.tools-and-technologies .subsection-header{justify-content:center}.capability-group__toggle{justify-content:space-between;align-items:center;gap:var(--space-3);inline-size:100%;color:inherit;text-align:start;cursor:default;background:0 0;border:0;padding:0;display:flex}.capability-group__toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:.3rem;border-radius:var(--radius-sm)}.capability-group__chevron{fill:none;block-size:1.2rem;inline-size:1.2rem;stroke:var(--color-accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;transition:transform var(--transition-fast);flex:none;display:none}.tools-and-technologies .subsection-header h2{color:var(--color-heading);margin:0;font-size:clamp(1.75rem,3vw,2.5rem)}.tools-and-technologies__list{justify-content:center;gap:var(--space-6);margin:var(--space-6) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.tool-tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);block-size:5rem;inline-size:5rem;box-shadow:var(--shadow-panel);cursor:default;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);outline:none;place-items:center;display:grid;position:relative}.tool-tile:hover,.tool-tile:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 .1875rem color-mix(in srgb, var(--color-accent) 18%, transparent), var(--shadow-panel);transform:translateY(-.15rem)}.tool-tile svg{block-size:3.5rem;inline-size:3.5rem}.tool-tile__tooltip{z-index:6;inline-size:max-content;max-inline-size:14rem;padding:var(--space-2) var(--space-3);font-size:.8125rem;font-weight:var(--font-weight-semibold);color:var(--color-text);text-align:center;pointer-events:none;visibility:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-panel);opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast);line-height:1.3;position:absolute;inset-block-end:calc(100% + var(--space-2));inset-inline-start:50%;transform:translate(-50%,.25rem)}.tool-tile__tooltip:after{content:"";background:var(--color-surface);border-inline-end:1px solid var(--color-border);border-block-end:1px solid var(--color-border);block-size:.5rem;inline-size:.5rem;position:absolute;inset-block-start:100%;inset-inline-start:50%;transform:translate(-50%,-50%)rotate(45deg)}.tool-tile:hover .tool-tile__tooltip,.tool-tile:focus-visible .tool-tile__tooltip{visibility:visible;opacity:1;transform:translate(-50%)}.page-frame[dir=rtl] .skill-tag__tooltip,.page-frame[dir=rtl] .tool-tile__tooltip{text-align:right;direction:rtl;max-inline-size:13rem;left:50%;right:auto}.page-frame[dir=rtl] .tool-tile__tooltip{text-align:center}.page-frame[dir=rtl] .tool-tile__tooltip:after{left:50%;right:auto}@media (width<=74.9375rem){.capability-groups__list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=47.9375rem){.capability-groups__list{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-group__items{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;display:grid}.capability-group__header{margin-block-end:0}.capability-group__toggle{cursor:pointer}.capability-group__chevron{display:block}.capability-group.is-expanded .capability-group__chevron{transform:rotate(180deg)}.capability-group.is-expanded .capability-group__header{margin-block-end:var(--space-4)}.capability-group.is-collapsed .capability-group__items{display:none}.skill-tag{border-radius:var(--radius-sm);cursor:default;grid-template-columns:minmax(0,1fr) auto;inline-size:100%;padding:.65rem .75rem;display:grid}.skill-tag__label{align-self:start;line-height:1.35}.skill-tag__tooltip,.page-frame[dir=rtl] .skill-tag__tooltip,.skill-tag:hover .skill-tag__tooltip,.skill-tag:focus-visible .skill-tag__tooltip{inline-size:100%;max-inline-size:none;font-size:.78rem;font-weight:var(--font-weight-regular);color:var(--color-text-muted);text-align:start;visibility:visible;box-shadow:none;opacity:1;background:0 0;border:0;border-radius:0;grid-column:1/-1;margin:0;padding:.35rem 0 0;line-height:1.45;position:static;transform:none}.tools-and-technologies__list{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tool-tile{block-size:auto;min-block-size:6.5rem;inline-size:100%;padding:.75rem .5rem}.tool-tile__tooltip,.page-frame[dir=rtl] .tool-tile__tooltip,.tool-tile:hover .tool-tile__tooltip,.tool-tile:focus-visible .tool-tile__tooltip{inline-size:100%;max-inline-size:none;color:var(--color-text);visibility:visible;box-shadow:none;opacity:1;background:0 0;border:0;padding:.35rem 0 0;font-size:.78rem;position:static;transform:none}.tool-tile__tooltip:after{display:none}}@media (width<=29.9375rem){.capability-groups__list{grid-template-columns:minmax(0,1fr)}.capability-group__items{grid-template-columns:repeat(2,minmax(0,1fr))}}.course-list__sub-eyebrow{margin:0 0 var(--space-5);font-size:1rem;font-weight:var(--font-weight-bold);letter-spacing:.14em;text-align:center;text-transform:uppercase;color:var(--color-text-muted)}.page-frame[dir=rtl] .course-list__sub-eyebrow{letter-spacing:0;text-transform:none}.course-grid{justify-content:center;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(15rem,18rem));margin:clamp(2rem,4vw,3rem) 0 0;padding:0;list-style:none;display:grid}.course-list .course-grid:first-of-type{margin-block-start:clamp(2.5rem,5vw,4rem)}.course-card{align-items:flex-start;gap:var(--space-1);flex-direction:column;min-inline-size:0;display:flex}.course-card__icon{block-size:2.75rem;inline-size:2.75rem;color:var(--color-accent);background:var(--color-accent-subtle);border-radius:50%;place-items:center;margin-block-end:var(--space-3);display:grid}.course-card__icon--in-preparation{color:var(--color-text-muted);background:var(--color-surface-muted)}.course-card__icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;block-size:1.375rem;inline-size:1.375rem}.course-card h3{font-size:clamp(1.44rem,1.8vw,1.68rem);font-weight:var(--font-weight-bold);color:var(--color-heading);margin:0;line-height:1.35}.course-card__provider{color:var(--color-text-muted);margin:0;font-size:.875rem}.course-card__sub-items{gap:var(--space-1);margin:var(--space-2) 0 0;font-size:clamp(.95rem,1.5vw - 4px,1.15rem);font-weight:var(--font-weight-bold);color:var(--color-heading);padding:0;line-height:1.35;list-style:none;display:grid}.course-card__sub-items li{padding-inline-start:var(--space-4);position:relative}.page-frame[dir=rtl] .course-card__sub-items li{padding-inline-start:var(--space-4);padding-inline-end:0}.course-card__sub-items li:before{content:"";background:var(--color-accent);border-radius:50%;block-size:.3rem;inline-size:.3rem;position:absolute;inset-block-start:.55em;inset-inline-start:0}.course-card__learn-more{font-size:.875rem;font-weight:var(--font-weight-semibold);color:var(--color-accent);margin-block-start:var(--space-2);text-decoration:none}.course-card__learn-more:hover{text-decoration:underline}.course-card__status{margin-block-start:var(--space-3)}.course-card__status--in-preparation{color:var(--color-text-muted);background:var(--color-surface-muted);border-color:var(--color-border)}.course-card--wide{grid-column:1/-1}@media (width>=40rem){.course-card--wide{column-gap:var(--space-8);grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);grid-template-areas:"title sub""provider sub""status sub";align-items:start;row-gap:0;display:grid}.course-card--wide h3{grid-area:title}.course-card--wide .course-card__provider{grid-area:provider}.course-card--wide .course-card__status{grid-area:status}.course-card--wide .course-card__sub-items{gap:var(--space-1) var(--space-5);grid-area:sub;grid-template-columns:repeat(2,minmax(0,1fr));align-self:center;margin-block-start:0}}@media (width<=47.9375rem){.course-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.course-card,.course-card--wide{padding:var(--space-4);grid-column:auto;display:flex}.course-card h3{font-size:clamp(1rem,4.2vw,1.2rem)}.course-card--wide .course-card__sub-items{grid-template-columns:minmax(0,1fr);margin-block-start:var(--space-2)}}.page-frame[data-page=cv]{background:color-mix(in srgb,var(--color-page) 94%,var(--color-surface));padding:clamp(1rem,2vw,2.5rem);overflow:visible}.cv-sheet{min-block-size:100vh;inline-size:min(100%,105rem);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);margin:auto;padding:clamp(1.5rem,3vw,3.75rem);box-shadow:0 1.5rem 4rem #0a14231a}.cv-sheet-header{border-block-end:2px solid var(--color-heading);grid-template-columns:clamp(7rem,10vw,10rem) minmax(0,1fr) minmax(16rem,.58fr);align-items:center;gap:clamp(1.5rem,3vw,3.25rem);padding-block-end:clamp(1.75rem,3vw,3rem);display:grid}.cv-sheet-portrait{aspect-ratio:1;background:var(--color-accent-subtle);border-radius:50%;overflow:hidden}.cv-sheet-portrait img{object-fit:cover;object-position:center 10%;block-size:100%;inline-size:100%;transform:scale(1.28)translateY(9%)}.cv-sheet-portrait img.is-flipped{transform:scaleX(-1)scale(1.28)translateY(9%)}.cv-sheet-identity p,.cv-sheet-identity span,.cv-sheet-identity h1{margin:0}.cv-sheet-identity p{letter-spacing:.18em;color:var(--color-accent);text-transform:uppercase;margin-block-end:.15rem;font-size:clamp(.9075rem,.85vw + 3px,1.0875rem);font-weight:700}.cv-sheet-identity h1{letter-spacing:-.045em;color:var(--color-heading);text-transform:uppercase;font-size:clamp(2.4875rem,4vw + 3px,4.9875rem);font-weight:800;line-height:.95}.cv-sheet-identity span{max-inline-size:56rem;color:var(--color-text-muted);margin-block-start:.7rem;font-size:clamp(.9275rem,.85vw + 3px,1.0875rem);line-height:1.45;display:block}.cv-sheet-contact{border-inline-start:1px solid var(--color-border);align-content:center;gap:.55rem;padding-inline-start:1.5rem;font-size:clamp(.9075rem,.8vw + 3px,1.0275rem);font-style:normal;line-height:1.35;display:grid}.cv-sheet-contact a{color:var(--color-text);text-decoration:none}.cv-sheet-contact a:hover{color:var(--color-accent)}.cv-sheet-layout{grid-template-columns:minmax(13.5rem,.72fr) minmax(0,2.5fr);gap:clamp(2rem,4vw,5rem);padding-block-start:clamp(1.75rem,3vw,3.2rem);display:grid}.cv-sheet-aside,.cv-sheet-main{align-content:start;gap:clamp(1.8rem,2.6vw,3rem);min-inline-size:0;display:grid}.cv-sheet-aside{border-inline-end:1px solid var(--color-border);padding-inline-end:clamp(1rem,2vw,2.25rem)}.cv-sheet-heading{letter-spacing:.14em;color:var(--color-heading);text-transform:uppercase;overflow-wrap:normal;word-break:normal;align-items:center;gap:.8rem;margin:0 0 1rem;font-size:clamp(1.1375rem,1.2vw + 3px,1.4875rem);font-weight:800;line-height:1.08;display:flex}.cv-sheet-heading:after{content:"";background:var(--color-heading);opacity:.7;flex:1;block-size:1px}.cv-sheet-skill-groups{gap:.9rem;display:grid}.cv-sheet-skill-groups h3{color:var(--color-heading);margin:0 0 .35rem;font-size:.9675rem}.cv-sheet-methodologies .cv-sheet-heading{letter-spacing:.08em;font-size:clamp(1.02rem,.9vw + 3px,1.3rem)}.cv-sheet-list{gap:.25rem;margin:0;padding:0;font-size:clamp(.9075rem,.78vw + 3px,1.0275rem);line-height:1.4;list-style:none;display:grid}.cv-sheet-list li{text-align:justify;text-justify:inter-word;padding-inline-start:.85rem;position:relative}.cv-sheet-list li:before{content:"";background:var(--color-accent);border-radius:50%;block-size:.3rem;inline-size:.3rem;position:absolute;inset-block-start:.55em;inset-inline-start:0}.cv-sheet-list.is-compact{columns:2;display:block}.cv-sheet-list.is-compact li{break-inside:avoid;text-align:start;margin-block-end:.28rem}.cv-sheet-languages{gap:.45rem;margin:0;padding:0;font-size:.9875rem;list-style:none;display:grid}.cv-sheet-languages li{padding-inline-start:.85rem;position:relative}.cv-sheet-languages li:before{content:"";background:var(--color-accent);border-radius:50%;block-size:.3rem;inline-size:.3rem;position:absolute;inset-block-start:.55em;inset-inline-start:0}.cv-sheet-summary{max-inline-size:76rem}.cv-sheet-summary p{color:var(--color-text-muted);text-align:justify;text-justify:inter-word;margin:0 0 .55rem;font-size:clamp(.9475rem,.84vw + 3px,1.0875rem);line-height:1.55}.cv-sheet-timeline{gap:1.25rem;display:grid}.cv-sheet-timeline-item{border-inline-start:1px solid color-mix(in srgb,var(--color-heading) 55%,transparent);padding-inline-start:1.25rem;position:relative}.cv-sheet-timeline-item:before{content:"";background:var(--color-surface);border:.1rem solid var(--color-heading);border-radius:50%;block-size:.48rem;inline-size:.48rem;position:absolute;inset-block-start:.15rem;inset-inline-start:-.3rem}.cv-sheet-timeline-item h3,.cv-sheet-timeline-item h4,.cv-sheet-timeline-item h5,.cv-sheet-timeline-item p{margin:0}.cv-sheet-timeline-item h3{letter-spacing:.055em;color:var(--color-heading);text-transform:uppercase;font-size:clamp(.9875rem,.95vw + 3px,1.1875rem);line-height:1.3}.cv-sheet-timeline-item h4{letter-spacing:.08em;color:var(--color-text-muted);text-transform:uppercase;margin-block:.25rem .45rem;font-size:.9375rem}.cv-sheet-timeline-item h5{color:var(--color-accent);margin-block-end:.18rem;font-size:.9475rem}.cv-sheet-meta{color:var(--color-text-muted);flex-wrap:wrap;gap:.3rem .75rem;font-size:.8875rem;display:flex;margin-block-start:.15rem!important}.cv-sheet-meta strong{color:var(--color-accent)}.cv-sheet-experience-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1.25rem;display:grid}.cv-sheet-list.is-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem 1.25rem}.cv-sheet-main-grid{grid-template-columns:.85fr 1.15fr;gap:clamp(1.5rem,3vw,3rem);display:grid}.cv-sheet-project-role{color:var(--color-text-muted);font-size:.9475rem;margin-block:.4rem .55rem!important}.cv-sheet-courses{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem 1.25rem;margin:0;padding:0;list-style:none;display:grid}.cv-sheet-courses li{border-block-end:1px solid var(--color-border);padding-block-end:.45rem;padding-inline-start:.8rem;position:relative}.cv-sheet-courses li:before{content:"";background:var(--color-accent);border-radius:50%;block-size:.28rem;inline-size:.28rem;position:absolute;inset-block-start:.5em;inset-inline-start:0}.cv-sheet-courses strong,.cv-sheet-courses span{display:block}.cv-sheet-courses strong{color:var(--color-heading);font-size:.9475rem;line-height:1.3}.cv-sheet-courses span{color:var(--color-text-muted);margin-block-start:.1rem;font-size:.8675rem}.cv-sheet-courses em{color:var(--color-accent);background:var(--color-accent-subtle);border:1px solid color-mix(in srgb,var(--color-accent) 35%,transparent);border-radius:999px;margin-block-start:.3rem;padding:.12rem .45rem;font-size:.72rem;font-style:normal;font-weight:700;display:inline-block}.page-frame[dir=rtl] .cv-sheet-identity p,.page-frame[dir=rtl] .cv-sheet-identity h1,.page-frame[dir=rtl] .cv-sheet-heading,.page-frame[dir=rtl] .cv-sheet-timeline-item h3,.page-frame[dir=rtl] .cv-sheet-timeline-item h4{letter-spacing:0;text-transform:none}@media (width<=70rem){.cv-sheet-header{grid-template-columns:6rem minmax(0,1fr)}.cv-sheet-contact{border:0;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));padding-inline-start:0}.cv-sheet-layout{grid-template-columns:minmax(12rem,.65fr) minmax(0,2fr);gap:2rem}.cv-sheet-experience-groups,.cv-sheet-list.is-columns{grid-template-columns:1fr}.cv-sheet-courses{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=47rem){.page-frame[data-page=cv]{padding:0}.cv-sheet{box-shadow:none;border:0;padding:1.25rem}.cv-sheet-header{grid-template-columns:5.5rem minmax(0,1fr)}.cv-sheet-identity h1{font-size:clamp(1.8rem,9vw,3rem)}.cv-sheet-contact,.cv-sheet-layout{grid-template-columns:1fr}.cv-sheet-aside{border:0;grid-template-columns:repeat(2,minmax(0,1fr));padding-inline-end:0}.cv-sheet-main-grid{grid-template-columns:1fr}}@media (width<=34rem){.cv-sheet-aside,.cv-sheet-courses{grid-template-columns:1fr}}@media (width<=47.9375rem){.cv-sheet{flex-direction:column;gap:2rem;display:flex}.cv-sheet-layout,.cv-sheet-aside,.cv-sheet-main,.cv-sheet-main-grid{display:contents}.cv-mobile-section{min-inline-size:0}.cv-mobile-section--summary{order:1}.cv-mobile-section--experience{order:2}.cv-mobile-section--projects{order:3}.cv-mobile-section--skills{order:4}.cv-mobile-section--methodologies{order:5}.cv-mobile-section--courses{order:6}.cv-mobile-section--languages{order:7}.cv-mobile-section--education{order:8}}@media print{.page-frame[data-page=cv]{background:#fff;padding:0}.cv-sheet{color:#222;inline-size:100%;box-shadow:none;background:#fff;border:0;padding:.45in}}.responsive-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));display:grid}.system-flow{gap:var(--space-3);align-items:stretch;display:flex}.wide-content{overscroll-behavior-inline:contain;max-inline-size:100%;overflow-x:auto}.modal-panel{inline-size:min(100% - 2 * var(--page-gutter), 42rem);max-block-size:min(80vh,48rem);overflow:auto}@media (width>=48rem) and (width<=74.9375rem){.responsive-grid[data-columns="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=47.9375rem){.responsive-grid,.responsive-grid[data-columns="2"],.responsive-grid[data-columns="3"]{grid-template-columns:1fr}.system-flow{flex-direction:column}.modal-panel{inline-size:min(100% - 2 * var(--space-3), 42rem);max-block-size:calc(100vh - 2 * var(--space-3))}}