/* Shared styles for the Arabic (/ar/) and Kurdish (/ku/) pages. */
:root { --ink:#17141d; --paper:#f4eddf; --paper-deep:#e9dfcd; --coral:#ff4f5e; --cyan:#12c8ec; --yellow:#ffd25b; --wine:#7d103f; --muted:#5c5560; --arabic:"Noto Kufi Arabic", Tahoma, sans-serif; color:var(--ink); background:var(--paper); font-family:var(--arabic); font-synthesis:none; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; background-color:var(--paper); background-image:radial-gradient(circle, rgba(23,20,29,.07) 0 1px, transparent 1.2px); background-size:7px 7px; overflow-x:hidden; }
a { color:inherit; }
img { display:block; max-width:100%; height:auto; }
:focus-visible { outline:3px solid var(--cyan); outline-offset:4px; }
.latin, bdi { font-family:"Outfit", system-ui, sans-serif; }
.wrap { width:min(1180px, calc(100% - 40px)); margin-inline:auto; }

.intl-header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 0; border-bottom:3px solid var(--ink); }
.intl-brand { display:inline-flex; align-items:center; gap:12px; font-weight:800; text-decoration:none; font-size:1.05rem; }
.intl-brand img { width:44px; height:auto; }
.intl-lang { display:inline-flex; border:2px solid var(--ink); background:var(--paper); box-shadow:-3px 3px 0 var(--ink); }
.intl-lang a { padding:8px 11px; font-size:.85rem; font-weight:700; text-decoration:none; line-height:1; }
.intl-lang a + a { border-inline-start:2px solid var(--ink); }
.intl-lang a[aria-current="page"] { background:var(--ink); color:var(--paper); }
.intl-lang a:not([aria-current]):hover { background:var(--cyan); }

.intl-hero { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr); align-items:center; gap:clamp(28px,5vw,72px); padding:clamp(48px,8vw,100px) 0 clamp(56px,8vw,96px); }
.intl-kicker { display:inline-block; margin:0 0 20px; line-height:1.75; padding:8px 14px 10px; background:var(--ink); color:var(--paper); font-weight:700; font-size:clamp(.88rem,1.3vw,1rem); box-shadow:-4px 4px 0 var(--coral); transform:rotate(1.2deg); }
.intl-hero h1 { margin:0; font-size:clamp(2.6rem,6.2vw,5.4rem); font-weight:900; line-height:1.15; text-wrap:balance; }
.intl-hero h1 em { font-style:normal; color:var(--coral); background:linear-gradient(transparent 72%, var(--cyan) 72% 88%, transparent 88%); }
.intl-lede { max-width:620px; margin:22px 0 0; color:#4f4852; font-size:clamp(1.02rem,1.6vw,1.22rem); line-height:1.9; }
.intl-actions { display:flex; flex-wrap:wrap; gap:16px 24px; align-items:center; margin-top:30px; }
.intl-button { display:inline-flex; align-items:center; gap:12px; min-height:52px; padding:12px 22px; border:2px solid var(--ink); background:var(--coral); box-shadow:-5px 5px 0 var(--ink); font-weight:800; text-decoration:none; transition:transform .2s, box-shadow .2s; }
.intl-button:hover { transform:translate(-4px,4px); box-shadow:-1px 1px 0 var(--ink); }
.intl-mail { font-weight:700; text-underline-offset:5px; }
.intl-stats { display:flex; flex-wrap:wrap; gap:14px 34px; margin:36px 0 0; padding:20px 0 0; border-top:1px solid rgba(23,20,29,.2); }
.intl-stats dt { font-family:"Bungee", "Outfit", sans-serif; font-size:1.15rem; direction:ltr; text-align:right; }
.intl-stats dd { margin:4px 0 0; color:var(--muted); font-size:.85rem; }
.intl-art { position:relative; isolation:isolate; }
.intl-art::before { content:""; position:absolute; z-index:-1; inset:8% 4% 2%; background:var(--cyan); border:3px solid var(--ink); border-radius:47% 53% 63% 37% / 42% 44% 56% 58%; box-shadow:-7px 7px 0 var(--ink); }
.intl-art img { animation:intl-float 6s ease-in-out infinite; }
@keyframes intl-float { 50% { translate:0 -10px; } }

.intl-section { padding:clamp(56px,8vw,100px) 0; border-top:3px solid var(--ink); }
.intl-section h2 { margin:0 0 12px; font-size:clamp(2rem,4.4vw,3.4rem); font-weight:900; line-height:1.2; }
.intl-section > .wrap > p { max-width:640px; color:var(--muted); line-height:1.9; margin:0 0 36px; }
.intl-eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 14px; font-size:.85rem; font-weight:800; color:var(--wine); }
.intl-eyebrow::before { content:""; width:34px; height:4px; background:var(--coral); }

.intl-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(min(100%, 320px), 1fr)); gap:clamp(22px,3vw,36px); margin:0; padding:0; list-style:none; }
.intl-card { display:flex; flex-direction:column; border:2px solid var(--ink); background:var(--paper); box-shadow:-6px 6px 0 var(--ink); transition:transform .2s cubic-bezier(.2,.9,.2,1.2), box-shadow .2s; }
.intl-card:hover { transform:translate(4px,-4px) rotate(.4deg); box-shadow:-10px 10px 0 var(--ink); }
.intl-card img { width:100%; aspect-ratio:16/10; object-fit:cover; border-bottom:2px solid var(--ink); }
.intl-card-body { display:flex; flex-direction:column; flex:1; padding:20px 22px 22px; }
.intl-card h3 { margin:0 0 6px; font-family:"Bungee", "Outfit", sans-serif; font-size:1.35rem; font-weight:400; direction:ltr; text-align:right; }
.intl-role { margin:0 0 10px; color:var(--wine); font-size:.85rem; font-weight:800; }
.intl-card p { margin:0 0 18px; color:var(--muted); line-height:1.85; }
.intl-card-links { display:flex; flex-wrap:wrap; gap:10px 18px; margin-top:auto; font-weight:800; font-size:.9rem; }
.intl-card-links a { text-decoration-color:var(--coral); text-decoration-thickness:3px; text-underline-offset:5px; }

.intl-about { display:grid; grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr); gap:clamp(30px,6vw,80px); align-items:center; }
.intl-about img { border:3px solid var(--ink); box-shadow:-10px 10px 0 var(--cyan); transform:rotate(2deg); }
.intl-about p { color:var(--muted); line-height:1.95; }
.intl-skills { display:flex; flex-wrap:wrap; gap:8px; margin:22px 0 0; padding:0; list-style:none; direction:ltr; justify-content:flex-end; }
.intl-skills li { padding:6px 10px; border:1px solid var(--ink); background:var(--yellow); font-family:"Outfit", sans-serif; font-size:.8rem; font-weight:700; }
.intl-skills li:nth-child(3n+2) { background:#c9f4f9; }
.intl-skills li:nth-child(3n) { background:#ffd2d6; }

.intl-faq { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:24px; margin:0; }
.intl-faq > div { padding:22px 24px; border:2px solid var(--ink); background:var(--paper); box-shadow:-5px 5px 0 var(--ink); }
.intl-faq dt { margin-bottom:10px; font-weight:900; font-size:1.1rem; }
.intl-faq dd { margin:0; color:var(--muted); line-height:1.9; }

.intl-footer { padding:clamp(60px,9vw,110px) 0 32px; background:var(--wine); color:var(--paper); }
.intl-footer h2 { margin:0; font-size:clamp(2.2rem,5.4vw,4.6rem); font-weight:900; line-height:1.2; }
.intl-footer h2 em { font-style:normal; color:var(--cyan); }
.intl-footer .intl-button { margin-top:30px; background:var(--paper); color:var(--ink); box-shadow:-5px 5px 0 var(--cyan); }
.intl-footer-bottom { display:flex; flex-wrap:wrap; justify-content:space-between; gap:14px 28px; margin-top:clamp(60px,9vw,110px); padding-top:22px; border-top:1px solid rgba(244,237,223,.35); font-size:.88rem; }
.intl-footer-bottom div { display:flex; flex-wrap:wrap; gap:18px; }

@media (max-width:760px) {
  .wrap { width:min(100% - 32px, 1180px); }
  .intl-brand span { display:none; }
  .intl-hero, .intl-about, .intl-faq { grid-template-columns:1fr; }
  .intl-art { order:-1; width:min(100%, 420px); margin-inline:auto; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  .intl-art img { animation:none; }
  .intl-card, .intl-button { transition:none; }
}