.featured-brands{padding-block:64px 36px;border-block:1px solid var(--border)}
.featured-bottom.hero-bottom{margin-top:32px;padding-block:22px 0}
.featured-intro.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:48px;margin:0 0 45px}
.featured-intro h2{max-width:430px;font-size:clamp(30px,3vw,42px);line-height:1.18;letter-spacing:-1.6px}
.featured-copy{display:grid;gap:14px;max-width:570px}
.featured-copy p{font-size:12px;line-height:1.85;color:var(--muted)}
.brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}
.brand-grid li{position:relative;display:grid;place-items:center;min-width:0;padding:18px;border-bottom:1px solid var(--border)}
.brand-grid li:nth-last-child(-n+3){border-bottom:0}
.brand-logo{position:relative;width:100%;max-width:280px;height:115px;overflow:hidden}
.brand-logo img{position:absolute;left:50%;top:50%;width:220px;max-width:none;height:auto;transform:translate(-50%,-50%);mix-blend-mode:multiply}
/* Account for the original files’ surrounding whitespace without changing the marks. */
.brand-rpsg img{width:275px}
.brand-jindal img{width:245px}
.brand-ge img{width:245px}
.brand-serentica img{width:205px}
.brand-resonia img{width:195px}
.brand-sbs{max-width:220px}
.brand-sbs img{width:auto;height:103px;mix-blend-mode:normal}
.brand-xlri img{width:300px}
.brand-wep img{width:auto;height:107px}
.brand-shine img{width:min(240px,calc(100% - 24px));mix-blend-mode:normal}
.brand-annex{max-width:210px}
.brand-annex img{width:600px}
/* Move the entire logo viewport so oversized source files retain their crop. */
@media(hover:hover) and (pointer:fine){
  .brand-grid li::before{content:"";position:absolute;inset:7px;background:#355cde08;border:1px solid #355cde24;opacity:0;transition:opacity 300ms var(--ease-smooth,var(--ease));pointer-events:none}
  .brand-grid li:hover::before{opacity:1}
  .brand-logo{mix-blend-mode:multiply;transition:transform 300ms var(--ease-smooth,var(--ease))}
  html[data-motion=full] .brand-logo{transition:transform 400ms cubic-bezier(.16,1,.3,1)!important}
  .brand-grid li:hover .brand-logo{transform:perspective(1000px) translateY(-5px) rotateY(-5deg) rotateX(3deg) rotateZ(-2deg) scale(1.04)}
}
@media(prefers-reduced-motion:reduce){
  html:not([data-motion=full]) .brand-grid li:hover .brand-logo{transform:none}
}
html[data-motion=reduced] .brand-grid li:hover .brand-logo{transform:none!important}
@media(max-width:760px){
  .featured-brands{padding-block:42px 46px}
  .featured-intro.section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:25px}
  .featured-intro h2{max-width:none;font-size:32px}
  .brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .brand-grid li{padding:12px 6px}
  .brand-grid li:nth-last-child(-n+3){border-bottom:1px solid var(--border)}
  .brand-grid li:nth-last-child(-n+2){border-bottom:0}
  .brand-logo{height:92px}
  .brand-logo img{width:min(145px,100%)}
  .brand-rpsg img{width:min(185px,125%)}
  .brand-jindal img{width:min(165px,130%)}
  .brand-ge img{width:min(150px,100%)}
  .brand-serentica img{width:min(135px,100%)}
  .brand-resonia img{width:min(135px,100%)}
  .brand-sbs img{width:auto;height:80px}
  .brand-xlri img{width:min(200px,140%)}
  .brand-wep img{width:auto;height:84px}
  .brand-shine img{width:calc(100% - 16px)}
  .brand-annex{max-width:142px}
  .brand-annex img{width:min(410px,280%)}
}