/* Base + RTL. One sheet serves RTL (AR) and LTR (EN) via CSS logical properties. */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--c-base);color:var(--c-ink);font-family:var(--font-body);font-size:var(--fs-body);line-height:1.7;-webkit-font-smoothing:antialiased}
h1,h2,h3,.display{font-family:var(--font-display);line-height:1.2;color:var(--c-ink);margin:0 0 var(--s-4)}
h1{font-size:var(--fs-h1)} h2{font-size:var(--fs-h2)} h3{font-size:var(--fs-h3)}
p{margin:0 0 var(--s-4)}
a{color:var(--c-primary);text-decoration:none;transition:color var(--dur-1)}
a:hover{color:var(--c-primary-dark)}
img{max-width:100%;display:block}
.container{max-width:var(--container);margin-inline:auto;padding-inline:var(--s-4)}
.section{padding-block:var(--s-16)}
.eyebrow{color:var(--c-accent);font-weight:600;letter-spacing:.04em;font-size:var(--fs-sm)}

/* directional icons flip in RTL */
html[dir="rtl"] .icon-dir{transform:scaleX(-1)}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}