/* ============ BASE ============ */
*{box-sizing:border-box} html,body{margin:0}
body{font-family:"Inter","Cairo",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
[dir=rtl] body{font-family:"Cairo","Inter",system-ui,sans-serif}
img{max-width:100%;display:block} a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:"Fraunces",Georgia,"Times New Roman",serif;font-weight:700;line-height:1.1;letter-spacing:-.01em;margin:0}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{font-family:"Cairo",sans-serif;font-weight:800}
p{margin:0}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:20px;width:100%}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--primary)}
.section{padding-block:clamp(40px,6vw,80px)}
.lead,.muted{color:var(--muted)}
.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:inherit}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
