/* Fwrd v43 — consistent client-logo tiles and readable typography.
   Does not modify saved CMS content, logo uploads or desktop fallback artwork. */

/* WordPress client logos are distinct objects, NOT the absolute-positioned
   legacy base/colour contact-sheet. Reset all inherited sprite properties. */
#about #clients #fwrdClientsProximity.fwrd-wp-client-grid {
  position:relative!important;
  display:grid!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:980px!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:18px 16px!important;
  place-items:stretch!important;
  align-content:start!important;
  justify-content:stretch!important;
  overflow:visible!important;
  margin:0!important;
  padding:0!important;
  isolation:auto!important;
}
#about #clients #fwrdClientsProximity.fwrd-wp-client-grid > .fwrd-wp-client {
  position:relative!important;
  inset:auto!important;
  display:flex!important;
  flex:0 1 auto!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  height:88px!important;
  min-height:88px!important;
  max-height:88px!important;
  aspect-ratio:auto!important;
  box-sizing:border-box!important;
  padding:12px 10px!important;
  overflow:hidden!important;
}
#about #clients #fwrdClientsProximity.fwrd-wp-client-grid > .fwrd-wp-client > img {
  position:static!important;
  inset:auto!important;
  display:block!important;
  flex:0 1 auto!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:142px!important;
  height:58px!important;
  min-height:0!important;
  max-height:58px!important;
  margin:0!important;
  padding:0!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  mix-blend-mode:normal!important;
  filter:grayscale(1)!important;
  opacity:.76!important;
  pointer-events:none!important;
  transition:filter .25s ease,opacity .25s ease!important;
}
#about #clients #fwrdClientsProximity.fwrd-wp-client-grid > .fwrd-wp-client:hover > img {
  filter:none!important;
  opacity:1!important;
}
html[dir="rtl"] #about #clients #fwrdClientsProximity.fwrd-wp-client-grid {direction:rtl!important;}
html[dir="ltr"] #about #clients #fwrdClientsProximity.fwrd-wp-client-grid {direction:ltr!important;}

/* The desktop alignment / maximum width stay as approved in v42. */
@media(max-width:1024px) and (min-width:741px){
 #about #clients #fwrdClientsProximity.fwrd-wp-client-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;}
}
@media(max-width:740px){
 /* Let the entire CLIENTS section use the phone width with a modest gutter,
    rather than inheriting the narrower intro-copy column. */
 #about #clients.clients-fg{
   width:calc(100vw - 28px)!important;
   max-width:none!important;
   min-width:0!important;
   justify-self:center!important;
   align-self:stretch!important;
   margin:0!important;
   padding-inline:0!important;
   box-sizing:border-box!important;
 }
 #about #clients.clients-fg > h3,
 #about #clients .client-logos,
 #about #clients #fwrdClientsProximity{
   width:100%!important;
   max-width:100%!important;
   min-width:0!important;
 }
 #about #clients .client-logos{display:block!important;overflow:visible!important;margin-inline:0!important;}
 #about #clients #fwrdClientsProximity.fwrd-wp-client-grid{
   grid-template-columns:repeat(3,minmax(0,1fr))!important;
   gap:13px 9px!important;
   min-height:0!important;
 }
 #about #clients #fwrdClientsProximity.fwrd-wp-client-grid > .fwrd-wp-client{
   height:82px!important;min-height:82px!important;max-height:82px!important;
   padding:9px 6px!important;
 }
 #about #clients #fwrdClientsProximity.fwrd-wp-client-grid > .fwrd-wp-client > img{
   width:100%!important;max-width:120px!important;
   height:50px!important;max-height:50px!important;
 }
 #about #clients #fwrdClientsProximity.fw42-default-sprite .fw42-client-mobile-grid{
   width:100%!important;max-width:100%!important;
   grid-template-columns:repeat(3,minmax(0,1fr))!important;
   gap:12px 9px!important;
 }
}
@media(max-width:350px){
 #about #clients #fwrdClientsProximity.fwrd-wp-client-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 #about #clients #fwrdClientsProximity.fwrd-wp-client-grid > .fwrd-wp-client{
   height:78px!important;min-height:78px!important;max-height:78px!important;
 }
}

/* Typography — give English letterforms room to breathe without replacing
   the brand fonts or artificially separating connected Arabic glyphs. */
body.fwrd-v37{font-kerning:normal;text-rendering:optimizeLegibility;}
html[dir="ltr"] body.fwrd-v37 :is(h1,h2,h3,h4,.display,.statement-text){letter-spacing:-.015em!important;}
html[dir="ltr"] body.fwrd-v37 :is(p,li,blockquote,a,button,label,input,textarea){letter-spacing:.005em!important;}
html[dir="ltr"] body.fwrd-v37 #home.fw37-hero #fwrd20Title.fw37-title{letter-spacing:-.025em!important;}
html[dir="ltr"] body.fwrd-v37 .promise .section-header h2.display{letter-spacing:-.018em!important;}
html[dir="ltr"] body.fwrd-v37 #home .fw37-word-slot em.fwrd26-kinetic-word{letter-spacing:-.025em!important;}
html[dir="rtl"] body.fwrd-v37 :is(h1,h2,h3,h4,.display,.statement-text,p,li,blockquote,a,button,label,input,textarea,span,strong,em,small){letter-spacing:0!important;}
html[dir="rtl"] body.fwrd-v37 #home.fw37-hero #fwrd20Title.fw37-title,
html[dir="rtl"] body.fwrd-v37 .promise .section-header h2.display,
html[dir="rtl"] body.fwrd-v37 .section-header .display,
html[dir="rtl"] body.fwrd-v37 #home .fw37-word-slot em.fwrd26-kinetic-word{letter-spacing:0!important;}
/* Keep intentionally tracked English overlines/navigation metadata readable. */
html[dir="ltr"] body.fwrd-v37 :is(.micro-orange,.section-id,.section-kicker,.estimate-unit,.eyebrow){letter-spacing:.075em!important;}
/* Additional large editorial labels are div/span/strong elements rather than H-tags. */
html[dir="ltr"] body.fwrd-v37 :is(.footer-wordmark,.contact-wallmark,.v24-loader-word,.v25-sentence,.number-card strong,.journey-intro strong,.fwrd-method-card-top>span:first-child,.fwrd-method-card-footer strong,.fwrd-method-detail-content strong){letter-spacing:-.018em!important;}
html[dir="rtl"] body.fwrd-v37 :is(.footer-wordmark,.contact-wallmark,.v24-loader-word,.v25-sentence,.number-card strong,.journey-intro strong,.fwrd-method-card-top>span:first-child,.fwrd-method-card-footer strong,.fwrd-method-detail-content strong){letter-spacing:0!important;}
