/* Individual leadership bio pages (Karim, Engy) */

.tm-blobs .b1{position:absolute;width:55vw;height:55vw;right:-18vw;top:-20vw;border-radius:50%;background:radial-gradient(circle,#12363e 0%,transparent 65%);filter:blur(70px);animation:flowA 18s ease-in-out infinite}
.tm-blobs.tm-blobs-l .b1{left:-18vw;right:auto;bottom:-22vw;top:auto;animation:flowB 20s ease-in-out infinite}

.tm-nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:22px 44px;background:linear-gradient(180deg,rgba(5,14,18,.9),rgba(5,14,18,0))}
.tm-back{font-family:Jost,sans-serif;font-size:11px;letter-spacing:.28em;color:rgba(238,243,242,.7);border:1px solid rgba(238,243,242,.28);padding:11px 20px;border-radius:2px;transition:border-color .3s,color .3s}
.tm-back:hover{border-color:#8fd0cf;color:#8fd0cf}

.tm-footer{position:relative;z-index:1;border-top:1px solid rgba(238,243,242,.12);padding:44px;display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}
.tm-footer .links{display:flex;gap:28px;font-family:Jost,sans-serif;font-size:11px;letter-spacing:.24em}
.tm-footer .links a{color:rgba(238,243,242,.55)}

.tm-next{position:relative;z-index:1;border-top:1px solid rgba(238,243,242,.12);padding:100px 44px;display:flex;align-items:baseline;justify-content:space-between;gap:32px;flex-wrap:wrap}
.tm-next-label{font-family:Jost,sans-serif;font-size:11px;letter-spacing:.3em;color:rgba(238,243,242,.45);margin:0}
.tm-next-link{font-size:clamp(30px,4.6vw,72px);font-weight:800;letter-spacing:-.03em;line-height:1;transition:color .3s}
.tm-next-link:hover{color:#8fd0cf}

.tm-qa{border-top:1px solid rgba(238,243,242,.14);padding:38px 0}
.tm-qa:last-child{border-bottom:1px solid rgba(238,243,242,.14)}
.tm-qa h2{font-size:clamp(21px,2vw,29px);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0 0 16px}
.tm-qa p{font-size:16px;line-height:1.75;font-weight:300;color:rgba(238,243,242,.68);margin:0;max-width:70ch;text-wrap:pretty}

.tm-img{position:relative;overflow:hidden}
.tm-img img{width:100%;height:100%;object-fit:cover;display:block}

/* ---- Engy layout: hero grid ---- */
.tm-hero{position:relative;z-index:1;padding:24vh 44px 0;max-width:1400px;margin:0 auto;box-sizing:border-box}
.tm-eyebrow{font-family:Jost,sans-serif;font-size:11px;letter-spacing:.34em;color:#8fd0cf;margin:0 0 26px}
.tm-name{font-size:clamp(44px,8vw,132px);font-weight:800;letter-spacing:-.04em;line-height:.94;margin:0}
.tm-name .last{color:transparent;-webkit-text-stroke:1.5px rgba(238,243,242,.8)}
.tm-role{font-family:Jost,sans-serif;font-size:11px;letter-spacing:.28em;color:rgba(143,208,207,.85);margin:38px 0 0}
.tm-pad{position:relative;z-index:1;padding:0 44px;max-width:1400px;margin:0 auto;box-sizing:border-box}
.tm-grid-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:70px;align-items:end;padding-top:80px}
.tm-grid-hero-copy{display:flex;flex-direction:column;gap:28px;padding-bottom:10px}
.tm-grid-hero-lede{font-size:clamp(21px,2.2vw,34px);line-height:1.35;font-weight:700;letter-spacing:-.02em;margin:0;text-wrap:pretty}
.tm-grid-hero-body{font-size:17px;line-height:1.75;font-weight:300;color:rgba(238,243,242,.68);margin:0;text-wrap:pretty}
.tm-grid-hero-img{height:80vh}
.tm-cols2{display:grid;grid-template-columns:200px minmax(0,1fr);gap:60px;padding-top:110px}
.tm-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;border-top:1px solid rgba(238,243,242,.14);padding-top:40px;margin-top:90px}
.tm-facts .fl{font-family:Jost,sans-serif;font-size:10px;letter-spacing:.3em;color:rgba(143,208,207,.8);margin:0 0 16px}
.tm-facts .fv{font-size:16px;line-height:1.7;font-weight:300;color:rgba(238,243,242,.7);margin:0}
.tm-mos{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:90px;padding-bottom:14vh}
.tm-mos .tm-img{height:44vh}
.tm-marg{font-family:Jost,sans-serif;font-size:10px;letter-spacing:.28em;color:rgba(143,208,207,.8);margin:8px 0 0;line-height:1.9}

/* ---- Karim layout: sticky split ---- */
.tm-split{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}
.tm-sticky{position:sticky;top:0;height:100vh;overflow:hidden}
.tm-sticky-fade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,14,18,.35),transparent 45%,rgba(5,14,18,.5));pointer-events:none}
.tm-vname{position:absolute;left:26px;bottom:44px;margin:0;writing-mode:vertical-rl;transform:rotate(180deg);font-family:Jost,sans-serif;font-size:11px;letter-spacing:.42em;color:rgba(238,243,242,.7)}
.tm-body{padding:22vh 70px 0}
.tm-name2{font-size:clamp(40px,5.6vw,84px);font-weight:800;letter-spacing:-.035em;line-height:.98;margin:0}
.tm-lede2{font-size:clamp(19px,1.5vw,23px);line-height:1.6;font-weight:300;color:rgba(238,243,242,.88);margin:44px 0 0;max-width:34ch;text-wrap:pretty}
.tm-qa-label{font-family:Jost,sans-serif;font-size:11px;letter-spacing:.32em;color:rgba(143,208,207,.8);margin:0 0 34px}
.tm-facts2{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin:90px 0 0}
.tm-work{margin:90px 0 0;padding-bottom:110px}
.tm-work .tm-img{height:46vh;margin-bottom:14px}
.tm-work-label{font-family:Jost,sans-serif;font-size:10px;letter-spacing:.26em;color:rgba(238,243,242,.4);margin:0}
.tm-work-label a{color:#8fd0cf}

@media (max-width:1024px){
  .tm-nav{padding:18px 28px!important}
  .tm-grid-hero{grid-template-columns:1fr!important;gap:40px!important}
  .tm-grid-hero-img{height:64vh!important;order:-1}
  .tm-cols2{grid-template-columns:1fr!important;gap:40px!important}
  .tm-split{grid-template-columns:1fr!important}
  .tm-sticky{position:relative!important;height:70vh!important}
  .tm-body{padding:60px 44px 0!important}
}
@media (max-width:760px){
  .tm-hero,.tm-pad,.tm-body{padding-left:24px!important;padding-right:24px!important}
  .tm-facts,.tm-mos{grid-template-columns:1fr!important;gap:26px!important}
  .tm-facts2{grid-template-columns:1fr!important;gap:12px!important}
  .tm-vname{display:none!important}
}
@media (prefers-reduced-motion:reduce){*{animation-duration:.001s!important}}