:root{
  --bone:#F2EEE6; --bone-2:#FBF9F5; --ink:#16150F; --ink-2:#4A473E; --ink-3:#6E6959;
  --muted:#8A7F6B; --brass:#9A6E2F; --brass-lt:#C08B3E; --green:#1F3D30;
  --line:rgba(22,21,15,.16); --line-soft:rgba(22,21,15,.10);
  --pad:64px; --maxw:1440px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bone);color:var(--ink);
  font-family:"Inter Tight",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  font-weight:300;line-height:1.6;-webkit-font-smoothing:antialiased}
body[dir="rtl"]{font-family:"IBM Plex Sans Arabic",system-ui,sans-serif}
img,svg{max-width:100%}
a{color:inherit}
.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--pad)}

/* header */
.site-head{border-bottom:1px solid var(--line)}
.site-head .wrap{display:flex;align-items:center;gap:32px;padding-block:22px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:500;font-size:15px;letter-spacing:-.012em}
.nav{margin-inline-start:auto;display:flex;align-items:center;gap:26px;font-size:14px;color:#55524A}
.nav a{text-decoration:none}
.nav a:hover{color:var(--ink)}
.nav a.on{color:var(--ink)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:46px;padding:0 22px;
  border-radius:5px;text-decoration:none;font-size:14.5px;border:1px solid transparent;cursor:pointer;font:inherit}
.btn-dark{background:var(--ink);color:var(--bone)}
.btn-light{background:var(--bone);color:var(--ink)}
.btn-ghost{border-color:rgba(22,21,15,.28);color:var(--ink)}
.btn-sm{height:38px;padding:0 16px;font-size:13.5px}
.nav-toggle{display:none;margin-inline-start:auto;background:none;border:1px solid var(--line);border-radius:5px;padding:8px 10px;cursor:pointer}

/* meta strip */
.strip{border-bottom:1px solid var(--line-soft);font-size:12px;color:var(--muted)}
.strip .wrap{display:flex;gap:40px;padding-block:11px;flex-wrap:wrap}
.strip .end{margin-inline-start:auto}
.mono{font-family:"Martian Mono",ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase}
body[dir="rtl"] .mono{letter-spacing:0;text-transform:none;font-size:12px}

/* hero */
.hero{position:relative;overflow:hidden}
.hero .wrap{position:relative;z-index:2;padding-block:92px 96px;max-width:1000px;margin-inline:0}
body[dir="rtl"] .hero .wrap{margin-inline-start:auto;margin-inline-end:0}
.hero h1{margin:0 0 24px;font-size:clamp(34px,5.2vw,56px);font-weight:300;line-height:1.07;letter-spacing:-.04em;max-width:19ch;text-wrap:balance}
body[dir="rtl"] .hero h1{font-family:"Reem Kufi",serif;font-weight:400;line-height:1.3;letter-spacing:0}
.hero p{margin:0 0 26px;max-width:52ch;font-size:17px;line-height:1.75;color:var(--ink-2)}
body[dir="rtl"] .hero p{line-height:1.95}
.accent{color:var(--brass)}
.cta-row{display:flex;flex-wrap:wrap;gap:12px}
.cta-row .btn{height:50px;padding:0 26px;font-size:15px}
.dial{position:absolute;top:50%;inset-inline-end:-60px;transform:translateY(-50%);z-index:0;
  width:min(560px,52vw);height:auto;pointer-events:none}

/* page head */
.page-head{padding-block:58px 0}
.page-head .kicker{display:block;font-size:12.5px;color:var(--muted);margin-bottom:18px}
.page-head h1{margin:0 0 20px;font-size:clamp(30px,4.6vw,52px);font-weight:300;line-height:1.1;letter-spacing:-.04em;max-width:18ch;text-wrap:balance}
body[dir="rtl"] .page-head h1{font-family:"Reem Kufi",serif;font-weight:400;line-height:1.32;letter-spacing:0}
.page-head p{margin:0;max-width:62ch;font-size:17px;line-height:1.75;color:var(--ink-2)}
body[dir="rtl"] .page-head p{line-height:1.95}

/* generic */
.section{padding-block:44px}
.rule-top{border-top:1px solid var(--line);padding-top:28px}
.cols-3,.cols-4{display:grid;gap:0}
.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.cols-3>*,.cols-4>*{padding-inline:28px}
.cols-3>*:first-child,.cols-4>*:first-child{padding-inline-start:0}
.cols-3>*:last-child,.cols-4>*:last-child{padding-inline-end:0}
.cols-3>*+*,.cols-4>*+*{border-inline-start:1px solid var(--line-soft)}
.eyebrow{display:block;font-size:12px;color:var(--muted);margin-bottom:9px}
h2{margin:0 0 10px;font-size:22px;font-weight:400;letter-spacing:-.02em}
body[dir="rtl"] h2{font-family:"Reem Kufi",serif;letter-spacing:0}
.lede{margin:0;font-size:15px;line-height:1.7;color:var(--ink-2)}
body[dir="rtl"] .lede{line-height:1.9}
.stat{font-size:30px;font-weight:300;letter-spacing:-.03em;display:block;margin-bottom:6px}
.stat.num{font-family:"Martian Mono",monospace;font-size:24px;letter-spacing:0}

/* cards grid with hairlines */
.cardgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.cardgrid>article{background:var(--bone);padding:30px;display:flex;flex-direction:column;gap:11px}
.tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:11.5px;white-space:nowrap}
.tag-open{background:rgba(154,110,47,.15);color:#8A6224}
.tag-mute{background:rgba(22,21,15,.08);color:#55524A}

/* chips */
.chips{display:flex;flex-wrap:wrap;gap:9px}
.chip{padding:9px 15px;border:1px solid rgba(22,21,15,.18);border-radius:999px;font-size:14px;color:var(--ink-2)}

/* split rows */
.split{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:44px;padding-top:26px;border-top:1px solid var(--line-soft);margin-top:36px}
.split:first-of-type{border-top-color:var(--line)}

/* dark band */
.band{background:var(--ink);color:var(--bone)}
.band .wrap{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding-block:34px}
.band .k{display:block;font-size:12px;color:var(--brass-lt);margin-bottom:8px}
.band h2{font-size:26px;font-weight:300;letter-spacing:-.025em;margin:0 0 6px}
.band p{margin:0;font-size:14.5px;color:#B7B2A5}
.band .btn{margin-inline-start:auto}

/* marquee */
.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(248,245,238,.7);display:flex;align-items:center;overflow:hidden}
.marquee .label{flex:0 0 auto;padding:0 22px;font-size:12px;color:var(--muted);border-inline-end:1px solid var(--line-soft);line-height:52px;white-space:nowrap}
.marquee .track{display:flex;gap:18px;align-items:center;white-space:nowrap;padding-inline:18px;animation:slide 46s linear infinite;will-change:transform}
.marquee .track span{font-size:13.5px;color:var(--ink-3)}
.marquee .track i{width:4px;height:4px;border-radius:50%;background:var(--brass);opacity:.7;flex:0 0 auto}
@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
body[dir="rtl"] .marquee .track{animation-direction:reverse}
@media (prefers-reduced-motion:reduce){.marquee .track{animation:none}}

/* form */
.formgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:48px;margin-top:40px}
.field{display:flex;flex-direction:column;gap:8px}
.field span{font-size:14px;display:flex;align-items:center;gap:8px}
.opt{font-size:11.5px;color:#9B9483}
.req{color:var(--brass)}
input,textarea{font:inherit;font-size:14.5px;color:var(--ink);background:var(--bone-2);
  border:1px solid rgba(22,21,15,.24);border-radius:5px;padding:0 14px;height:46px;width:100%}
textarea{height:96px;padding:12px 14px;resize:vertical}
input:focus,textarea:focus{outline:2px solid var(--brass);outline-offset:1px}
.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.fields .wide{grid-column:span 2}
.ticks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tick{padding:14px 16px;border:1px solid rgba(22,21,15,.2);border-radius:6px;background:var(--bone-2);
  display:flex;align-items:flex-start;gap:12px;cursor:pointer}
.tick input{width:17px;height:17px;flex:0 0 auto;margin:2px 0 0;padding:0;accent-color:var(--brass)}
.tick b{font-weight:400;font-size:14.5px;display:block}
.tick small{font-size:12.5px;color:var(--ink-3)}
.aside-card{padding:24px;border:1px solid rgba(22,21,15,.18);border-radius:8px}
.aside-dark{padding:24px;border-radius:8px;background:var(--ink);color:var(--bone)}
.aside-dark small{color:#B7B2A5;font-size:13.5px;display:block;margin-top:8px}
.note{display:flex;gap:16px;align-items:flex-start;padding:22px 24px;border:1px dashed rgba(22,21,15,.28);border-radius:8px;margin-top:30px}

/* footer */
.site-foot{border-top:1px solid var(--line);margin-top:56px}
.site-foot .wrap{display:flex;gap:24px;flex-wrap:wrap;padding-block:22px;font-size:12px;color:var(--muted)}
.site-foot .wrap span:nth-child(2){margin-inline:auto}

@media (max-width:1100px){
  :root{--pad:40px}
  .dial{opacity:.5;inset-inline-end:-140px}
}
@media (max-width:860px){
  :root{--pad:24px}
  .nav{display:none}
  .nav.open{display:flex;position:absolute;inset-inline:0;top:100%;flex-direction:column;align-items:flex-start;
    gap:4px;background:var(--bone);border-bottom:1px solid var(--line);padding:16px 24px;z-index:20}
  .nav.open a{padding:8px 0}
  .site-head{position:relative}
  .nav-toggle{display:block}
  .hero{display:flex;flex-direction:column-reverse}
  .hero .wrap{padding-block:48px 34px;max-width:none}
  .dial{position:static;transform:none;width:min(300px,70vw);display:block;margin:0 auto 46px;opacity:.85}
  .cols-3,.cols-4,.cardgrid,.ticks,.fields,.formgrid,.split{grid-template-columns:1fr}
  .cols-3>*,.cols-4>*{padding-inline:0;padding-block:18px}
  .cols-3>*+*,.cols-4>*+*{border-inline-start:0;border-top:1px solid var(--line-soft)}
  .fields .wide{grid-column:span 1}
  .band .btn{margin-inline-start:0}
  .split{gap:18px}
  .site-foot .wrap span:nth-child(2){margin-inline:0}
}

/* ---- WordPress ---- */
.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:var(--bone);padding:10px 16px;z-index:100}
.skip:focus{left:8px;top:8px}
.page-body{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad);padding-block:34px}
.page-body>*+*{margin-top:22px}
.page-body h2{margin-top:34px}
.page-body .wp-block-columns{gap:28px;margin-block:8px}
.page-body .alignfull{margin-inline:calc(var(--pad)*-1);max-width:none}
.page-body ul,.page-body ol{padding-inline-start:20px;color:var(--ink-2)}
.page-body li+li{margin-top:8px}
.page-body p{color:var(--ink-2);max-width:72ch}
body[dir="rtl"] .page-body p,body[dir="rtl"] .page-body li{line-height:1.9}
.cardgrid>*{background:var(--bone);padding:30px;display:flex;flex-direction:column;gap:11px}
.band.alignfull,.marquee.alignfull{margin-inline:calc(var(--pad)*-1)}
.wp-block-group.band{padding-block:34px}
.wp-block-group.band .wp-block-group__inner-container{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}
.wp-block-button__link{border-radius:5px;background:var(--ink);color:var(--bone);font-size:14.5px;padding:14px 22px}
.is-style-outline .wp-block-button__link{background:transparent;color:var(--ink);border-color:rgba(22,21,15,.28)}
.wp-block-post-title,.wp-block-heading{letter-spacing:-.02em}
.nav .menu-item a{text-decoration:none}
.navigation.pagination{font-size:14px}
.navigation.pagination .page-numbers{padding:6px 10px;border:1px solid var(--line-soft);border-radius:4px;text-decoration:none;margin-inline-end:6px}
.navigation.pagination .current{background:var(--ink);color:var(--bone);border-color:var(--ink)}
@media (max-width:860px){ .page-body .alignfull{margin-inline:calc(var(--pad)*-1)} }

/* ---- forms ---- */
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.notice-ok,.notice-bad{padding:18px 20px;border-radius:8px;margin-bottom:26px}
.notice-ok{background:rgba(31,61,48,.10);border:1px solid rgba(31,61,48,.35)}
.notice-bad{background:rgba(154,110,47,.12);border:1px solid rgba(154,110,47,.45)}
.notice-ok p{margin:6px 0 0;font-size:14.5px;color:var(--ink-2)}
button.btn{cursor:pointer}