/* Design tokens, reset and base typography. Brand: clay / charcoal / sand / cream, Heebo. */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --clay:#B5654A;
  --clay-deep:#A24F36;
  --charcoal:#2A2723;
  --sand:#C9A87C;
  --cream:#F5F1EA;
  --offwhite:#FBF9F6;
  --ink:#2A2723;
  --muted:#6F665D;
  --line:rgba(42,39,35,.13);
  --wa:#128C4E;
  --wa-deep:#0F7A43;
  --ease:cubic-bezier(.22,1,.36,1);
  --radius:22px;
  --gutter:clamp(20px,5vw,56px);
}
html{scroll-behavior:smooth;scroll-padding-top:90px;overflow-x:clip}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
body{font-family:'Heebo',sans-serif;background:var(--offwhite);color:var(--ink);overflow-x:clip;direction:rtl;font-size:16px;line-height:1.85;font-weight:400;-webkit-font-smoothing:antialiased}
img,video{max-width:100%;display:block}
button{font-family:inherit;cursor:pointer}
a{color:inherit}
:focus-visible{outline:2px solid var(--clay-deep);outline-offset:3px;border-radius:4px}
::selection{background:var(--clay);color:#fff}

.wrap{max-width:1180px;margin:0 auto;padding:0 var(--gutter)}
section{padding:clamp(72px,10vw,140px) 0}