/* fouadelh.store page composition. Visual tokens/components come from Fouad Dual Design System 2.0. */
body{min-height:100dvh}.site-nav{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border)}.nav-inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none}.brand-mark{width:38px;height:38px}.nav-links{display:flex;align-items:center;gap:20px}.nav-links a{color:var(--text);text-decoration:none;font-weight:700;font-size:.9rem}.nav-tools{display:flex;align-items:center;gap:8px}.lang-switch,.mode-switch{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--border);border-radius:999px;background:var(--surface-muted)}.lang-switch a,.mode-switch button{min-height:34px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:var(--text-muted);font-weight:750;text-decoration:none}.lang-switch a[aria-current="page"],.mode-switch button[aria-pressed="true"]{background:var(--surface);color:var(--brand-strong)}.mobile-menu{display:none}.hero{padding:clamp(56px,8vw,96px) 0 48px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:clamp(28px,5vw,64px);align-items:start}.hero h1{max-width:15ch;margin:.22em 0}.lead{font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.65;color:var(--text-muted);max-width:66ch}.hero-card{padding:24px}.hero-card ul{margin:16px 0 0;padding-inline-start:20px}.section{padding:48px 0}.section-heading{max-width:800px;margin-bottom:24px}.project-card{display:grid;gap:8px;padding:20px;color:var(--text);text-decoration:none;min-height:170px}.project-card p{margin:0;color:var(--text-muted)}.project-card .meta{margin-top:auto;font:700 .75rem var(--ds-font-mono);color:var(--brand-strong)}.capabilities{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}.capability{padding:16px;border-block-start:2px solid var(--brand)}.capability p{margin-bottom:0;color:var(--text-muted)}.contact-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:24px;align-items:start}.contact-form{display:grid;gap:16px;padding:24px}.hp-field{position:absolute!important;inline-size:1px!important;block-size:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}.site-footer{padding:32px 0;border-top:1px solid var(--border)}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.footer-links{display:flex;gap:14px;flex-wrap:wrap}.footer-links a{color:var(--text-muted)}
@media(max-width:900px){.nav-links{display:none}.mobile-menu{display:block}.mobile-menu summary{list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu[open] .mobile-panel{display:grid}.mobile-panel{position:absolute;inset-inline:14px;top:62px;padding:12px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--card-radius);box-shadow:var(--shadow);z-index:400}.mobile-panel a{padding:10px;border-radius:8px;color:var(--text);text-decoration:none}.mobile-panel a:hover{background:var(--surface-muted)}.hero-grid,.contact-grid{grid-template-columns:1fr}.hero{padding-top:40px}}
@media(max-width:600px){.nav-inner{min-height:58px}.brand strong{font-size:.9rem}.lang-switch a{padding-inline:8px}.mode-switch{display:none}.hero-card{padding:18px}.section{padding:36px 0}.contact-form{padding:18px}}