/* Final layout polish layered after styles.css */

/* Typography scale: strong, but not oversized. Keep display headings readable and balanced. */
h1,h2{text-wrap:balance}
.hero h1{font-size:clamp(50px,5.35vw,80px);max-width:11.5ch;line-height:1.04}
.section-heading h2{font-size:clamp(36px,4vw,56px);line-height:1.08}
.nology-copy h2{font-size:clamp(40px,3.7vw,56px);max-width:12.5ch;line-height:1.08}

/* Brand hierarchy: the nav is a wordmark, not another descriptor block. */
.wordmark small{display:none!important}
.wordmark{gap:0}
.wordmark::after{
  width:30px!important;
  height:2px!important;
  margin-top:7px!important;
  opacity:.82!important;
  animation:none!important;
  transform:none!important;
}
html[lang='ar'] .wordmark{align-items:flex-end}
html[lang='ar'] .wordmark::after{transform-origin:right}

/* The portrait already has a current-role note; a second name/title caption repeats the hero. */
.portrait-caption{display:none!important}

/* First-screen hierarchy: remove decorative noise and give the copy enough width. */
.hero h1 .accent::after{display:none}
.hero-copy>.eyebrow{margin-bottom:2px}
.hero-name{margin-top:14px;margin-bottom:11px}
.hero-actions{margin-top:26px}
.hero-tags{margin-top:22px}

@media(min-width:1051px){
  .hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:48px}
  .hero-tags{flex-wrap:nowrap;gap:7px}
  .hero-tags span{padding:8px 10px;font-size:11px;white-space:nowrap}
}

/* Proof row: center the visual rhythm so RTL/LTR do not fight the divider logic. */
.proof-item{text-align:center;padding-inline:20px}
.proof-item::before{left:50%!important;right:auto!important;transform:translateX(-50%);width:34px}
.proof-item p,.proof-item small{margin-inline:auto;max-width:230px}
.proof-item strong{text-align:center!important}

/*
  Selected work
  Keep the hierarchy simple: one full-width flagship case, then two supporting cases.
  The previous two-row span forced the flagship card to match the combined height of
  both side cards, which created a large empty area in Arabic and English.
*/
.case-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:auto;
  gap:15px;
  align-items:stretch;
}
.case-card.featured{
  grid-column:1 / -1;
  grid-row:auto;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  min-height:430px;
}
.case-grid>.case-small:nth-of-type(2),
.case-grid>.case-small:nth-of-type(3){grid-column:auto;grid-row:auto}
.case-small{min-height:330px}
.case-card.featured .case-copy{min-width:0;min-height:430px}
.case-card.featured .case-copy h3{max-width:17ch}
.case-card.featured .case-media{
  min-width:0;
  min-height:430px;
  height:100%;
  aspect-ratio:auto;
}
.cms-photo{width:100%;height:100%;object-fit:cover;display:block}
.portrait-card .cms-photo{object-position:center 28%}
.case-media .cms-photo,.award-media .cms-photo,.event-card .cms-photo,.nology-media .cms-photo{object-position:center center}

/* Industry / event cards should read like meaningful participation, not generic attendance. */
#events .event-card{aspect-ratio:1.35/1}
#events .section-heading p{max-width:620px}

/* Nology: media and copy now share one row height instead of leaving a dead area below the photo. */
#nology.section{padding-bottom:78px}
.nology-grid{align-items:stretch}
.nology-media,.nology-copy{min-height:0;height:100%}
.nology-media{aspect-ratio:auto;min-height:0}
.nology-media .photo-svg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nology-copy{height:auto}
.nology-copy h2{font-size:clamp(38px,3.2vw,50px);max-width:15ch}
.nology-copy p{margin:16px 0}
.nology-stats{margin:12px 0 18px}
.nology-copy .button{margin-top:6px}

/* Employer badges on the hero image. Logos replace repeating company names. */
.note-a{
  min-width:218px;
  padding:50px 14px 13px;
  background-image:url("data:image/png;base64,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");
  background-repeat:no-repeat;
  background-size:112px auto;
  background-position:14px 12px;
}
.note-a strong{font-size:0!important}
.note-a strong::after{content:'Head of Digital';font-size:13px;line-height:1.35;display:block;color:var(--text)}

.hero-visual::before{
  content:'Previous role';
  position:absolute;
  z-index:5;
  right:-4%;
  bottom:11%;
  width:226px;
  min-height:98px;
  padding:13px 14px;
  border:1px solid var(--line);
  border-radius:16px;
  background-color:color-mix(in srgb,var(--panel) 90%,transparent);
  background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAABACAMAAAATQQrVAAAAYFBMVEUAAADLy8vV1dX///++vr7JycnLy8uqqqrMzMzLy8vMzMzLy8vLy8vX19d/f3/Q0NDQ0NDQ0NDR0dHQ0NDQ0NDk5OTk5OSZmZlVVVW/v78AAAAAAAAAAAAAAAAAAAAAAADOXDpaAAAAIHRSTlMA/P0BBREvA9BOkG+xCgLPrpArbk7/CQUDIAAAAAAAALZvzCYAAAsnSURBVHja1VuHcuy2DpXYVShts/Py/z8agBUs0q597bcJZzLXWRXyEO0AhIbhvzX4IK5mHC9q0L86Dd84/vcvwKt2xsaRsWn4rdVwIfKrtdDvRM25HAHuiIhvnP8KWvePlFIpJa2bQvO3YRbD7PEC4vUXlJrjK2/LbEyYxazLJJ1mvUvCJgEe7U8vA+HeFgPaw1jUI/xrfYDY9XssWCfAIwDefvjtg7qMLE8Qt5ax/a7fI2Q+EMDyR9cA4pVXItgsYPfHroZ3WPLv2TCAWSK40czLpG7gtaZlHeOvyzsQb8RL/2gk1oO4OGSMmbuiV+w0+ynZKt6AGOIw8+NH4zCo8+7h7pNOsSkO5VWdrZt+B2J53UdzVT+LVwW8C8xgMTQ9lhkGaLZ0kP3l+Rc8F3/lhk/9o2HCqQ0CukgHV8GWBj1i4z6rQQ7COUvYD10EySfjGaHTLsxsWpwZi7BI/OobOBfnFiaOKSLn1gQBDrYJTQzFvg3S36L4lzZ6O1oUj+w1vY+fmouol1z+e6S524FCz1FhQZTBXlNccsYrwZLQdUFoyFNYacXZsDa8vp0RX6KmeTVurPP99omoeEf57AxXRQkN/pbT4jjg0f6L5XGz/ct8mCJeEX3XaNB6gU/PXrDGynBX8pUCwth4PhAKkDTehBpAGwldtJwR72wNGjYaL+8LvcadWPCp6wEXcfKBy91ItjltZQZdcHBOlxyY7NXLGOx4LUQMgD+KNR+MfaomBVxTS+gcnYPlb+3K3dX1M8kYYnOkXxisxAHg4IR1ax0T82FdeFvGl4DxafQ6GlcXJavcLLeA2D/3fDjGUhA6dWGsfycGCd1beWFM3G19RswPAbt199kqTCX8ixA6MRjw2otTAJ5vjK59fG1QipQJXR/ypdLRtHJcug4+odjpLgHLgEfZhiRnpIKLJEtd+VMHdBoC8rgiutHngLNwtkHM7FwfSh0lgNekWsUrABLfDgGjgGqNXrzcZFDoeZBdnYeY5XU6yoBzxV5DnB8Z5LNNqhCTlee3GFbtZ+Pei32qL7klyCG4Ydiv6unNPQySDY4gqZAvN72COdBCCPgN3vYFhYrllce30F+SEMUx4LGJc7BfqKdeU4pA60zY+i119YbCiPHhDfztSxLevK4UeBPWErRzIh3AYadbwGPruOhNtfiUj8GCBzhF4gAOAqcJSjBUgN000qruyHrHjAx3LwWDMzPEegvBfoJoT68YqfmXALO6+FMD5pKkDV4p5GBH75tEQTpXGQFDbF69MQvKpg+YDnEs4QkefEBE9fgkE007vTYPXwLsYgg/Bgz/l5TG+3gHWAbtIIDlMBskRiYANj2lbwYEb0XWz4JbKLw6A46EWuUHTkmjFfUTZ4BZtacHgJ2e9gDXKg0Ld05bjMw5yS0A1s9qRVOhoVNYKAmfGOQK16pjxlYFsicSZuSF4kTCkPFtSaWDmvIoP5HlC8x6gn98pI75w5OkWFfUInqUjZTj8K31S2SBOIr4DDAzKiEuPF0LeFV5B29hR0M8h7VYd8giXNQxEux98TvhqVWtPU1cFxfWCauaWHAb6z3iqRXxKeCRPmGs5n3A8D/GZsA26KsOeFhMHPjiyK3YonP2TrYT9Qq8qnA/SNGb8qPp576S3BJZBq7vGLAlvrF0piVgRSq8AQ4k9sEZs3F2ieHi4rPkIogmOOnxrJjWmO+uEvO2+Qihn+FApiRHVhnCuYQhgyJ5RBEvCWCgigRw4BtgmFucL5ZFfWXUs4VEtBJtOi31RsUUcQ0k1WAtmesUoYO8zgGDosqO4TeAF2Lh0bYkno2qivKAf5VBkaeo0aM4AgzoSiZFsnZSLjh2AsDOs0m+ImFbJKmgjxvvA/4garnFYCN98TLTvYtChuJTKNRtw07r/435TkM2VSq86dAJ0IMVWTPnvoRp4SWHmAYwUfeYFS4OsV72cNByeYASR5tMAj70WZwfmW+TS6rDMzGa+d1eA1wQdJKsV4CpmLZUguWhuAZDWc8MvE2CFuroUPom3JgvZPIl90lVmZMzMaKgwWs9B8w3a6gZ864N00mjFbOZI3mOu49wb5dwyDLEAFATy1xWK7PyuazVcMfWonWeFcgrYT0HXEZ41liC89JgX8RR6qit++RLHFI41Gpm8VApkYK+AYrh79p8azJvXwOcAtPrgIv6aUgjCsDIMErXE00HMrZFOc4n5QPrqEFaQkT/3dXH4+hLJWxeADx4ul6kWM8BF6bvn6vSQ9xtRQt1Oj6B7srVxsfcA4BbLYMAey7rqflWNmzEUS2ZuumvAOZaFjydVyqNHrNKAThZc254CGoO0S7i7XAG8cR8jwJOF/GWXO5XAA+UQYSqKwGsXISpqpu61+2AXFrQ+FqWmI+iL+8WilPwOKqr4gkW/x7gin9gGkEAA/+5tQwejz/mkdE6E9sxS7d595B+8K9E3z5r7EVydLUSbet7gGszlhTw6ms2dY6GrMw+ZhM7PNZ5+oRfKKImb+BbTZ7lAYsi6T94ra2zIcsHQPw2YE76m9w6CWBjfYXZ1aLbM0iJxEP5c3Aph7+ulLnpqgI4vGC+zTlF78wV1+u82TcBYzG5SCNsBjwuPByqNG0qnOe6y+YaEGnxcbTbVuItkoUj8207zNZGDZwNMhVO7L4DuCghge0JotLGHRoEibRFe7BtrX1lLfUxjb0zGF4cIzjzPTnHp+xgqioe/kgeBGC/D7icYdUptXbJoQ253uXWPYb2rFreC/usfA3syvo0+tYF8Bw5KGLuax1uhu8DLtOIlYQlVKlYwWJ37Cos+oSDXtt7WR2v9bAqq89brrp2mzx0ccipSNODCK8CjH8iYXpuTOqZQC0NpMMyzg+QbWgx8cO9wroQNebIzNaq1L0Rt9A9hg0wxZaze2Ie7M7DnFs8dP9jCRdpxEioJWynGv7iPBLocZ0UTV390YdXgNXvGZ6WbIc2idVs2RlCpoaO3EqSKVzQarnsKTH5IwkftGE4Kg3rF5lOIoFe5wXC0bLMq8kdLZdwAsL2hg6Kl06HzYptfbxoFkpCHg22gpmsRvY1CdvjfuLeqhwpQcRF80HZYBL6SSeV8eqGGtUngUdjloTx1tSV0nbXVdMBzBoJsyPAnJpxKtPiTiMG1Ljp0j3hRV75iBwLGYE+q8Y8awCwnDehsn+KnN+aypY5zQocPP3S6xhvN9WE8yTXuqK1b6RktbDM9ZFOENjc65V+taelSDlEybzruzTZkgiYbEEAnH7ptsjX63IdAC4MMHeAhx812GkmTVOORVvSTLwM3aJbR3mOoJRZTf+pkK/yWCiIgLPnjYDTL/1vAirH5eNHqL6zO55ZWh+HwGHB8OU7UPUQhJE/aX7WoPm1Nh4xyF7TEubnumjRSdXrXJxQqY0nxJf+RxCFsTFjyTMw83xzkaHkFDJyDliHOCkiuxYP9pJOC3K4OO2sdl57ouE6F0pFZrCsOFEMvzDTBezqNywznIG+F2PDoijNs4o0wWNHnj7r652u6fuXFwEjMD6t1K2P+514RTwNgKsfcy6qDwvu7MeUT8lx9ezoMxeftPo2wOKIZU9tpGZGZYYw7KNw3vbzdlVPytwXTqfjJusTZPQba2osLTtQ0ZHe50tuGsSCzWNeL7mAH35Z7WGxSEzXdZ0f/yM3CJccsCaIRlZwmYbnHzlo8a2OcR1004pcA297g8+ayPmzjvfOffC3uPcarVxYUqSV+bzDgW9PR2fBXOjYJs573dRlqzMmNJrXv/Dz7nPd3OHajq/5w6wgYnPFTmP++19m8f/7RyOugWVTznQ99Z39l3eDeP93pT81/gEj62c89Pv3ygAAAABJRU5ErkJggg==");
  background-repeat:no-repeat;
  background-size:86px auto;
  background-position:right 12px top 12px;
  box-shadow:0 16px 40px rgba(0,0,0,.24);
  color:var(--muted);
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.1em;
  backdrop-filter:blur(16px);
  pointer-events:none;
}
.hero-visual::after{
  content:'Media & Activation Sr. Manager';
  position:absolute;
  z-index:6;
  right:-4%;
  bottom:11%;
  width:226px;
  padding:49px 14px 14px;
  color:var(--text);
  font-size:12px;
  font-weight:800;
  line-height:1.35;
  pointer-events:none;
}

html[lang='ar'] .note-a{
  background-position:right 14px top 12px;
}
html[lang='ar'] .note-a strong::after{content:'رئيس الإدارة الرقمية';font-family:var(--arabic);font-size:13px}
html[lang='ar'] .hero-visual::before{
  content:'المنصب السابق';
  right:auto;
  left:-4%;
  background-position:left 12px top 12px;
  text-align:right;
  font-family:var(--arabic);
  text-transform:none;
  letter-spacing:0;
}
html[lang='ar'] .hero-visual::after{
  content:'مدير أول الإعلام والتفعيل التسويقي';
  right:auto;
  left:-4%;
  text-align:right;
  font-family:var(--arabic);
}

/* Arabic: let the page read naturally instead of mirroring every English layout rule. */
html[lang='ar'] .section-heading{
  display:block;
  margin-bottom:32px;
  text-align:right;
}
html[lang='ar'] .section-heading h2{font-size:clamp(34px,3.45vw,50px);max-width:16ch;margin-top:12px;line-height:1.25!important}
html[lang='ar'] .section-heading p{margin-top:16px;margin-right:0;margin-left:auto;max-width:660px;line-height:1.9}

/* Make every Arabic rendering of the name feel like the same wordmark. */
html[lang='ar'] .hero-name,
html[lang='ar'] .wordmark-name{
  font-family:var(--arabic-display)!important;
  font-weight:700!important;
  letter-spacing:-.035em!important;
}
html[lang='ar'] .hero-name{font-size:23px;line-height:1.15;color:var(--gold)}

html[lang='ar'] .hero h1{
  font-family:var(--arabic-display)!important;
  font-size:clamp(42px,4.2vw,62px);
  max-width:15ch;
  line-height:1.2!important;
  letter-spacing:-.045em;
}
html[lang='ar'] .hero-lead{
  max-width:39em;
  font-size:clamp(16.5px,1.22vw,19px);
  line-height:1.9;
}
html[lang='ar'] .hero-tags{direction:rtl}
html[lang='ar'] .hero-tags span{font-family:var(--arabic);font-size:11px;letter-spacing:0}
html[lang='ar'] .note-a{left:-3%;top:15%}
html[lang='ar'] .float-note{max-width:220px}

html[lang='ar'] .case-card,
html[lang='ar'] .award-card,
html[lang='ar'] .story-card,
html[lang='ar'] .event-card,
html[lang='ar'] .nology-copy{text-align:right}
html[lang='ar'] .case-card.featured{
  direction:rtl;
  grid-template-columns:minmax(0,1.02fr) minmax(300px,.98fr);
}
html[lang='ar'] .case-copy{padding:30px}
html[lang='ar'] .case-copy h3{font-size:clamp(30px,2.25vw,38px);max-width:12ch;line-height:1.3!important;text-wrap:balance}
html[lang='ar'] .case-copy p{line-height:1.9;max-width:38ch}
html[lang='ar'] .case-small{min-height:330px}
html[lang='ar'] .case-small h3{font-size:27px;line-height:1.35!important;max-width:17ch;text-wrap:balance}
html[lang='ar'] .case-small p{line-height:1.85;max-width:42ch}
html[lang='ar'] .case-metrics{direction:ltr;justify-content:flex-end;text-align:right}
html[lang='ar'] .case-metrics span{text-align:right}
html[lang='ar'] .case-media-caption{direction:rtl;text-align:right}
html[lang='ar'] .case-media-caption h3{line-height:1.42!important;max-width:22ch}

html[lang='ar'] .award-copy{padding:22px}
html[lang='ar'] .award-copy h3{line-height:1.35!important}
html[lang='ar'] .award-copy p{line-height:1.85}
html[lang='ar'] .award-copy .text-link{margin-right:0;margin-left:auto}

/* Arabic experience reads better as a vertical list: date above the role, not in a mirrored side column. */
html[lang='ar'] .role{
  grid-template-columns:1fr!important;
  gap:7px!important;
  padding:24px 0;
  text-align:right;
}
html[lang='ar'] .role time,
html[lang='ar'] .role>div{
  grid-column:1!important;
  grid-row:auto!important;
  text-align:right!important;
}
html[lang='ar'] .role time{padding-top:0;font-size:11px;letter-spacing:0!important;text-transform:none!important;color:var(--gold)}
html[lang='ar'] .role h3{line-height:1.42!important}
html[lang='ar'] .role p{margin-right:0;margin-left:auto;line-height:1.9}

html[lang='ar'] #events .event-caption{direction:rtl;text-align:right}
html[lang='ar'] #events .event-caption h3{line-height:1.4!important}
html[lang='ar'] #nology .nology-copy{text-align:right}
html[lang='ar'] #nology .nology-copy h2{font-size:clamp(34px,2.8vw,44px);max-width:18ch;line-height:1.3!important}
html[lang='ar'] #nology .nology-copy p{line-height:1.9}
html[lang='ar'] #nology .nology-stats{direction:ltr;text-align:left}

@media(max-width:1050px){
  .case-grid{grid-template-columns:1fr 1fr}
  .case-card.featured{grid-column:1/-1;grid-template-columns:1fr 1fr;min-height:400px}
  .case-card.featured .case-copy,.case-card.featured .case-media{min-height:400px}
  .nology-grid{align-items:start}
  .nology-media{aspect-ratio:16/10;min-height:0;height:auto}
  .nology-copy{height:auto}
  html[lang='ar'] .case-card.featured{grid-template-columns:1fr 1fr}
  html[lang='ar'] .hero h1{max-width:14ch}
}

@media(max-width:760px){
  .hero h1{font-size:clamp(44px,12.2vw,58px);max-width:10.5ch;line-height:1.06}
  .section-heading h2{font-size:clamp(34px,9.7vw,44px);line-height:1.12}
  .nology-copy h2{font-size:clamp(34px,9vw,42px);max-width:15ch}
  .proof-item{padding-inline:12px}
  .case-grid{grid-template-columns:1fr}
  .case-card.featured,.case-grid>.case-small:nth-of-type(2),.case-grid>.case-small:nth-of-type(3){grid-column:1;grid-row:auto}
  .case-card.featured{display:flex!important;min-height:0}
  html[lang='ar'] .case-card.featured{display:flex!important}
  .case-card.featured .case-copy{min-height:0}
  .case-card.featured .case-media{min-height:0;height:auto;order:-1;aspect-ratio:4/3}
  html[lang='ar'] .case-media{order:-1}
  .case-small,html[lang='ar'] .case-small{min-height:300px}
  #events .event-card{aspect-ratio:4/3}
  .nology-media{min-height:0;aspect-ratio:4/3;height:auto}
  .nology-copy{height:auto}
  #nology.section{padding-bottom:64px}
  .hero-visual::before,.hero-visual::after{display:none}
  html[lang='ar'] .hero h1{font-size:clamp(38px,10.2vw,49px)!important;max-width:12.5ch;line-height:1.23!important}
  html[lang='ar'] .hero-lead{font-size:16px;line-height:1.9}
  html[lang='ar'] .hero-tags{gap:6px}
  html[lang='ar'] .hero-tags span{font-size:10.5px;padding:7px 9px}
  html[lang='ar'] .section-heading h2{font-size:clamp(32px,8.9vw,42px);max-width:13.5ch}
  html[lang='ar'] #nology .nology-copy h2{font-size:clamp(32px,8.7vw,40px);max-width:15ch}
  html[lang='ar'] .case-copy h3{max-width:15ch}
}