@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:80rem;--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}body{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;inset-block:0;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);direction:ltr;align-content:start;justify-items:center;display:grid;position:fixed;left:0;overflow-y:auto;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}.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:center;justify-content:center}.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{block-size:3.125rem;inline-size:3.125rem;font-size:.75rem;font-weight:var(--font-weight-bold);letter-spacing:.08em;color:var(--color-accent);border:1px solid var(--color-border);border-radius:50%;flex:none;place-items:center;display:grid}.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}.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}.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;box-shadow:0 .25rem .75rem #1113170f}.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 .25rem #1b4dcc4d;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;opacity:.94;text-shadow:0 0 .25rem #1b4dcc4d}25%{color:#2672e3;opacity:.98;text-shadow:0 0 .5rem #2672e394,0 0 1rem #2672e34d}50%{color:#3197e6;opacity:1;text-shadow:0 0 .5rem #3197e69e,0 0 1rem #3197e652}75%{color:#42c2db;opacity:.98;text-shadow:0 0 .5rem #42c2db99,0 0 1rem #42c2db52}}.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][data-sidebar-pinned=true][data-sidebar-collapsed=true],.app-shell[data-layout-variant=sidebar][data-sidebar-pinned=false]{--sidebar-layout-width:6.25rem}.app-shell[data-layout-variant=sidebar] .desktop-navigation{z-index:20;inset-block:0;inline-size:var(--sidebar-layout-width);transition:inline-size var(--transition-base);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}.navigation--sidebar[data-compact=false]{gap:var(--space-6);padding:var(--space-8) var(--space-6)}.navigation--sidebar[data-compact=false] .sidebar-monogram{block-size:3.75rem;inline-size:3.75rem;font-size:.875rem}.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-links{gap:.625rem}.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] .navigation-link--with-icon svg{block-size:1.575rem;inline-size:1.575rem}.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-contact-button{block-size:2.75rem;inline-size:2.75rem}.navigation--sidebar[data-compact=false] .sidebar-contact-button svg{block-size:1.25rem;inline-size:1.25rem}.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;inset-block:0;background:var(--color-surface);border-inline-end:1px solid var(--color-border);inline-size:min(100vw,17.2rem);position:fixed;left:0;overflow-y:auto;box-shadow:.75rem 0 2rem #0003}}@media (width<=74.9375rem){.desktop-navigation{display:none}.navigation--mobile{display:flex}}.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-block-start:var(--space-6);display:flex}.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;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:1;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:11% 7%;inset-inline:15% 13%;overflow:hidden}.hero-visual__portrait img{object-fit:cover;block-size:100%;inline-size:100%}.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-links{margin-block-start:var(--space-5)}.hero-visual__portrait{inset-block:8% 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.45rem,3.8vw,3.9rem);font-weight:var(--font-weight-extrabold);letter-spacing:-.05em;color:var(--color-heading);margin:0;line-height:1.06}.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(3.5rem,7vw,6rem) clamp(5rem,10vw,8rem)}.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:48rem;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.4rem,4.5vw,4.5rem);font-weight:var(--font-weight-extrabold);letter-spacing:-.05em;color:var(--color-heading);margin:0;line-height:1}.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{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{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;font-size:clamp(3rem,4.65vw,4.75rem)}.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(4.5rem,8vw,7rem)}.engineering-approach:before{opacity:.34;background-size:1.5rem 1.5rem}.engineering-approach__intro{max-inline-size:56rem}.engineering-approach__intro h2{letter-spacing:-.035em;font-size:clamp(2.25rem,4vw,4rem);line-height:1.08}.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(3rem,5.5vw,4.75rem)}.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:.52;min-block-size:clamp(17rem,24vw,23rem);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(1rem,1.35vw,1.35rem);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:24rem;grid-template-columns:minmax(0,1fr);gap:4.5rem;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:.52;grid-template-rows:auto minmax(0,1fr) auto;min-block-size:0;inline-size:clamp(13.125rem,56.4103vw,14.375rem);margin-inline:auto;padding:9.1268%}.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.65rem}.approach-stage__icon{place-self:center;place-items:center;padding-block:11.25%}.approach-stage__icon-asset{transform-origin:50%;block-size:8.075rem;inline-size:8.075rem;margin:auto;-webkit-mask-position:50%;mask-position:50%}.approach-stage:nth-child(-n+5) .approach-stage__icon-asset{block-size:10.455rem;inline-size:10.455rem}.approach-stage:nth-child(5) .approach-stage__icon-asset{block-size:10.3505rem;inline-size:10.3505rem}.approach-stage__label{gap:9.25%;padding-block-end:11%}.approach-stage__label h3{font-size:1.05rem}.approach-stage>p,.page-frame[dir=rtl] .approach-stage>p{min-block-size:0;margin:var(--space-4) auto 0}}@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:80rem;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:62rem;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.7rem,5.1vw,5.15rem);font-weight:var(--font-weight-extrabold);letter-spacing:.085em;text-transform:uppercase;color:var(--color-heading);margin:0;line-height:.98}.professional-focus__supporting-line{max-inline-size:58rem;margin:var(--space-5) auto 0;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:var(--font-weight-medium);color:var(--color-text-muted);line-height:1.65}.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__supporting-line,.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{letter-spacing:.045em;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}}.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))}}