:root {
  --ink: #0B0D10;
  --graphite: #171A1F;
  --paper: #F7F5F0;
  --white: #FFFFFF;
  --soft-grey: #E5E4E0;
  --strong-border: #C9C8C3;
  --text-grey: #5E636B;
  --dark-secondary: #AEB4BF;
  --dark-muted: #7D8490;
  --cobalt: #3B5BFF;
  --success: #177245;
  --error: #B42318;

  --container: 1360px;
  --pad-desktop: 64px;
  --pad-tablet: 40px;
  --pad-mobile: 20px;

  --space-section: clamp(88px, 9vw, 176px);
  --ease-primary: cubic-bezier(.22,1,.36,1);
  --ease-ui: cubic-bezier(.2,0,0,1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--paper); }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: Manrope, Inter, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
html[lang="ar"] body {
  font-family: "IBM Plex Sans Arabic", "Noto Sans Arabic", Arial, sans-serif;
}
body.no-scroll { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, textarea { font: inherit; }
button { color: inherit; }
img { display: block; width: 100%; }
figure, blockquote, p, h1, h2, h3 { margin-top: 0; }

.skip-link {
  position: fixed; inset-inline-start: 12px; top: 12px; z-index: 1000;
  background: var(--ink); color: var(--white); padding: 10px 14px; border-radius: 6px;
  transform: translateY(-160%);
}
.skip-link:focus { transform: translateY(0); }
.sr-only { position: absolute!important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.container {
  width: min(100% - (var(--pad-desktop) * 2), var(--container));
  margin-inline: auto;
}
.section { padding-block: var(--space-section); }
.white-section { background: var(--white); }
.dark-section { background: var(--ink); color: var(--paper); }

.site-header {
  height: 82px; position: sticky; top: 0; z-index: 40;
  border-bottom: 1px solid color-mix(in srgb, var(--ink) 8%, transparent);
  background: color-mix(in srgb, var(--paper) 95%, transparent);
  backdrop-filter: blur(10px);
}
.header-inner { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { font-weight: 750; font-size: 18px; letter-spacing: -.025em; white-space: nowrap; }
.desktop-nav { display: flex; align-items: center; gap: 30px; font-size: 14px; }
.desktop-nav a { color: #2D3136; transition: color 160ms var(--ease-ui); }
.desktop-nav a:hover { color: var(--cobalt); }
.header-actions { display: flex; align-items: center; gap: 8px; }
.locale-button, .menu-button, .icon-button {
  border: 1px solid var(--soft-grey); background: transparent; cursor: pointer;
}
.locale-button { height: 40px; min-width: 44px; border-radius: 7px; font-size: 12px; font-weight: 750; }
.menu-button { height: 44px; padding-inline: 14px; border-radius: 7px; display: none; }
.icon-button { width: 40px; height: 40px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; font-size: 20px; }

.button {
  min-height: 48px; padding-inline: 20px; border: 0; border-radius: 8px;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 14px; font-weight: 700; cursor: pointer;
  transition: transform 170ms var(--ease-ui), background 170ms var(--ease-ui), color 170ms var(--ease-ui), border-color 170ms var(--ease-ui);
}
.button:hover { transform: translateY(-1px); }
.button-sm { min-height: 44px; padding-inline: 16px; }
.button-primary { background: var(--ink); color: var(--paper); }
.button-primary:hover { background: #20242A; }
.button-ai { background: var(--cobalt); color: var(--white); }
.button-ai:hover { background: #2E4AE8; }
.button-light { background: var(--paper); color: var(--ink); }
.button-outline { border: 1px solid var(--strong-border); background: transparent; }
.button-dark-outline { border: 1px solid rgba(255,255,255,.24); color: var(--paper); background: transparent; }
.action-row { display: flex; gap: 10px; flex-wrap: wrap; }
.text-link { display: inline-flex; gap: 10px; align-items: center; font-size: 13px; font-weight: 750; }
.logical-arrow { display: inline-block; }

.eyebrow { font-size: 11px; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; margin-bottom: 22px; }
html[lang="ar"] .eyebrow { letter-spacing: 0; text-transform: none; font-size: 12px; }
h1, h2, h3 { font-weight: 650; }
h1 { font-size: clamp(54px, 6.6vw, 112px); line-height: .96; letter-spacing: -.058em; }
h2 { font-size: clamp(44px, 4.5vw, 72px); line-height: 1.03; letter-spacing: -.052em; }
h3 { letter-spacing: -.035em; }
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3 { letter-spacing: 0; }
html[lang="ar"] h1 { line-height: 1.14; font-size: clamp(48px, 5.8vw, 96px); }
html[lang="ar"] h2 { line-height: 1.22; }

.hero { padding-top: clamp(72px, 8vw, 128px); padding-bottom: clamp(72px, 7vw, 110px); }
.hero-grid { display: grid; grid-template-columns: 7fr 5fr; gap: clamp(36px, 5vw, 72px); align-items: center; }
.hero-copy h1 { margin-bottom: 28px; }
.hero-lead { max-width: 790px; color: var(--text-grey); font-size: 18px; line-height: 1.72; margin-bottom: 28px; }
html[lang="ar"] .hero-lead { line-height: 1.9; font-size: 19px; }
.hero-media { height: min(68vw, 670px); min-height: 520px; position: relative; }
.hero-media img { height: 100%; object-fit: cover; }
.prototype-note { position: absolute; inset-inline: 12px; bottom: 12px; background: rgba(11,13,16,.82); color: var(--paper); font-size: 9px; padding: 7px 8px; width: fit-content; }
.media-frame { overflow: hidden; background: #DDD9D2; }

.proof-strip { border-top: 1px solid var(--soft-grey); border-bottom: 1px solid var(--soft-grey); }
.proof-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.proof-item { padding: 28px 20px 28px 0; border-inline-start: 1px solid var(--soft-grey); }
.proof-item:first-child { border-inline-start: 0; }
.proof-item strong { display: block; font-size: 22px; letter-spacing: -.035em; margin-bottom: 6px; }
.proof-item span { display: block; color: var(--text-grey); font-size: 12px; line-height: 1.5; }
html[lang="ar"] .proof-item { padding-inline: 20px 0; }
html[lang="ar"] .proof-item strong { letter-spacing: 0; }

.section-intro { margin-bottom: clamp(48px, 6vw, 76px); }
.split-intro { display: grid; grid-template-columns: 7fr 5fr; gap: 48px; align-items: end; }
.split-intro h2 { margin-bottom: 0; }
.split-intro > p { color: var(--text-grey); line-height: 1.7; font-size: 17px; margin-bottom: 4px; }
.dark-section .split-intro > p { color: var(--dark-secondary); }

.project-list { border-top: 1px solid rgba(255,255,255,.14); }
.project-row { display: grid; grid-template-columns: 7fr 5fr; gap: 48px; align-items: center; padding-block: 52px; border-bottom: 1px solid rgba(255,255,255,.14); }
.project-row.reverse { grid-template-columns: 5fr 7fr; }
.project-row.reverse .project-media { order: 2; }
.project-media { height: 500px; }
.project-media img { height: 100%; object-fit: cover; }
.project-copy h3 { font-size: clamp(34px, 3.2vw, 52px); margin-bottom: 16px; }
.project-copy > p:not(.project-kicker):not(.project-role) { color: var(--dark-secondary); font-size: 16px; line-height: 1.7; }
.project-kicker { color: #8E96A2; font-size: 10px; letter-spacing: .11em; }
.project-role { color: #C9CDD5; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
html[lang="ar"] .project-kicker, html[lang="ar"] .project-role { letter-spacing: 0; text-transform: none; }
.construction-visual { position: relative; overflow: hidden; background: #171A1F; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; text-align: start; color: #AAB0BA; gap: 12px; padding: clamp(28px,4vw,54px); }
.construction-visual::before { content: ''; position: absolute; inset: 28px; border-top: 1px solid rgba(255,255,255,.12); border-bottom: 1px solid rgba(255,255,255,.12); pointer-events: none; }
.construction-visual::after { content: 'EDUCATIONAL SERIES'; position: absolute; top: 42px; inset-inline-start: clamp(28px,4vw,54px); color: #717985; font-size: 9px; letter-spacing: .12em; }
html[lang='ar'] .construction-visual::after { content: 'سلسلة تعليمية'; letter-spacing: 0; }
.construction-visual > * { position: relative; z-index: 1; }
.construction-count { color: var(--paper); font-size: clamp(86px, 10vw, 148px); font-weight: 650; letter-spacing: -.075em; line-height: .8; }
.section-footer-link { margin-top: 34px; }
.project-media-cinematic img { object-position: center 58%; }
.work-footer-cta { display:flex; align-items:end; justify-content:space-between; gap:30px; padding-top:34px; border-top:1px solid rgba(255,255,255,.14); }
.work-footer-copy { margin:8px 0 0; color:var(--dark-secondary); font-size:14px; line-height:1.55; }
.work-all-button { min-width:190px; gap:14px; }

.editorial-list { border-top: 1px solid var(--soft-grey); }
.editorial-row { display: grid; grid-template-columns: .6fr 3fr 4fr .4fr; gap: 22px; align-items: start; padding-block: 27px; border-bottom: 1px solid var(--soft-grey); }
.editorial-row > span:first-child { color: var(--text-grey); font-size: 11px; }
.editorial-row h3 { margin: 0; font-size: 26px; }
.editorial-row p { margin: 0; color: var(--text-grey); line-height: 1.65; font-size: 14px; }
.editorial-row .logical-arrow { text-align: end; font-size: 22px; }

.team-grid { display: grid; grid-template-columns: 5fr 7fr; gap: 64px; }
.team-grid h2 { margin-bottom: 0; }
.big-number { font-size: clamp(90px, 11vw, 160px); line-height: .86; letter-spacing: -.08em; margin: 40px 0 14px; }
.team-disciplines { color: var(--text-grey); font-size: 12px; line-height: 1.6; max-width: 460px; }
.large-copy { color: var(--text-grey); font-size: 18px; line-height: 1.72; }
html[lang="ar"] .large-copy { line-height: 1.9; }
.process-list { border-top: 1px solid var(--soft-grey); align-self: end; }
.process-list article { display: grid; grid-template-columns: 70px 1fr; gap: 16px; padding-block: 22px; border-bottom: 1px solid var(--soft-grey); }
.process-list article > span { color: var(--text-grey); font-size: 11px; }
.process-list h3 { margin: 0 0 7px; font-size: 20px; }
.process-list p { margin: 0; color: var(--text-grey); font-size: 13px; line-height: 1.55; }

.leadership-grid { display: grid; grid-template-columns: 7fr 5fr; gap: 58px; align-items: center; }
.leadership-media { height: 620px; }
.leadership-media img { height: 100%; object-fit: cover; }
.leadership-grid h2 { margin-bottom: 22px; }
.leadership-grid .large-copy { margin-bottom: 26px; }

.story-grid { display: grid; grid-template-columns: 5fr 7fr; gap: 64px; align-items: center; }
.story-media { height: 600px; }
.story-media img { height: 100%; object-fit: cover; }
.founder-story blockquote { font-size: clamp(38px, 4vw, 60px); line-height: 1.2; letter-spacing: -.048em; margin-bottom: 26px; }
html[lang="ar"] .founder-story blockquote { letter-spacing: 0; line-height: 1.48; }
.founder-story p { color: var(--dark-secondary); font-size: 17px; line-height: 1.72; margin-bottom: 26px; }

.ai-home-grid { display: grid; grid-template-columns: 5fr 7fr; gap: 58px; align-items: center; }
.ai-home-grid h2 { margin-bottom: 22px; }
.ai-preview { max-width: 620px; justify-self: end; background: var(--white); border: 1px solid var(--soft-grey); border-radius: 16px; padding: 20px; box-shadow: 0 18px 52px rgba(11,13,16,.08); }
.ai-preview-top { display: flex; justify-content: space-between; align-items: center; padding-bottom: 14px; border-bottom: 1px solid var(--soft-grey); font-size: 13px; font-weight: 700; }
.ai-preview-top > span { display: flex; align-items: center; gap: 8px; }
.ai-preview-top i { width: 9px; height: 9px; background: var(--cobalt); display: inline-block; }
.ai-preview-top small { color: var(--text-grey); }
.ai-preview-message { margin: 15px 0; padding: 14px; background: #F2F1ED; border-radius: 11px; font-size: 13px; line-height: 1.6; }
.ai-preview-prompt { background: var(--paper); border: 1px solid var(--soft-grey); border-radius: 10px; padding: 12px; margin-top: 8px; font-size: 12px; }
.ai-preview-input { height: 50px; border: 1px solid var(--strong-border); border-radius: 11px; margin-top: 14px; padding-inline: 13px 8px; display: flex; align-items: center; justify-content: space-between; color: var(--dark-muted); font-size: 12px; }
.ai-preview-input b { width: 34px; height: 34px; background: var(--cobalt); color: var(--white); border-radius: 8px; display: flex; align-items: center; justify-content: center; }

.insight-list { border-top: 1px solid var(--soft-grey); }
.insight-row { display: grid; grid-template-columns: 2fr 7fr .5fr; gap: 26px; align-items: center; padding-block: 28px; border-bottom: 1px solid var(--soft-grey); }
.insight-row > span:first-child { color: var(--text-grey); font-size: 10px; text-transform: uppercase; letter-spacing: .09em; }
html[lang="ar"] .insight-row > span:first-child { text-transform: none; letter-spacing: 0; }
.insight-row h3 { margin: 0; font-size: clamp(23px, 2.4vw, 34px); line-height: 1.18; }
.insight-row .logical-arrow { text-align: end; font-size: 22px; }

.final-cta { padding-block: clamp(100px, 9vw, 150px); }
.final-cta-grid { display: grid; grid-template-columns: 8fr 4fr; gap: 46px; align-items: end; }
.final-cta h2 { margin-bottom: 0; font-size: clamp(58px, 6vw, 92px); }
.final-cta p { color: var(--dark-secondary); line-height: 1.7; font-size: 16px; }
.dependency-note { margin-top: 16px; color: #7E8691!important; font-size: 10px!important; }
.site-footer { border-top: 1px solid rgba(255,255,255,.12); padding-block: 32px 48px; }
.footer-grid { display: flex; justify-content: space-between; gap: 30px; }
.footer-grid > div { display: grid; gap: 4px; }
.footer-grid span { color: var(--dark-secondary); font-size: 11px; }
.footer-grid nav { display: flex; gap: 20px; color: var(--dark-secondary); font-size: 12px; }

.mobile-menu { position: fixed; inset: 0; z-index: 80; background: var(--paper); opacity: 0; transform: translateY(-12px); transition: opacity 220ms var(--ease-ui), transform 220ms var(--ease-ui); }
.mobile-menu.open { opacity: 1; transform: translateY(0); }
.mobile-menu-inner { min-height: 100dvh; padding: 20px; display: flex; flex-direction: column; }
.mobile-menu-top { display: flex; align-items: center; justify-content: space-between; }
.mobile-nav { margin-top: 60px; display: grid; }
.mobile-nav a { display: flex; justify-content: space-between; align-items: center; padding-block: 18px; border-bottom: 1px solid var(--soft-grey); font-size: clamp(28px, 8vw, 42px); font-weight: 650; }
.mobile-ai { margin-top: auto; width: 100%; }

.ai-backdrop { position: fixed; inset: 0; z-index: 90; background: rgba(11,13,16,.28); opacity: 0; transition: opacity 220ms var(--ease-ui); }
.ai-backdrop.open { opacity: 1; }
.ai-drawer { position: fixed; z-index: 100; top: 96px; bottom: 24px; inset-inline-end: 24px; width: min(500px, calc(100vw - 48px)); background: var(--white); border: 1px solid var(--soft-grey); border-radius: 16px; box-shadow: 0 26px 70px rgba(11,13,16,.18); display: flex; flex-direction: column; transform: translateX(calc(100% + 40px)); opacity: 0; transition: transform 260ms var(--ease-primary), opacity 220ms var(--ease-ui); overflow: hidden; }
html[dir="rtl"] .ai-drawer { inset-inline-end: auto; inset-inline-start: 24px; transform: translateX(calc(-100% - 40px)); }
.ai-drawer.open { transform: translateX(0)!important; opacity: 1; }
.ai-drawer-top { min-height: 70px; padding: 14px 16px; border-bottom: 1px solid var(--soft-grey); display: flex; align-items: center; justify-content: space-between; }
.ai-identity { display: flex; align-items: center; gap: 10px; }
.ai-identity i { width: 9px; height: 9px; background: var(--cobalt); }
.ai-identity div { display: grid; gap: 2px; }
.ai-identity strong { font-size: 14px; }
.ai-identity span { color: var(--text-grey); font-size: 10px; }
.ai-context { min-height: 40px; padding: 10px 16px; background: #F5F4F0; border-bottom: 1px solid var(--soft-grey); display: flex; justify-content: space-between; font-size: 10px; }
.ai-context span { color: var(--text-grey); }
.ai-messages { flex: 1; overflow: auto; padding: 16px; }
.chat-message { max-width: 88%; padding: 12px 13px; border-radius: 12px; font-size: 13px; line-height: 1.58; margin-bottom: 10px; }
html[lang="ar"] .chat-message { line-height: 1.75; }
.bot-message { background: #F2F1ED; border-start-start-radius: 4px; }
.user-message { background: var(--ink); color: var(--white); margin-inline-start: auto; border-start-end-radius: 4px; }
.quick-prompts { display: grid; gap: 8px; margin: 10px 0 14px; }
.quick-prompts button { border: 1px solid var(--soft-grey); background: var(--paper); border-radius: 10px; padding: 11px 12px; text-align: start; cursor: pointer; font-size: 12px; color: var(--ink); }
.ai-prototype-disclaimer { margin-top: 16px; border: 1px dashed var(--strong-border); border-radius: 10px; padding: 11px; color: var(--text-grey); font-size: 10px; line-height: 1.5; }
.ai-composer { border-top: 1px solid var(--soft-grey); padding: 10px 12px; display: flex; gap: 8px; align-items: flex-end; background: var(--white); }
.ai-composer textarea { flex: 1; min-height: 48px; max-height: 120px; resize: none; border: 1px solid var(--strong-border); border-radius: 11px; padding: 13px; outline: none; line-height: 1.4; }
.ai-composer textarea:focus { border-color: var(--cobalt); box-shadow: 0 0 0 3px rgba(59,91,255,.12); }
.ai-send { flex: 0 0 40px; height: 40px; border: 0; border-radius: 9px; background: var(--cobalt); color: var(--white); cursor: pointer; }
.ai-disclosure { margin: 0; padding: 0 14px 12px; color: var(--dark-muted); text-align: center; font-size: 8px; background: var(--white); }

.reveal { opacity: 0; transform: translateY(16px); transition: opacity 520ms var(--ease-primary), transform 520ms var(--ease-primary); }
.reveal.visible { opacity: 1; transform: translateY(0); }

@media (max-width: 1180px) {
  .container { width: min(100% - (var(--pad-tablet) * 2), var(--container)); }
  .desktop-nav { gap: 20px; }
  .project-row, .project-row.reverse { gap: 36px; }
  .team-grid, .leadership-grid, .story-grid, .ai-home-grid { gap: 42px; }
}

@media (max-width: 980px) {
  .desktop-nav { display: none; }
  .menu-button { display: inline-flex; align-items: center; }
  .header-actions .button-ai { display: none; }
  .hero-grid, .split-intro, .team-grid, .leadership-grid, .story-grid, .ai-home-grid, .final-cta-grid { grid-template-columns: 1fr; }
  .hero-copy { max-width: 820px; }
  .hero-media { height: 640px; max-width: 620px; }
  .project-row, .project-row.reverse { grid-template-columns: 1fr; }
  .project-row.reverse .project-media { order: 0; }
  .project-copy { max-width: 700px; }
  .team-grid { gap: 70px; }
  .leadership-media, .story-media { height: 560px; max-width: 760px; }
  .ai-preview { justify-self: stretch; max-width: none; }
  .final-cta-grid > div:last-child { max-width: 720px; }
}

@media (max-width: 767px) {
  :root { --space-section: 88px; }
  .container { width: calc(100% - (var(--pad-mobile) * 2)); }
  .site-header { height: 68px; }
  .brand { font-size: 16px; }
  .locale-button { height: 38px; min-width: 40px; }
  .menu-button { height: 40px; }
  .hero { padding-top: 48px; padding-bottom: 52px; }
  h1 { font-size: clamp(43px, 12vw, 60px); line-height: .99; }
  h2 { font-size: clamp(38px, 10vw, 52px); line-height: 1.07; }
  html[lang="ar"] h1 { font-size: clamp(40px, 11vw, 54px); line-height: 1.2; }
  .hero-lead { font-size: 16px; line-height: 1.65; }
  .hero-media { height: 470px; min-height: 0; width: 100%; }
  .action-row .button { flex: 1 1 auto; }
  .proof-grid { grid-template-columns: 1fr 1fr; }
  .proof-item { min-height: 112px; padding: 20px 12px; border-bottom: 1px solid var(--soft-grey); }
  .proof-item:nth-child(odd) { border-inline-start: 0; }
  .proof-item:nth-child(even) { border-inline-start: 1px solid var(--soft-grey); }
  .proof-item:nth-last-child(-n+2) { border-bottom: 0; }
  .proof-item strong { font-size: 19px; }
  .split-intro { gap: 18px; margin-bottom: 44px; }
  .split-intro > p { font-size: 15px; }
  .project-row { padding-block: 34px; gap: 22px; }
  .project-media { height: 380px; }
  .project-copy h3 { font-size: 34px; }
  .editorial-row { grid-template-columns: 44px 1fr 26px; gap: 12px; }
  .editorial-row p { grid-column: 2 / -1; }
  .editorial-row h3 { font-size: 22px; }
  .big-number { font-size: 92px; }
  .process-list article { grid-template-columns: 44px 1fr; }
  .leadership-media, .story-media { height: 470px; }
  .founder-story blockquote { font-size: 34px; }
  .insight-row { grid-template-columns: 1fr 28px; gap: 12px; padding-block: 22px; }
  .insight-row > span:first-child { grid-column: 1 / -1; }
  .insight-row h3 { font-size: 23px; }
  .footer-grid { flex-direction: column; }
  .footer-grid nav { flex-wrap: wrap; }
  .ai-drawer, html[dir="rtl"] .ai-drawer { top: 0; bottom: 0; inset-inline: 0; width: 100%; border-radius: 0; transform: translateY(100%); }
  .ai-drawer.open { transform: translateY(0)!important; }
  .ai-drawer-top { min-height: 68px; }
  .ai-composer { padding-bottom: max(10px, env(safe-area-inset-bottom)); }
}

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


/* ===== Phase 12 — Work Index & Case Study ===== */
.page-hero { padding-block: clamp(78px, 8vw, 132px) clamp(64px, 7vw, 110px); }
.page-hero-grid { display:grid; grid-template-columns: 8fr 4fr; gap:48px; align-items:end; }
.page-hero h1 { max-width: 980px; }
.page-hero-lead { color:var(--text-grey); font-size:18px; line-height:1.75; max-width:620px; margin-bottom:0; }
.page-hero-meta { color:var(--text-grey); font-size:12px; line-height:1.7; }

.work-index-strip { border-top:1px solid var(--soft-grey); border-bottom:1px solid var(--soft-grey); }
.work-index-inner { display:grid; grid-template-columns: repeat(5,1fr); }
.work-index-link { min-height:112px; padding:22px 18px; border-inline-start:1px solid var(--soft-grey); display:flex; flex-direction:column; justify-content:space-between; gap:16px; }
.work-index-link:first-child { border-inline-start:0; }
.work-index-link small { color:var(--text-grey); font-size:10px; letter-spacing:.08em; }
.work-index-link strong { font-size:15px; line-height:1.35; }
.work-index-link:hover strong { color:var(--cobalt); }

.work-case { padding-block: clamp(76px,8vw,132px); }
.work-case-grid { display:grid; grid-template-columns: 7fr 5fr; gap:52px; align-items:center; }
.work-case-grid.reverse { grid-template-columns:5fr 7fr; }
.work-case-grid.reverse .work-case-media { order:2; }
.work-case-media { height:clamp(480px,56vw,760px); overflow:hidden; background:#1B1F25; }
.work-case-media img { height:100%; object-fit:cover; }
.work-case-copy { max-width:540px; }
.work-case-copy h2 { margin-bottom:20px; }
.work-case-copy > p { color:var(--text-grey); font-size:16px; line-height:1.75; }
.dark-section .work-case-copy > p { color:var(--dark-secondary); }
.work-case-meta { display:flex; gap:16px; flex-wrap:wrap; margin-bottom:18px; color:var(--text-grey); font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
.dark-section .work-case-meta { color:#858D98; }
html[lang="ar"] .work-case-meta { text-transform:none; letter-spacing:0; }
.work-case-role { margin:20px 0; padding-top:18px; border-top:1px solid var(--soft-grey); font-size:11px!important; text-transform:uppercase; letter-spacing:.07em; }
.dark-section .work-case-role { border-color:rgba(255,255,255,.14); color:#C9CDD5!important; }
html[lang="ar"] .work-case-role { text-transform:none; letter-spacing:0; }

.anonymous-frame { height:clamp(470px,50vw,650px); position:relative; overflow:hidden; background:var(--graphite); color:var(--paper); padding:clamp(30px,5vw,64px); display:flex; flex-direction:column; justify-content:flex-end; }
.anonymous-frame::before { content:''; position:absolute; inset:30px; border-block:1px solid rgba(255,255,255,.12); }
.anonymous-frame .big-anon { position:relative; z-index:1; font-size:clamp(100px,12vw,178px); line-height:.78; letter-spacing:-.08em; font-weight:650; }
.anonymous-frame .anon-label { position:relative; z-index:1; margin-top:18px; color:var(--dark-secondary); font-size:12px; }
.anonymous-frame .anon-top { position:absolute; top:44px; inset-inline-start:clamp(30px,5vw,64px); color:#777F8A; font-size:10px; letter-spacing:.1em; }

.dynexor-frame { height:clamp(450px,48vw,620px); background:#111722; position:relative; overflow:hidden; padding:clamp(30px,5vw,62px); display:flex; flex-direction:column; justify-content:space-between; }
.dynexor-frame::before { content:''; position:absolute; width:54%; aspect-ratio:1; border:1px solid rgba(99,129,255,.32); border-radius:50%; top:-16%; inset-inline-end:-10%; }
.dynexor-frame::after { content:''; position:absolute; height:1px; background:rgba(255,255,255,.14); inset-inline:clamp(30px,5vw,62px); top:50%; }
.dynexor-frame small,.dynexor-frame strong { position:relative; z-index:1; }
.dynexor-frame small { color:#8290B6; letter-spacing:.1em; font-size:10px; }
.dynexor-frame strong { color:#E8EBF7; font-size:clamp(54px,7vw,100px); letter-spacing:-.055em; }

.work-ai-band { padding-block:clamp(88px,8vw,130px); background:var(--white); }
.work-ai-grid { display:grid; grid-template-columns:7fr 5fr; gap:46px; align-items:end; }
.work-ai-grid h2 { margin-bottom:0; }
.work-ai-grid p { color:var(--text-grey); line-height:1.7; }

.case-hero { padding-block:clamp(70px,7vw,116px) 46px; }
.case-hero-head { display:grid; grid-template-columns:3fr 9fr; gap:42px; align-items:end; }
.case-meta { color:var(--dark-muted); font-size:11px; line-height:1.75; }
.case-hero h1 { font-size:clamp(58px,7vw,106px); max-width:1050px; }
.case-hero-intro { color:var(--dark-secondary); font-size:20px; line-height:1.7; max-width:900px; }
.case-media-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:16px; margin-top:56px; min-height:720px; }
.case-media-main,.case-media-side > figure { overflow:hidden; background:#22272D; margin:0; }
.case-media-main img,.case-media-side img { height:100%; object-fit:cover; }
.case-media-main img { object-position:center 60%; }
.case-media-side { display:grid; grid-template-rows:1fr 1fr; gap:16px; }
.case-snapshot { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.14); margin-top:34px; }
.case-snapshot article { padding:22px 18px 0 0; min-height:112px; }
.case-snapshot small { display:block; color:#858D98; font-size:9px; text-transform:uppercase; letter-spacing:.08em; margin-bottom:8px; }
.case-snapshot strong { font-size:14px; line-height:1.45; }
html[lang="ar"] .case-snapshot small { text-transform:none; letter-spacing:0; }

.case-section-grid { display:grid; grid-template-columns:3fr 7fr 2fr; gap:42px; }
.case-section-grid h2 { margin-bottom:26px; }
.case-copy { color:var(--text-grey); font-size:18px; line-height:1.82; }
.case-copy p { margin-bottom:22px; }
.case-quote { margin-top:44px; border-top:1px solid var(--soft-grey); padding-top:28px; font-size:32px; line-height:1.45; letter-spacing:-.03em; color:var(--ink); }
html[lang="ar"] .case-quote { letter-spacing:0; }

.case-role-layout { display:grid; grid-template-columns:5fr 7fr; gap:54px; }
.case-role-list { border-top:1px solid var(--soft-grey); }
.case-role-row { display:grid; grid-template-columns:1.15fr 3fr; gap:24px; padding-block:22px; border-bottom:1px solid var(--soft-grey); }
.case-role-row strong { font-size:18px; }
.case-role-row p { color:var(--text-grey); font-size:14px; line-height:1.65; margin:0; }

.case-system { background:var(--ink); color:var(--paper); }
.case-system .case-copy { color:var(--dark-secondary); }
.case-steps { display:grid; grid-template-columns:repeat(5,1fr); border-top:1px solid rgba(255,255,255,.14); margin-top:54px; }
.case-step { min-height:210px; padding:26px 20px 22px 0; border-inline-start:1px solid rgba(255,255,255,.1); }
.case-step:first-child { border-inline-start:0; }
.case-step span { color:#7F8792; font-size:10px; }
.case-step h3 { margin:28px 0 10px; font-size:21px; }
.case-step p { color:var(--dark-secondary); font-size:13px; line-height:1.6; }

.case-formats-head { display:grid; grid-template-columns:5fr 7fr; gap:42px; margin-bottom:54px; }
.case-formats-head p { color:var(--text-grey); font-size:17px; line-height:1.7; }
.case-format-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.case-format-card { background:var(--paper); }
.case-format-media { height:470px; overflow:hidden; }
.case-format-media img { height:100%; object-fit:cover; }
.case-format-body { padding:18px 14px 20px; }
.case-format-body small { color:var(--text-grey); font-size:9px; text-transform:uppercase; letter-spacing:.08em; }
.case-format-body h3 { font-size:20px; margin:8px 0; }
.case-format-body p { margin:0; color:var(--text-grey); font-size:12px; line-height:1.6; }

.case-leadership { display:grid; grid-template-columns:7fr 5fr; gap:54px; align-items:center; }
.case-leadership-media { height:620px; overflow:hidden; }
.case-leadership-media img { height:100%; object-fit:cover; }
.case-leadership-copy p { color:var(--text-grey); font-size:17px; line-height:1.75; }

.case-changed { background:var(--white); }
.case-changed-grid { display:grid; grid-template-columns:4fr 8fr; gap:44px; }
.case-change-list { border-top:1px solid var(--soft-grey); }
.case-change-row { display:grid; grid-template-columns:1fr 2.6fr; gap:24px; padding-block:23px; border-bottom:1px solid var(--soft-grey); }
.case-change-row span { color:var(--text-grey); font-size:10px; text-transform:uppercase; letter-spacing:.07em; }
.case-change-row strong { font-size:22px; line-height:1.4; }

.case-proof { background:var(--ink); color:var(--paper); }
.case-proof-grid { display:grid; grid-template-columns:4fr 8fr; gap:44px; }
.case-proof p { color:var(--dark-secondary); font-size:17px; line-height:1.75; }
.case-proof-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:36px; }
.case-proof-card { min-height:180px; border:1px solid rgba(255,255,255,.14); padding:22px; }
.case-proof-card strong { display:block; font-size:36px; margin-bottom:10px; }
.case-proof-card span { color:var(--dark-secondary); font-size:12px; line-height:1.55; }
.case-proof-note { border-top:1px solid rgba(255,255,255,.14); margin-top:28px; padding-top:20px; color:#858D98!important; font-size:12px!important; }

.case-ai { background:var(--white); }
.case-ai-grid { display:grid; grid-template-columns:5fr 7fr; gap:50px; align-items:center; }
.case-ai-copy p { color:var(--text-grey); font-size:17px; line-height:1.7; }

.related-work { border-top:1px solid var(--soft-grey); }
.related-work-row { display:grid; grid-template-columns:2fr 8fr .5fr; gap:20px; align-items:center; padding-block:30px; border-bottom:1px solid var(--soft-grey); }
.related-work-row span:first-child { color:var(--text-grey); font-size:10px; }
.related-work-row strong { font-size:26px; }

@media (max-width:980px){
  .page-hero-grid,.work-case-grid,.work-case-grid.reverse,.work-ai-grid,.case-hero-head,.case-section-grid,.case-role-layout,.case-formats-head,.case-leadership,.case-changed-grid,.case-proof-grid,.case-ai-grid { grid-template-columns:1fr; }
  .work-index-inner { grid-template-columns:1fr 1fr; }
  .work-index-link:nth-child(odd){ border-inline-start:0; }
  .work-case-grid.reverse .work-case-media { order:0; }
  .case-media-grid { min-height:0; grid-template-columns:1fr; }
  .case-media-main { height:620px; }
  .case-media-side { grid-template-columns:1fr 1fr; grid-template-rows:1fr; height:360px; }
  .case-snapshot { grid-template-columns:1fr 1fr; }
  .case-steps { grid-template-columns:1fr; }
  .case-step { min-height:0; border-inline-start:0; border-bottom:1px solid rgba(255,255,255,.1); }
  .case-format-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:767px){
  .page-hero { padding-top:56px; }
  .work-index-inner { grid-template-columns:1fr; }
  .work-index-link { min-height:84px; border-inline-start:0; border-bottom:1px solid var(--soft-grey); }
  .work-case { padding-block:82px; }
  .work-case-media,.anonymous-frame,.dynexor-frame { height:470px; }
  .work-footer-cta { align-items:flex-start; flex-direction:column; }
  .work-all-button { width:100%; }
  .case-hero { padding-top:54px; }
  .case-media-main { height:520px; }
  .case-media-side { height:auto; grid-template-columns:1fr 1fr; }
  .case-media-side figure { height:290px; }
  .case-snapshot { grid-template-columns:1fr 1fr; }
  .case-snapshot article { border-bottom:1px solid rgba(255,255,255,.1); }
  .case-format-grid { grid-template-columns:1fr; }
  .case-format-media { height:500px; }
  .case-leadership-media { height:500px; }
  .case-change-row { grid-template-columns:1fr; gap:8px; }
  .case-proof-cards { grid-template-columns:1fr; }
  .related-work-row { grid-template-columns:1fr 28px; }
  .related-work-row span:first-child { grid-column:1/-1; }
}


/* ===== Update 02 — About + Media Team ===== */
.about-hero { padding-block:clamp(76px,8vw,128px) clamp(88px,8vw,140px); }
.about-hero-grid { display:grid; grid-template-columns:7fr 5fr; gap:52px; align-items:center; }
.about-hero h1 { font-size:clamp(60px,7vw,108px); }
.about-hero-lead { color:var(--text-grey); font-size:19px; line-height:1.8; max-width:760px; }
.about-hero-media { margin:0; height:650px; overflow:hidden; position:relative; }
.about-hero-media img { height:100%; object-fit:cover; }
.about-hero-media figcaption { position:absolute; inset-inline:14px; bottom:12px; color:rgba(255,255,255,.72); font-size:9px; background:rgba(11,13,16,.58); padding:8px 10px; }
.about-position { border-block:1px solid var(--soft-grey); padding-block:42px; }
.about-position-grid { display:grid; grid-template-columns:3fr 9fr; gap:38px; }
.about-position-grid strong { font-size:clamp(30px,3vw,44px); line-height:1.35; letter-spacing:-.035em; }
html[lang="ar"] .about-position-grid strong { letter-spacing:0; }
.about-craft-grid { display:grid; grid-template-columns:4fr 7fr 1fr; gap:42px; }
.about-copy p { color:var(--text-grey); font-size:18px; line-height:1.85; }
.about-timeline { border-top:1px solid var(--soft-grey); }
.about-chapter { display:grid; grid-template-columns:2fr 5fr 5fr; gap:36px; padding-block:58px; border-bottom:1px solid var(--soft-grey); align-items:center; }
.about-chapter:nth-child(even) figure { order:2; }
.about-chapter:nth-child(even) > div:last-child { order:3; }
.about-year { font-size:clamp(40px,4vw,54px); letter-spacing:-.04em; }
.about-chapter h2 { font-size:clamp(34px,3.4vw,48px); }
.about-chapter p:not(.eyebrow) { color:var(--text-grey); font-size:16px; line-height:1.75; }
.about-chapter figure { margin:0; height:420px; overflow:hidden; }
.about-chapter figure img { height:100%; object-fit:cover; }
.about-current-grid { display:grid; grid-template-columns:7fr 5fr; gap:52px; align-items:center; }
.about-current-media { height:650px; margin:0; overflow:hidden; }
.about-current-media img { height:100%; object-fit:cover; }
.about-facts { border-top:1px solid var(--soft-grey); margin-top:30px; }
.about-facts > div { display:grid; grid-template-columns:1fr 2fr; gap:20px; padding-block:16px; border-bottom:1px solid var(--soft-grey); }
.about-facts span { color:var(--text-grey); font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
.about-facts strong { font-size:15px; line-height:1.55; }
.about-founder { padding-block:clamp(100px,9vw,150px); }
.about-founder-grid { display:grid; grid-template-columns:5fr 6fr 1fr; gap:42px; align-items:center; }
.about-founder figure { margin:0; height:600px; overflow:hidden; }
.about-founder figure img { height:100%; object-fit:cover; }
.about-founder blockquote { margin:0 0 28px; font-size:clamp(38px,4.4vw,58px); line-height:1.35; letter-spacing:-.04em; }
.about-founder p:not(.eyebrow) { color:var(--dark-secondary); font-size:17px; line-height:1.8; }
.about-team-preview-grid { display:grid; grid-template-columns:5fr 7fr; gap:52px; align-items:center; }
.about-team-count { font-size:clamp(92px,9vw,138px); line-height:.9; letter-spacing:-.08em; margin-block:24px 12px; }
.about-team-preview-grid figure { margin:0; height:610px; overflow:hidden; }
.about-team-preview-grid figure img { height:100%; object-fit:cover; }
.about-future-grid { display:grid; grid-template-columns:4fr 8fr; gap:44px; }
.about-future-lead { font-size:24px; line-height:1.65; color:var(--ink); }
.about-future-grid div:last-child p:last-child { color:var(--text-grey); font-size:16px; line-height:1.75; }
.about-ai-grid { display:grid; grid-template-columns:7fr 5fr; gap:46px; align-items:end; }

.team-page-hero { padding-block:clamp(80px,8vw,132px); }
.team-page-hero-grid { display:grid; grid-template-columns:7fr 5fr; gap:52px; align-items:end; }
.team-page-hero h1 { font-size:clamp(58px,6.8vw,102px); }
.team-page-lead { color:var(--text-grey); font-size:19px; line-height:1.8; max-width:760px; }
.team-count-panel { border-inline-start:1px solid var(--soft-grey); padding-inline-start:36px; }
.team-count-panel strong { display:block; font-size:clamp(110px,10vw,154px); line-height:.8; letter-spacing:-.08em; }
.team-count-panel span { display:block; color:var(--text-grey); font-size:15px; line-height:1.6; max-width:330px; margin-top:24px; }
.team-problem-grid { display:grid; grid-template-columns:4fr 8fr; gap:48px; }
.team-problem-list { border-top:1px solid var(--soft-grey); }
.team-problem-list article { display:grid; grid-template-columns:.7fr 4fr; gap:24px; padding-block:24px; border-bottom:1px solid var(--soft-grey); }
.team-problem-list article span { color:var(--text-grey); font-size:11px; }
.team-problem-list article strong { font-size:clamp(20px,2vw,27px); line-height:1.5; }
.team-model-head { display:grid; grid-template-columns:5fr 7fr; gap:44px; margin-bottom:52px; }
.team-model-head > p { color:var(--text-grey); font-size:18px; line-height:1.75; }
.team-model-steps { display:grid; grid-template-columns:repeat(5,1fr); border-top:1px solid var(--soft-grey); }
.team-model-steps article { min-height:225px; padding:26px 20px 22px 0; border-inline-start:1px solid var(--soft-grey); }
.team-model-steps article:first-child { border-inline-start:0; }
.team-model-steps span { color:var(--text-grey); font-size:10px; }
.team-model-steps h3 { margin:28px 0 12px; font-size:21px; }
.team-model-steps p { color:var(--text-grey); font-size:13px; line-height:1.65; }
.team-structure-grid { display:grid; grid-template-columns:4fr 8fr; gap:48px; }
.team-role-list { border-top:1px solid var(--soft-grey); }
.team-role-list article { display:grid; grid-template-columns:.7fr 2fr 3fr; gap:22px; padding-block:20px; border-bottom:1px solid var(--soft-grey); align-items:baseline; }
.team-role-list article > strong { font-size:29px; letter-spacing:-.04em; }
.team-role-list h3 { margin:0; font-size:19px; }
.team-role-list p { margin:0; color:var(--text-grey); font-size:13px; line-height:1.6; }
.team-split { padding-block:clamp(100px,9vw,150px); }
.team-split-head { max-width:980px; margin-bottom:52px; }
.team-split-head h2 { font-size:clamp(48px,5vw,72px); }
.team-responsibility-grid { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid rgba(255,255,255,.14); }
.team-responsibility-grid > div { padding:38px 44px 20px 0; }
.team-responsibility-grid > div:first-child { border-inline-end:1px solid rgba(255,255,255,.14); }
.team-responsibility-grid > div:last-child { padding-inline-start:44px; }
.team-side-label { color:#858D98; font-size:10px; text-transform:uppercase; letter-spacing:.09em; }
.team-responsibility-grid h3 { font-size:clamp(34px,3.4vw,46px); margin:12px 0 28px; }
.team-responsibility-grid ul { list-style:none; padding:0; margin:0; }
.team-responsibility-grid li { color:#D4D7DC; font-size:17px; padding-block:13px; border-bottom:1px solid rgba(255,255,255,.1); }
.team-split-note { color:var(--dark-secondary); font-size:14px; line-height:1.7; margin-top:24px; }
.team-cap-head { display:grid; grid-template-columns:5fr 7fr; gap:46px; margin-bottom:52px; }
.team-cap-head > p { color:var(--text-grey); font-size:17px; line-height:1.75; }
.team-cap-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--soft-grey); }
.team-cap-grid article { min-height:210px; padding:26px 28px 34px 0; border-inline-start:1px solid var(--soft-grey); border-bottom:1px solid var(--soft-grey); }
.team-cap-grid article:nth-child(3n+1) { border-inline-start:0; }
.team-cap-grid article span { color:var(--text-grey); font-size:10px; }
.team-cap-grid h3 { font-size:23px; margin:24px 0 10px; }
.team-cap-grid p { color:var(--text-grey); font-size:13px; line-height:1.65; }
.team-staffing-grid { display:grid; grid-template-columns:6fr 6fr; gap:50px; align-items:center; }
.team-staffing-grid figure { margin:0; height:620px; overflow:hidden; }
.team-staffing-grid figure img { height:100%; object-fit:cover; }
.team-staffing-rules { border-top:1px solid var(--soft-grey); margin-top:28px; }
.team-staffing-rules > div { display:grid; grid-template-columns:.6fr 3fr; gap:20px; padding-block:16px; border-bottom:1px solid var(--soft-grey); }
.team-staffing-rules span { color:var(--text-grey); font-size:10px; }
.team-staffing-rules strong { font-size:15px; }
.team-proof-grid { display:grid; grid-template-columns:4fr 8fr; gap:48px; }
.team-proof-list { border-top:1px solid var(--soft-grey); }
.team-proof-list a { display:grid; grid-template-columns:1fr 3fr 1.6fr; gap:20px; align-items:center; padding-block:22px; border-bottom:1px solid var(--soft-grey); }
.team-proof-list span { color:var(--text-grey); font-size:10px; }
.team-proof-list strong { font-size:22px; }
.team-proof-list em { color:var(--text-grey); font-size:12px; font-style:normal; text-align:end; }
.team-group-wide { margin-top:58px; height:540px; overflow:hidden; }
.team-group-wide img { height:100%; object-fit:cover; }
.team-ai-grid { display:grid; grid-template-columns:7fr 5fr; gap:48px; align-items:end; }

@media (max-width:980px){
  .about-hero-grid,.about-position-grid,.about-craft-grid,.about-current-grid,.about-founder-grid,.about-team-preview-grid,.about-future-grid,.about-ai-grid,
  .team-page-hero-grid,.team-problem-grid,.team-model-head,.team-structure-grid,.team-cap-head,.team-staffing-grid,.team-proof-grid,.team-ai-grid { grid-template-columns:1fr; }
  .about-position-grid { gap:16px; }
  .about-chapter { grid-template-columns:1fr; }
  .about-chapter:nth-child(even) figure,.about-chapter:nth-child(even) > div:last-child { order:initial; }
  .team-count-panel { border-inline-start:0; border-top:1px solid var(--soft-grey); padding:30px 0 0; }
  .team-model-steps { grid-template-columns:1fr; }
  .team-model-steps article { min-height:0; border-inline-start:0; border-bottom:1px solid var(--soft-grey); }
  .team-responsibility-grid { grid-template-columns:1fr; }
  .team-responsibility-grid > div:first-child { border-inline-end:0; border-bottom:1px solid rgba(255,255,255,.14); }
  .team-responsibility-grid > div,.team-responsibility-grid > div:last-child { padding-inline:0; }
  .team-cap-grid { grid-template-columns:1fr 1fr; }
  .team-cap-grid article:nth-child(3n+1) { border-inline-start:1px solid var(--soft-grey); }
  .team-cap-grid article:nth-child(odd) { border-inline-start:0; }
}
@media (max-width:767px){
  .about-hero-media { height:520px; }
  .about-chapter figure,.about-current-media,.about-founder figure,.about-team-preview-grid figure { height:500px; }
  .about-facts > div { grid-template-columns:1fr; gap:6px; }
  .team-role-list article { grid-template-columns:56px 1fr; }
  .team-role-list p { grid-column:2; }
  .team-cap-grid { grid-template-columns:1fr; }
  .team-cap-grid article,.team-cap-grid article:nth-child(3n+1),.team-cap-grid article:nth-child(odd) { border-inline-start:0; }
  .team-staffing-grid figure,.team-group-wide { height:470px; }
  .team-proof-list a { grid-template-columns:1fr; gap:7px; }
  .team-proof-list em { text-align:start; }
}


/* ===== Update 03 — Insights + Article ===== */
.insights-page-hero { padding-block:clamp(82px,8vw,132px) clamp(88px,8vw,132px); }
.insights-page-hero-grid { display:grid; grid-template-columns:8fr 4fr; gap:52px; align-items:end; }
.insights-page-hero h1 { font-size:clamp(60px,7vw,108px); }
.insights-page-lead { color:var(--text-grey); font-size:18px; line-height:1.8; }
.insights-pillar-strip { border-block:1px solid var(--soft-grey); overflow:hidden; }
.insights-pillar-strip-inner { display:flex; gap:22px; padding-block:18px; white-space:nowrap; overflow:hidden; color:var(--text-grey); font-size:11px; }
.insights-pillar-strip-inner span::after { content:'•'; margin-inline-start:22px; color:#B7B6B1; }
.insights-pillar-strip-inner span:last-child::after { content:''; }
.insights-featured-grid { display:grid; grid-template-columns:7fr 5fr; gap:52px; align-items:center; }
.insights-featured-media { margin:0; height:600px; overflow:hidden; }
.insights-featured-media img { height:100%; object-fit:cover; }
.insight-category { display:inline-block; color:var(--text-grey); font-size:10px; text-transform:uppercase; letter-spacing:.08em; margin-bottom:14px; }
.insights-featured-grid h2 { font-size:clamp(42px,4.5vw,64px); }
.insights-latest-head,.insights-pillars-head { display:grid; grid-template-columns:4fr 8fr; gap:44px; margin-bottom:52px; }
.insights-latest-head > p,.insights-pillars-head > p { color:var(--text-grey); font-size:17px; line-height:1.75; }
.insights-list { border-top:1px solid var(--soft-grey); }
.insights-list-row { display:grid; grid-template-columns:1.6fr 5fr 2fr .4fr; gap:24px; align-items:center; padding-block:26px; border-bottom:1px solid var(--soft-grey); }
.insights-list-row > span { color:var(--text-grey); font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
.insights-list-row strong { font-size:clamp(21px,2.2vw,29px); line-height:1.35; }
.insights-list-row p { margin:0; color:var(--text-grey); font-size:13px; line-height:1.6; }
.insights-list-row i { font-style:normal; text-align:end; }
.insights-list a:hover strong { color:var(--cobalt); }
.insights-pillars-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--soft-grey); }
.insights-pillars-grid article { min-height:245px; padding:26px 28px 32px 0; border-inline-start:1px solid var(--soft-grey); border-bottom:1px solid var(--soft-grey); }
.insights-pillars-grid article:nth-child(3n+1) { border-inline-start:0; }
.insights-pillars-grid span { color:var(--text-grey); font-size:10px; }
.insights-pillars-grid h3 { margin:26px 0 10px; font-size:24px; }
.insights-pillars-grid p { color:var(--text-grey); font-size:13px; line-height:1.65; }
.insights-work-grid { display:grid; grid-template-columns:4fr 8fr; gap:46px; }
.insights-dark-copy { color:var(--dark-secondary); font-size:17px; line-height:1.75; }
.insights-work-list { border-top:1px solid rgba(255,255,255,.14); margin-top:30px; }
.insights-work-list a { display:grid; grid-template-columns:1.4fr 3fr 1.5fr; gap:20px; align-items:center; padding-block:22px; border-bottom:1px solid rgba(255,255,255,.12); }
.insights-work-list span { color:#858D98; font-size:10px; }
.insights-work-list strong { font-size:22px; }
.insights-work-list em { color:var(--dark-secondary); font-size:12px; font-style:normal; text-align:end; }
.insights-ai-grid { display:grid; grid-template-columns:7fr 5fr; gap:48px; align-items:end; }

.article-hero { padding-block:clamp(78px,8vw,126px) 70px; }
.article-hero-grid { display:grid; grid-template-columns:3fr 9fr; gap:42px; }
.article-meta { color:var(--text-grey); font-size:11px; line-height:1.8; display:flex; flex-direction:column; }
.article-hero h1 { font-size:clamp(56px,6.6vw,96px); }
.article-dek { color:var(--text-grey); font-size:22px; line-height:1.7; max-width:900px; }
.article-rule { border-top:1px solid var(--soft-grey); }
.article-body { max-width:760px; margin-inline:auto; padding:80px 28px 100px; }
.article-body p { color:#2D3136; font-size:18px; line-height:1.9; margin:0 0 25px; }
.article-opening { font-size:29px!important; line-height:1.65!important; color:var(--ink)!important; }
.article-body h2 { font-size:clamp(34px,3.2vw,43px); line-height:1.35; margin:62px 0 20px; }
.article-pull { margin:66px -110px; background:var(--ink); color:var(--paper); padding:52px 64px; }
.article-pull span { display:block; font-size:clamp(28px,3vw,39px); line-height:1.5; }
.article-context { padding-block:30px 100px; }
.article-context-grid { max-width:1080px; display:grid; grid-template-columns:7fr 5fr; gap:50px; align-items:center; }
.article-context figure { margin:0; height:560px; overflow:hidden; }
.article-context figure img { height:100%; object-fit:cover; }
.article-context h2 { font-size:clamp(38px,4vw,53px); }
.article-context p { color:var(--text-grey); font-size:16px; line-height:1.8; }
.article-framework { padding-block:40px 110px; }
.article-framework-inner { max-width:1050px; }
.article-framework-inner > h2 { max-width:800px; font-size:clamp(42px,4.5vw,58px); }
.article-framework-list { border-top:1px solid var(--soft-grey); margin-top:36px; }
.article-framework-list article { display:grid; grid-template-columns:.7fr 2fr 4fr; gap:22px; padding-block:22px; border-bottom:1px solid var(--soft-grey); }
.article-framework-list span { color:var(--text-grey); font-size:10px; }
.article-framework-list strong { font-size:19px; }
.article-framework-list p { color:var(--text-grey); font-size:14px; line-height:1.65; margin:0; }
.article-takeaway { padding-block:clamp(82px,8vw,124px); }
.article-takeaway-grid { display:grid; grid-template-columns:4fr 8fr; gap:46px; }
.article-takeaway-grid h2 { font-size:clamp(42px,4.5vw,60px); }
.article-takeaway-grid p { color:var(--dark-secondary); font-size:22px; line-height:1.75; }
.article-related-grid { display:grid; grid-template-columns:4fr 8fr; gap:46px; }
.article-related-list { border-top:1px solid var(--soft-grey); }
.article-related-list a { display:grid; grid-template-columns:1.4fr 4fr .4fr; gap:20px; align-items:center; padding-block:22px; border-bottom:1px solid var(--soft-grey); }
.article-related-list span { color:var(--text-grey); font-size:10px; }
.article-related-list strong { font-size:21px; }
.article-related-list i { font-style:normal; text-align:end; }
.article-ai-grid { display:grid; grid-template-columns:7fr 5fr; gap:48px; align-items:end; }

html[lang="ar"] .insight-category,
html[lang="ar"] .insights-list-row > span { text-transform:none; letter-spacing:0; }

@media(max-width:980px){
  .insights-page-hero-grid,.insights-featured-grid,.insights-latest-head,.insights-pillars-head,.insights-work-grid,.insights-ai-grid,
  .article-hero-grid,.article-context-grid,.article-takeaway-grid,.article-related-grid,.article-ai-grid { grid-template-columns:1fr; }
  .insights-list-row { grid-template-columns:1fr; gap:8px; }
  .insights-list-row i { text-align:start; }
  .insights-pillars-grid { grid-template-columns:1fr 1fr; }
  .insights-pillars-grid article:nth-child(3n+1) { border-inline-start:1px solid var(--soft-grey); }
  .insights-pillars-grid article:nth-child(odd) { border-inline-start:0; }
  .article-pull { margin-inline:0; }
}
@media(max-width:767px){
  .insights-featured-media { height:500px; }
  .insights-pillars-grid { grid-template-columns:1fr; }
  .insights-pillars-grid article,.insights-pillars-grid article:nth-child(3n+1),.insights-pillars-grid article:nth-child(odd) { border-inline-start:0; }
  .insights-work-list a { grid-template-columns:1fr; gap:7px; }
  .insights-work-list em { text-align:start; }
  .article-body { padding-top:62px; }
  .article-pull { padding:38px 26px; }
  .article-context figure { height:480px; }
  .article-framework-list article { grid-template-columns:1fr; gap:8px; }
  .article-related-list a { grid-template-columns:1fr 28px; }
  .article-related-list span { grid-column:1/-1; }
}


/* ===== Update 04 — Contact Page ===== */
.contact-page-hero { padding-block:clamp(82px,8vw,132px); }
.contact-page-hero-grid { display:grid; grid-template-columns:7fr 5fr; gap:52px; align-items:end; }
.contact-page-hero h1 { font-size:clamp(62px,7vw,108px); }
.contact-page-lead { color:var(--text-grey); font-size:19px; line-height:1.8; max-width:740px; }
.contact-hero-aside { border-inline-start:1px solid var(--soft-grey); padding-inline-start:38px; }
.contact-hero-aside strong { display:block; font-size:clamp(25px,2.4vw,34px); line-height:1.45; margin-bottom:14px; }
.contact-hero-aside p { color:var(--text-grey); font-size:14px; line-height:1.7; }

.contact-paths { border-block:1px solid var(--soft-grey); }
.contact-paths-grid { display:grid; grid-template-columns:1fr 1fr; }
.contact-paths article { min-height:310px; padding:44px 46px 50px 0; }
.contact-paths article:first-child { border-inline-end:1px solid var(--soft-grey); }
.contact-paths article:last-child { padding-inline-start:46px; }
.contact-paths h2 { font-size:clamp(32px,3vw,42px); }
.contact-paths p:not(.eyebrow) { color:var(--text-grey); font-size:15px; line-height:1.75; }

.contact-form-grid { display:grid; grid-template-columns:4fr 8fr; gap:50px; align-items:start; }
.project-form { max-width:820px; background:var(--white); border:1px solid var(--soft-grey); padding:34px; border-radius:12px; }
.form-two { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.field { margin-bottom:23px; }
.field label,.choice-field legend { display:block; font-size:13px; font-weight:650; margin-bottom:9px; }
.field label b { color:var(--cobalt); }
.field label em { color:var(--text-grey); font-size:10px; font-style:normal; font-weight:400; margin-inline-start:7px; }
.field input,.field textarea,.field select { width:100%; border:1px solid var(--strong-border); background:#fff; color:var(--ink); border-radius:9px; min-height:52px; padding:12px 14px; font:inherit; font-size:14px; transition:border-color .16s ease,box-shadow .16s ease; }
.field textarea { resize:vertical; min-height:150px; line-height:1.65; }
.field input:focus,.field textarea:focus,.field select:focus { outline:none; border-color:var(--cobalt); box-shadow:0 0 0 3px rgba(59,91,255,.1); }
.field [aria-invalid="true"] { border-color:var(--error); }
.ltr-input { direction:ltr; text-align:left; font-family:Manrope,Inter,Arial,sans-serif!important; }
.field-hint,.field-error { display:block; min-height:17px; font-size:10px; margin-top:6px; }
.field-hint { color:var(--text-grey); }
.field-error { color:var(--error); }
.choice-field { border:0; padding:0; margin-inline:0; }
.choice-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.choice-grid-4 { grid-template-columns:repeat(4,1fr); }
.choice-grid label { position:relative; min-height:46px; margin:0; cursor:pointer; }
.choice-grid input { position:absolute; opacity:0; pointer-events:none; }
.choice-grid span { min-height:46px; height:100%; border:1px solid var(--strong-border); border-radius:8px; display:flex; align-items:center; justify-content:center; text-align:center; padding:8px 10px; font-size:11px; font-weight:500; background:var(--paper); transition:.16s ease; }
.choice-grid input:checked + span { border-color:var(--ink); background:var(--ink); color:#fff; }
.choice-grid input:focus-visible + span { outline:2px solid var(--cobalt); outline-offset:2px; }
.contact-submit-row { border-top:1px solid var(--soft-grey); padding-top:22px; margin-top:26px; display:flex; align-items:center; justify-content:space-between; gap:22px; }
.contact-submit-row p { max-width:450px; margin:0; color:var(--text-grey); font-size:11px; line-height:1.6; }

.project-review { max-width:820px; background:var(--white); border:1px solid var(--soft-grey); border-radius:12px; padding:34px; }
.project-review > p:not(.eyebrow) { color:var(--text-grey); font-size:14px; line-height:1.7; }
.project-review-list { border-top:1px solid var(--soft-grey); margin-block:24px; }
.project-review-row { display:grid; grid-template-columns:1.2fr 2.8fr; gap:20px; padding-block:13px; border-bottom:1px solid var(--soft-grey); }
.project-review-row span { color:var(--text-grey); font-size:10px; }
.project-review-row strong { font-size:13px; line-height:1.55; }
.project-success { max-width:820px; background:#F4FAF6; border:1px solid #CFE5D8; border-radius:12px; padding:30px; }
.project-success strong { display:block; color:var(--success); font-size:22px; margin-bottom:10px; }
.project-success p { margin:0; color:#365D44; font-size:14px; line-height:1.7; }

.contact-next-grid { display:grid; grid-template-columns:4fr 8fr; gap:48px; }
.contact-next-list { border-top:1px solid var(--soft-grey); }
.contact-next-list article { display:grid; grid-template-columns:.7fr 2.2fr 4fr; gap:22px; padding-block:22px; border-bottom:1px solid var(--soft-grey); }
.contact-next-list span { color:var(--text-grey); font-size:10px; }
.contact-next-list strong { font-size:19px; }
.contact-next-list p { margin:0; color:var(--text-grey); font-size:13px; line-height:1.65; }

.contact-ai-grid { display:grid; grid-template-columns:7fr 5fr; gap:48px; align-items:end; }
.contact-dark-copy { color:var(--dark-secondary); font-size:17px; line-height:1.75; }

.contact-proof-grid { display:grid; grid-template-columns:4fr 8fr; gap:48px; }
.contact-proof-list { border-top:1px solid var(--soft-grey); }
.contact-proof-list a { display:grid; grid-template-columns:1.4fr 3fr 1.5fr; gap:20px; align-items:center; padding-block:22px; border-bottom:1px solid var(--soft-grey); }
.contact-proof-list span { color:var(--text-grey); font-size:10px; }
.contact-proof-list strong { font-size:22px; }
.contact-proof-list em { color:var(--text-grey); font-size:12px; font-style:normal; text-align:end; }

.contact-reassure-grid { display:grid; grid-template-columns:7fr 5fr; gap:48px; align-items:end; }

[hidden] { display:none!important; }

@media(max-width:980px){
  .contact-page-hero-grid,.contact-form-grid,.contact-next-grid,.contact-ai-grid,.contact-proof-grid,.contact-reassure-grid { grid-template-columns:1fr; }
  .contact-hero-aside { border-inline-start:0; border-top:1px solid var(--soft-grey); padding:28px 0 0; }
  .choice-grid,.choice-grid-4 { grid-template-columns:1fr 1fr; }
}
@media(max-width:767px){
  .contact-paths-grid { grid-template-columns:1fr; }
  .contact-paths article,.contact-paths article:last-child { padding:34px 0; }
  .contact-paths article:first-child { border-inline-end:0; border-bottom:1px solid var(--soft-grey); }
  .project-form,.project-review { padding:24px 20px; }
  .form-two,.choice-grid,.choice-grid-4 { grid-template-columns:1fr; }
  .contact-submit-row { flex-direction:column; align-items:stretch; }
  .contact-submit-row .button { width:100%; }
  .project-review-row { grid-template-columns:1fr; gap:5px; }
  .contact-next-list article { grid-template-columns:1fr; gap:7px; }
  .contact-proof-list a { grid-template-columns:1fr; gap:7px; }
  .contact-proof-list em { text-align:start; }
}


/* ===== Update 05 — Live AI + Project Summary ===== */
.ai-thinking { color:var(--text-grey); font-style:italic; }
.ai-error-message { background:#FFF4F2!important; color:var(--error); border:1px solid #F0C8C0; }
.ai-live-actions { margin-top:12px; padding-top:12px; border-top:1px solid var(--soft-grey); }
.ai-summary-trigger { width:100%; min-height:44px; }

.ai-summary-card { margin-top:14px; border:1px solid var(--soft-grey); border-radius:12px; overflow:hidden; background:#fff; }
.ai-summary-head { padding:13px 14px; background:var(--paper); border-bottom:1px solid var(--soft-grey); display:flex; flex-direction:column; gap:4px; }
.ai-summary-head strong { font-size:13px; }
.ai-summary-head span { color:var(--text-grey); font-size:10px; }
.ai-summary-field { display:block; padding:10px 13px; border-bottom:1px solid var(--soft-grey); }
.ai-summary-field > span { display:block; color:var(--text-grey); font-size:9px; margin-bottom:5px; }
.ai-summary-field input,.ai-summary-field textarea { width:100%; border:1px solid transparent; border-radius:6px; background:#fff; padding:7px 8px; color:var(--ink); font:inherit; font-size:11px; line-height:1.5; resize:vertical; }
.ai-summary-field input:focus,.ai-summary-field textarea:focus { outline:none; border-color:var(--cobalt); box-shadow:0 0 0 2px rgba(59,91,255,.08); }
.ai-summary-actions { padding:12px; display:grid; grid-template-columns:1fr 1.2fr; gap:8px; }
.ai-summary-actions .button { min-height:42px; padding-inline:9px; font-size:10px; }

.ai-drawer::before { content:''; position:absolute; top:21px; inset-inline-end:60px; width:7px; height:7px; border-radius:50%; background:#B9BDC4; }
.ai-drawer.ai-configured::before { background:var(--success); }
.ai-drawer.ai-not-configured::before { background:var(--warning); }

@media(max-width:767px){
  .ai-summary-actions { grid-template-columns:1fr; }
}


/* ===== Update 06 — Real Contact Leads ===== */
.contact-trap {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
}

.contact-consent {
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-top:8px;
  color:var(--text-grey);
  font-size:11px;
  line-height:1.55;
  cursor:pointer;
}

.contact-consent input {
  width:17px;
  height:17px;
  margin-top:1px;
  flex:0 0 auto;
  accent-color:var(--ink);
}

.consent-error {
  margin-bottom:14px;
}

.project-send-error {
  margin:18px 0;
  padding:13px 14px;
  border:1px solid #F0C8C0;
  border-radius:8px;
  background:#FFF4F2;
  color:var(--error);
  font-size:12px;
  line-height:1.6;
}

.project-review button:disabled {
  opacity:.55;
  cursor:wait;
}


/* ===== Hotfix 06.1 — Contact desktop interaction ===== */

/*
  Keep the two desktop columns in separate stacking contexts.
  This prevents translated/animated copy from intercepting clicks
  over the form at wide viewport sizes.
*/
.contact-form-grid {
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  position: relative;
  isolation: isolate;
}

.contact-form-grid > div {
  min-width: 0;
}

.contact-form-grid > div:first-child {
  position: relative;
  z-index: 1;
}

.contact-form-grid > div:last-child {
  position: relative;
  z-index: 3;
  pointer-events: auto;
}

.project-form,
.project-review,
.project-success {
  position: relative;
  z-index: 4;
  width: 100%;
  pointer-events: auto;
}

.project-form.reveal.visible {
  transform: none;
}

.project-form input,
.project-form textarea,
.project-form select,
.project-form button,
.project-form label,
.project-form fieldset,
.project-form .choice-grid,
.project-form .choice-grid span {
  position: relative;
  z-index: 5;
  pointer-events: auto;
}

/* Hidden anti-spam field should never intercept mouse/touch input. */
.contact-trap {
  pointer-events: none !important;
}

/* Native hidden radio/checkbox controls stay non-clickable;
   their visible label span receives the click. */
.project-form .choice-grid input {
  pointer-events: none;
}

/* Arabic contact form remains fully RTL while URL/email/phone fields stay LTR. */
html[dir="rtl"] .project-form,
html[dir="rtl"] .project-review {
  direction: rtl;
}

html[dir="rtl"] .project-form .ltr-input {
  direction: ltr;
  text-align: left;
}

@media (max-width:980px) {
  .contact-form-grid {
    grid-template-columns: 1fr;
  }
}


/* ===== PRE-LAUNCH TRUST LAYER ===== */
.prototype-note:empty,
.about-hero-media figcaption:empty {
  display:none;
}

.footer-legal {
  border-top:1px solid rgba(255,255,255,.12);
  padding-block:18px 26px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  color:var(--dark-muted);
  font-size:10px;
}

.footer-legal > div {
  display:flex;
  align-items:center;
  gap:18px;
}

.footer-legal a,
.footer-legal button {
  color:var(--dark-secondary);
  font:inherit;
  background:none;
  border:0;
  padding:0;
  cursor:pointer;
}

.footer-legal a:hover,
.footer-legal button:hover {
  color:#fff;
}

.ai-privacy-link {
  display:block;
  margin:0 18px 15px;
  color:var(--text-grey);
  font-size:9px;
  text-decoration:underline;
  text-underline-offset:3px;
}

.consent-banner {
  position:fixed;
  z-index:1200;
  inset-inline:24px;
  bottom:24px;
  width:min(760px,calc(100vw - 48px));
  margin-inline:auto;
  background:var(--paper);
  color:var(--ink);
  border:1px solid var(--strong-border);
  border-radius:12px;
  box-shadow:0 22px 70px rgba(11,13,16,.18);
  padding:20px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:28px;
  align-items:end;
  opacity:0;
  transform:translateY(12px);
  transition:opacity .18s ease,transform .18s ease;
}

.consent-banner.open {
  opacity:1;
  transform:translateY(0);
}

.consent-copy strong {
  display:block;
  font-size:18px;
  line-height:1.4;
  margin-bottom:6px;
}

.consent-copy > p:last-child {
  margin:0;
  color:var(--text-grey);
  font-size:12px;
  line-height:1.6;
}

.consent-actions {
  display:flex;
  gap:8px;
}

.consent-actions .button {
  white-space:nowrap;
  min-height:42px;
  padding-inline:14px;
  font-size:10px;
}

.privacy-hero {
  padding-block:clamp(86px,9vw,150px);
}

.privacy-hero-grid {
  display:grid;
  grid-template-columns:7fr 5fr;
  gap:52px;
  align-items:end;
}

.privacy-hero h1 {
  font-size:clamp(58px,7vw,104px);
}

.privacy-lead {
  color:var(--text-grey);
  font-size:19px;
  line-height:1.8;
}

.privacy-updated {
  display:block;
  margin-top:24px;
  color:var(--text-grey);
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.privacy-quick {
  border-block:1px solid var(--soft-grey);
  padding-block:42px 56px;
}

.privacy-quick-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--soft-grey);
  margin-top:22px;
}

.privacy-quick-grid article {
  padding:22px 22px 10px 0;
  border-inline-start:1px solid var(--soft-grey);
}

.privacy-quick-grid article:first-child {
  border-inline-start:0;
}

.privacy-quick-grid span {
  color:var(--text-grey);
  font-size:9px;
}

.privacy-quick-grid h2 {
  font-size:19px;
  margin:22px 0 10px;
}

.privacy-quick-grid p {
  color:var(--text-grey);
  font-size:12px;
  line-height:1.65;
}

.privacy-two-col {
  display:grid;
  grid-template-columns:4fr 8fr;
  gap:50px;
}

.privacy-two-col h2 {
  font-size:clamp(38px,4vw,54px);
}

.privacy-intro,
.privacy-copy p {
  color:var(--text-grey);
  font-size:16px;
  line-height:1.85;
}

.dark-copy p {
  color:var(--dark-secondary);
}

.privacy-list {
  border-top:1px solid var(--soft-grey);
}

.dark-section .privacy-list {
  border-color:rgba(255,255,255,.14);
}

.privacy-list article {
  display:grid;
  grid-template-columns:2fr 4fr;
  gap:28px;
  padding-block:20px;
  border-bottom:1px solid var(--soft-grey);
}

.dark-section .privacy-list article {
  border-color:rgba(255,255,255,.12);
}

.privacy-list h3 {
  font-size:18px;
  margin:0;
}

.privacy-list p {
  color:var(--text-grey);
  font-size:13px;
  line-height:1.7;
  margin:0;
}

.privacy-choices {
  margin:0;
  padding:0;
  list-style:none;
  counter-reset:privacy-choice;
  border-top:1px solid var(--soft-grey);
}

.privacy-choices li {
  counter-increment:privacy-choice;
  display:grid;
  grid-template-columns:56px 1fr;
  gap:14px;
  padding-block:17px;
  border-bottom:1px solid var(--soft-grey);
  font-size:15px;
  line-height:1.65;
}

.privacy-choices li::before {
  content:"0" counter(privacy-choice);
  color:var(--text-grey);
  font-size:10px;
}

.privacy-contact {
  display:grid;
  grid-template-columns:7fr 5fr;
  gap:50px;
  align-items:end;
}

@media(max-width:980px) {
  .privacy-hero-grid,
  .privacy-two-col,
  .privacy-contact {
    grid-template-columns:1fr;
  }

  .privacy-quick-grid {
    grid-template-columns:1fr 1fr;
  }

  .consent-banner {
    grid-template-columns:1fr;
    align-items:stretch;
  }
}

@media(max-width:767px) {
  .footer-legal {
    flex-direction:column;
    align-items:flex-start;
  }

  .footer-legal > div {
    flex-wrap:wrap;
  }

  .privacy-quick-grid {
    grid-template-columns:1fr;
  }

  .privacy-quick-grid article {
    border-inline-start:0;
    border-bottom:1px solid var(--soft-grey);
  }

  .privacy-list article {
    grid-template-columns:1fr;
    gap:8px;
  }

  .consent-banner {
    inset-inline:12px;
    bottom:12px;
    width:calc(100vw - 24px);
    padding:16px;
  }

  .consent-actions {
    display:grid;
    grid-template-columns:1fr;
  }
}

@media(prefers-reduced-motion:reduce) {
  .consent-banner {
    transition:none;
  }
}

/* ===== V03 — Personal Brand Edition ===== */
.header-actions .button-ai,.mobile-ai{background:transparent;color:var(--ink);border:1px solid var(--strong-border)}
.header-actions .button-ai:hover,.mobile-ai:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.credibility-strip{background:var(--white);border-bottom:1px solid var(--soft-grey)}
.credibility-inner{display:grid;grid-template-columns:2fr 7fr 3fr;gap:32px;align-items:center;padding-block:30px}
.credibility-inner .eyebrow{margin:0;color:var(--text-grey)}
.credibility-names{display:flex;align-items:center;gap:clamp(24px,4vw,56px);flex-wrap:wrap}
.credibility-names span{font-size:clamp(18px,1.7vw,25px);font-weight:700;letter-spacing:-.035em}
html[lang="ar"] .credibility-names span{letter-spacing:0}.credibility-inner>p:last-child{margin:0;color:var(--text-grey);font-size:12px;line-height:1.6}
.motion-section{overflow:hidden}.motion-grid{display:grid;grid-template-columns:5fr 7fr;gap:clamp(46px,6vw,84px);align-items:center}.motion-copy h2{margin-bottom:26px}.motion-copy .large-copy{max-width:640px;margin-bottom:28px}.motion-mosaic{display:grid;grid-template-columns:1.25fr .9fr;grid-template-rows:1fr 1fr;gap:12px;min-height:680px}.motion-frame{margin:0;overflow:hidden;background:#DDD9D2;min-height:0}.motion-frame-tall{grid-row:1/span 2}.motion-frame img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-primary)}.motion-frame:hover img{transform:scale(1.025)}
.leadership-home-grid{display:grid;grid-template-columns:5fr 7fr;gap:clamp(48px,6vw,82px);align-items:center}.leadership-home-media{margin:0;height:700px;overflow:hidden;background:#DDD9D2}.leadership-home-media img{height:100%;object-fit:cover}.leadership-home-copy h2{margin-bottom:24px}.leadership-home-copy>.large-copy{max-width:780px;margin-bottom:34px}.leadership-principles{border-top:1px solid var(--soft-grey);margin-bottom:30px}.leadership-principles article{display:grid;grid-template-columns:54px 1fr;gap:18px;padding-block:20px;border-bottom:1px solid var(--soft-grey)}.leadership-principles article>span{color:var(--text-grey);font-size:10px;padding-top:4px}.leadership-principles h3{margin:0 0 5px;font-size:20px}.leadership-principles p{margin:0;color:var(--text-grey);font-size:13px;line-height:1.65}
.ai-home-quiet{padding-block:clamp(68px,6vw,96px)}.ai-quiet-grid{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:end}.ai-quiet-grid h2{margin:0;font-size:clamp(38px,4vw,58px)}.ai-quiet-grid .large-copy{max-width:720px;margin-bottom:22px}.about-leadership-manifesto{margin:30px 0 28px;max-width:650px;font-size:clamp(28px,3vw,44px);line-height:1.22;letter-spacing:-.04em;font-weight:650}html[lang="ar"] .about-leadership-manifesto{letter-spacing:0;line-height:1.45}.leadership-model-panel strong{font-size:clamp(42px,5vw,72px);line-height:.95;letter-spacing:-.055em;max-width:420px}html[lang="ar"] .leadership-model-panel strong{letter-spacing:0;line-height:1.2}.leadership-model-panel span{max-width:420px}.ai-drawer .button-ai,.ai-send{background:var(--cobalt);color:var(--white)}
@media(max-width:980px){.credibility-inner,.motion-grid,.leadership-home-grid,.ai-quiet-grid{grid-template-columns:1fr}.credibility-inner{gap:18px}.motion-mosaic{min-height:620px}.leadership-home-media{height:600px}}
@media(max-width:767px){.credibility-inner{padding-block:24px}.credibility-names{gap:18px 28px}.credibility-names span{font-size:18px}.motion-mosaic{min-height:560px;grid-template-columns:1.2fr .8fr;gap:8px}.leadership-home-media{height:520px}.leadership-principles article{grid-template-columns:42px 1fr}.ai-home-quiet{padding-block:64px}}


/* ===== Button reliability hotfix ===== */
button,
a[href],
.button,
.locale-button,
.menu-button,
.icon-button {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

/* Do not translate the clickable control itself. Moving the hit target during
   pointer interaction can cause a missed pointerup/click on some devices. */
.future-magnetic,
.future-magnetic.is-magnetic {
  transform: none !important;
}

button:focus-visible,
a[href]:focus-visible,
.button:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}