:root{--ink:#192b15;--muted:#52604e;--green:#1e804f;--olive:#1c3812;--sage:#cae0b9;--ivory:#e6e8dd;--line:#ccd2c3;--paper:#f7f8f2;--surface:#ffffff;--soft:#e6e8dd;--card-three:#cae0b9;--button-bg:#1e804f;--button-hover:#1c3812;--button-text:#ffffff;--feature-bg:#1c3812;--feature-text:#e6e8dd;--feature-label:#cae0b9;--feature-ink:#1c3812;--contact-bg:#cae0b9;--contact-ink:#1c3812;--header:#f7f8f2;--blue:var(--green)}:root[data-theme="dark"]{--paper:#101810;--ink:#eef2e7;--muted:#becab6;--green:#92d4a8;--olive:#e4edda;--sage:#304b2b;--ivory:#253424;--line:#41503b;--surface:#182418;--soft:#202f1d;--card-three:#283d23;--button-bg:#a8d8ad;--button-hover:#c4e7c4;--button-text:#112310;--feature-bg:#20351a;--feature-text:#e9f0e1;--feature-label:#304b2b;--feature-ink:#e9f0e1;--contact-bg:#263c22;--contact-ink:#eef2e7;--header:#101810}
 html{font-size:16px}html:has(body.dashboard-mode){font-size:16px}html body:not(.dashboard-mode){font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif;font-size:1rem;line-height:1.9}
 body:not(.dashboard-mode) .wrap{max-width:1240px}body:not(.dashboard-mode) main>section{padding-block:80px}
 body:not(.dashboard-mode) .hero h1{font-size:clamp(2rem,4.5vw,3.75rem)}body:not(.dashboard-mode) .hero-heading,body:not(.dashboard-mode) .hero-copy{text-align:start}
 body:not(.dashboard-mode) .hero-copy .intro{}body:not(.dashboard-mode) .hero-copy .actions{justify-content:flex-start}
 body:not(.dashboard-mode) .cards,body:not(.dashboard-mode) .work-grid{gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}
 body:not(.dashboard-mode) .service,body:not(.dashboard-mode) .work-card,body:not(.dashboard-mode) .portrait,body:not(.dashboard-mode) .workshop,body:not(.dashboard-mode) .contact,body:not(.dashboard-mode) .flow-card{border-radius:12px}
 body:not(.dashboard-mode) .primary,body:not(.dashboard-mode) .preferences button,body:not(.dashboard-mode) .owner-action{border-radius:6px}
 body:not(.dashboard-mode) .portrait img{aspect-ratio:16/9;object-fit:cover}
 body:not(.dashboard-mode) .intro,body:not(.dashboard-mode) .about p,body:not(.dashboard-mode) .service p,body:not(.dashboard-mode) .post p{line-height:1.9}
 body:not(.dashboard-mode) .section-number{}
 @media(max-width:760px){body:not(.dashboard-mode) main>section{padding-block:48px}body:not(.dashboard-mode) .cards,body:not(.dashboard-mode) .work-grid{grid-template-columns:1fr}body:not(.dashboard-mode) .wrap{padding-inline:24px}}