/* Founder pitch pages, /team/<slug>/ and /ar/team/<slug>/ (7 Nov 2026). Prefix :root body to hold against page styles. */
:root body .fp{--fpi:var(--k-ink,#0A0B0D);--fpi2:var(--k-ink2,#3D3A35);--fps:var(--k-soft,#6F6A60);--fpl:var(--k-line,#E4DED4);--fpsand:var(--k-sand,#F4F0EA);--fpc:var(--k-copper,#E8500A);--fpct:var(--k-copper-text,#B23A07);
  --fpd:'Inter Tight','Inter',system-ui,sans-serif;--fpb:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  max-width:1120px;margin:0 auto;padding:0 24px;font-family:var(--fpb);color:var(--fpi2)}
html[lang="ar"] body .fp{--fpd:'Readex','Inter Tight',sans-serif;--fpb:'Readex','Inter',sans-serif}
:root body .fp h1,:root body .fp h2,:root body .fp h3{font-family:var(--fpd);color:var(--fpi);margin:0}
:where(.fp) p{margin:0;max-width:none}

/* hero */
:root body .fp-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:56px;align-items:center;padding:28px 0 52px}
:root body .fp-crumb{font-size:14px;color:var(--fps);padding-top:28px}
:root body .fp-crumb a{color:var(--fps)}
:root body .fp-crumb a:hover{color:var(--fpi)}
:root body .fp-kick{font-size:15px;font-weight:600;color:var(--fpct);margin-bottom:10px}
:root body .fp h1{font-size:clamp(40px,5.4vw,64px);font-weight:600;letter-spacing:-.035em;line-height:1.02}
html[lang="ar"] body .fp h1{letter-spacing:0;line-height:1.2}
:root body .fp-pitch{font-family:var(--fpd);font-size:clamp(21px,2.2vw,27px);line-height:1.32;color:var(--fpi);font-weight:500;letter-spacing:-.015em;margin-top:22px;max-width:30ch}
html[lang="ar"] body .fp-pitch{letter-spacing:0;line-height:1.6}
:root body .fp-sub{font-size:17px;line-height:1.7;margin-top:18px;max-width:58ch}
html[lang="ar"] body .fp-sub{line-height:1.9}
:root body .fp-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
:root body .fp-ctas .btn{min-height:50px;padding:0 24px;align-items:center;justify-content:center}
:root body .fp-li svg{color:#0A66C2;flex:none}
:root body .fp-por{margin:0;position:relative;justify-self:end;width:100%;max-width:400px}
:root body .fp-por img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:28px;background:#222527;box-shadow:0 40px 70px -40px rgba(10,11,13,.55)}
:root body .fp-por::before{content:"";position:absolute;inset:18px -18px -18px 18px;border-radius:30px;background:var(--fpsand);z-index:-1}
html[dir="rtl"] body .fp-por::before{inset:18px 18px -18px -18px}
:root body .fp-por figcaption{position:absolute;inset-inline-start:18px;bottom:18px;background:rgba(251,250,248,.94);border-radius:14px;padding:11px 16px;box-shadow:0 10px 30px -14px rgba(10,11,13,.4)}
:root body .fp-por figcaption b{display:block;font-family:var(--fpd);color:var(--fpi);font-size:16px}
:root body .fp-por figcaption span{font-size:13px;color:var(--fps)}

/* facts strip */
:root body .fp-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--fpl);border-radius:20px;background:#fff;overflow:hidden}
:root body .fp-facts>div{padding:24px 24px 26px;border-inline-start:1px solid var(--fpl)}
:root body .fp-facts>div:first-child{border-inline-start:0}
:root body .fp-facts b{display:block;font-family:'Inter Tight','Inter',sans-serif;font-size:clamp(28px,3vw,36px);font-weight:600;color:var(--fpi);letter-spacing:-.03em;line-height:1.05;margin-bottom:8px}
html[dir="rtl"] body .fp-facts b{text-align:right}
:root body .fp-facts span{font-size:14.5px;line-height:1.5;color:var(--fpi2);display:block}

/* sections */
:root body .fp-sec{padding-top:80px}
:root body .fp-sec>h2,:root body .fp-ph h2,:root body .fp-cols h2{font-size:clamp(28px,3vw,38px);font-weight:500;letter-spacing:-.025em;line-height:1.15;margin-bottom:28px}
html[lang="ar"] body .fp :is(h2,h3){letter-spacing:0;line-height:1.45}
:root body .fp-why{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
:root body .fp-why article{background:#fff;border:1px solid var(--fpl);border-radius:20px;padding:28px 28px 30px}
:root body .fp-ic{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#FDEBDF;color:var(--fpct);margin-bottom:18px}
:root body .fp-why h3{font-size:20px;font-weight:600;letter-spacing:-.015em;margin-bottom:10px}
:root body .fp-why p{font-size:16px;line-height:1.65}
html[lang="ar"] body .fp-why p{line-height:1.85}

/* quote band */
:root body .fp-q{margin:80px 0 0;background:var(--fpi);color:#F4F0EA;border-radius:24px;padding:52px 56px;position:relative;overflow:hidden}
:root body .fp-q::before{content:"\201C";position:absolute;inset-inline-end:36px;top:-30px;font-family:Georgia,serif;font-size:220px;line-height:1;color:var(--fpc);opacity:.9}
:root body .fp-q p{font-family:var(--fpd);font-size:clamp(21px,2.4vw,29px);line-height:1.4;font-weight:500;letter-spacing:-.015em;color:#FBFAF8;max-width:40ch;position:relative}
html[lang="ar"] body .fp-q p{letter-spacing:0;line-height:1.75}
:root body .fp-q footer{margin-top:22px;font-size:15px;color:#FF9A3C;font-weight:600;background:none;padding:0}

/* career path + side */
:root body .fp-cols{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:48px;align-items:start}
:root body .fp-path{list-style:none;margin:0;padding:0;position:relative}
:root body .fp-path::before{content:"";position:absolute;inset-inline-start:7px;top:10px;bottom:10px;width:2px;background:var(--fpl)}
:root body .fp-path li{display:grid;grid-template-columns:130px minmax(0,1fr);gap:18px;padding:0 0 30px 34px;position:relative}
html[dir="rtl"] body .fp-path li{padding:0 34px 30px 0}
:root body .fp-path li::before{content:"";position:absolute;inset-inline-start:0;top:6px;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #C9C1B4;box-sizing:border-box}
:root body .fp-path li.now::before{background:var(--fpc);border-color:var(--fpc);box-shadow:0 0 0 5px #FDEBDF}
:root body .fp-y{font-size:13.5px;font-weight:600;color:var(--fps);padding-top:3px;font-variant-numeric:tabular-nums}
:root body .fp-path li.now .fp-y{color:var(--fpct)}
:root body .fp-path h3{font-size:18px;font-weight:600;letter-spacing:-.01em}
:root body .fp-path .fp-c{font-size:15px;font-weight:600;color:var(--fpct);margin-top:3px}
:root body .fp-path p:not(.fp-c){font-size:15.5px;line-height:1.6;margin-top:6px}
:root body .fp-side{display:grid;gap:16px;position:sticky;top:96px}
:root body .fp-box{background:var(--fpsand);border-radius:20px;padding:24px 24px 26px}
:root body .fp-box h3{font-size:17px;font-weight:600;margin-bottom:14px}
:root body .fp-box p{font-size:15px;line-height:1.55}
:root body .fp-box p+p{margin-top:12px}
:root body .fp-box p b{display:block;color:var(--fpi);font-weight:600}
:root body .fp-chips{display:flex;flex-wrap:wrap;gap:8px}
:root body .fp-chips span{font-size:14px;padding:8px 13px;border-radius:999px;background:#fff;color:var(--fpi);border:1px solid var(--fpl)}
:root body .fp-links{display:grid;gap:4px}
:root body .fp-links h3{margin-bottom:8px}
:root body .fp-links a{font-size:15px;font-weight:600;color:var(--fpct);padding:7px 0;text-decoration:underline;text-underline-offset:3px}

/* posts */
:root body .fp-ph{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}
:root body .fp-ph h2{margin-bottom:8px !important}
:root body .fp-ph p{font-size:16px;max-width:60ch}
:root body .fp-ph>a{flex:none;font-weight:600;color:var(--fpct);text-decoration:underline;text-underline-offset:3px;padding:8px 0}
:root body .fp-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
:root body .fp-posts a{display:flex;flex-direction:column;justify-content:space-between;gap:16px;background:#fff;border:1px solid var(--fpl);border-radius:18px;padding:22px 22px 20px;min-height:150px;transition:border-color .15s,transform .15s}
:root body .fp-posts a:hover{border-color:var(--fpi);transform:translateY(-2px)}
:root body .fp-posts b{font-family:var(--fpd);font-size:17px;line-height:1.35;color:var(--fpi);font-weight:600}
:root body .fp-posts span{font-size:13px;color:var(--fps)}

/* responsive */
@media (max-width:980px){
  :root body .fp-hero{grid-template-columns:1fr;gap:36px;padding-top:24px}
  :root body .fp-por{justify-self:start;max-width:340px;order:-1}
  :root body .fp-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  :root body .fp-facts>div:nth-child(3){border-inline-start:0}
  :root body .fp-facts>div:nth-child(n+3){border-top:1px solid var(--fpl)}
  :root body .fp-cols{grid-template-columns:1fr;gap:40px}
  :root body .fp-side{position:static}
  :root body .fp-posts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  :root body .fp{padding:0 20px}
  :root body .fp-hero{padding-bottom:36px}
  :root body .fp-por{max-width:250px}
  :root body .fp-por figcaption{display:none}
  :root body .fp-por::before{inset:12px -10px -12px 12px}
  html[dir="rtl"] body .fp-por::before{inset:12px 12px -12px -10px}
  :root body .fp-ctas{flex-direction:column}
  :root body .fp-ctas .btn{width:100%}
  :root body .fp-facts>div{padding:20px 18px 22px}
  :root body .fp-sec{padding-top:60px}
  :root body .fp-why{grid-template-columns:1fr;gap:14px}
  :root body .fp-why article{padding:24px 22px}
  :root body .fp-q{margin-top:60px;padding:40px 26px 36px;border-radius:20px}
  :root body .fp-q::before{font-size:160px;top:-22px;inset-inline-end:18px}
  :root body .fp-path li{grid-template-columns:1fr;gap:4px}
  :root body .fp-ph{flex-direction:column;align-items:flex-start;gap:4px}
  :root body .fp-posts{grid-template-columns:1fr}
  :root body .fp-posts a{min-height:0}
}
@media (prefers-reduced-motion:reduce){:root body .fp-posts a{transition:none}:root body .fp-posts a:hover{transform:none}}
