/* Approved mobile concept 4. Desktop styles and all original copy stay intact. */
@media (max-width:760px) {
  .site-header nav { margin-block-start:4px;gap:clamp(16px,5vw,28px); }
  .site-header nav a { display:inline-flex;align-items:center;min-height:32px;font-size:14px; }
  html[lang=ar] .site-header nav a { font-size:15px; }
  .site-header .languages button { font-size:12px; }
  .site-header .languages [data-language=ar] { font-size:14px; }
  .hero { display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:7px 0 32px;min-height:0; }
  .hero-copy { display:contents; }
  .hero-identity { order:3;margin:17px 0 0; }
  .hero-identity .identity-role { font-size:14px;line-height:1.65; }
  html[lang=ar] .hero-identity .identity-role { font-size:12px; }

  html[lang=ar] .hero h1 { font-size:clamp(31px,9.3vw,41px);line-height:1.35; }
  html[lang] .hero h1 { order:1;display:grid;row-gap:8px;margin:18px 0 8px; }
  html[lang=en] .hero h1 { font-size:clamp(32px,calc(13.3vw - 5.32px),52px);line-height:1.12;letter-spacing:-.055em;row-gap:10px;margin-top:0; }
  html[lang=en] .hero-title-line:nth-of-type(2) { font-size:clamp(24px,calc(9.9vw - 3.96px),38.7px);line-height:1.15;letter-spacing:-.05em; }
  .hero h1 br { display:none; }
  .hero-title-line { display:block;white-space:nowrap; }
  /* Clip the moving words without changing inline-block baselines in WebKit. */
  .hero h1 .mixed-word-mask { overflow:visible;clip-path:inset(0); }
  html[lang] .hero h1 em { display:inline-block;position:relative;isolation:isolate;line-height:1.05;background:none;padding:0; }
  .hero h1 em::before { content:'';position:absolute;inset-inline:-.025em;bottom:.1em;height:.36em;background:var(--vermilion-500);z-index:-1;transform:scaleX(var(--mixed-marker,1));transform-origin:left; }
  html[lang=ar] .hero h1 em { line-height:1.15; }
  html[lang=ar] .hero h1 em::before { bottom:.25em;height:.3em;transform-origin:right; }

  .hero-visual.hero-circle { order:2;width:calc(100% + 40px);height:242px;min-height:0;margin:0 -20px;padding:0;overflow:hidden;border-bottom:1px solid var(--neutral-200); }
  .hero-circle-disc { width:210px;height:210px;left:50%;top:auto;bottom:-42px;translate:-50% 0;animation:none; }
  .hero-circle-photo { inset:auto 0 0;height:222px;animation:none; }
  .hero-circle-orbit { display:none; }
  .hero-circle-label { display:none; }

  .hero .intro { order:4;max-width:none;margin:0;padding-top:10px;font-size:14px;line-height:1.85; }
  html[lang=en] .hero .intro { text-align:justify;text-align-last:start;text-justify:inter-word; }
  html[lang=ar] .hero .intro { font-size:14px;line-height:1.85; }
  .hero .social-links { --site-icon-size:44px;--social-radius:8px;order:5;justify-content:center;gap:clamp(9px,2.55vw,12px);margin:22px 0 0;flex-wrap:nowrap; }
  .hero .social-tile .social-glyph { width:24px;height:25px; }

  /* Three marks on row one; each of the last two owns half the second row. */
  .trust-section { padding-block:32px 36px; }
  .trust-section .client-list { grid-template-columns:repeat(6,minmax(0,1fr));gap:32px 20px;margin-block:28px; }
  .trust-section .client-item { grid-column:span 2; }
  .trust-section .client-item:nth-child(1) { grid-row:1;grid-column:1 / span 2; }
  .trust-section .client-item:nth-child(2) { grid-row:1;grid-column:5 / span 2; }
  .trust-section .client-item:nth-child(3) { grid-row:1;grid-column:3 / span 2; }
  .trust-section .client-item:nth-child(4) { grid-column:1 / span 3; }
  .trust-section .client-item:nth-child(5) { grid-column:4 / span 3; }
  .trust-section .company-flip,.trust-section .company-face .client-mark { height:72px; }
  .trust-section .client-mark>img { max-width:100%;max-height:42px; }
  .trust-section .client-item:nth-child(5) .client-mark>img { max-width:132px;max-height:48px; }
  .trust-section .client-crop--magpie { transform:scale(.62); }
  .trust-section .client-crop--zenown { transform:scale(.72); }
  .trust-section .client-context { max-width:440px; }
  html[lang=en] .trust-section .client-context { max-width:380px;font-size:clamp(12px,3.6vw,15px);line-height:1.85;text-wrap:balance; }

  html[lang=en] .solutions-stacks .stack-intro { font-size:15px; }
  html[lang=en] .solutions-stacks .stack-description { font-size:14px; }
  html[lang=en] .solutions-stacks :is(.stack-tool,.stack-pending) { font-size:13px;line-height:1.7; }
  html[lang=en] .solutions-stacks .stack-group>.eyebrow { font-size:12px;line-height:1.6; }

  #practice .stack-credentials { display:block;padding-top:20px; }
  .stack-credentials>.eyebrow { display:block;margin-bottom:12px; }
  .stack-credentials .credential-items { gap:8px;align-items:flex-start; }
  .stack-credentials .credential-item { display:block;max-width:100%;padding:6px 9px;border:1px solid var(--neutral-400);border-radius:var(--radius-chip);background:var(--neutral-50);color:var(--neutral-950);font-family:"JetBrains Mono",monospace;font-size:13px;line-height:1.6;white-space:normal; }
}
@media (max-width:359px) {
  .site-header nav { gap:10px; }
  .hero .social-links { --site-icon-size:40px;gap:8px; }
  .trust-section .client-list { column-gap:14px; }
  html[lang=en] .trust-section .client-context { width:calc(100% + 20px);max-width:none;margin-inline:-10px; }
}
@media (prefers-reduced-motion:reduce) {
  .hero h1 em::before { transform:none; }
}