/* Section "Home: Who we are" (patterns/home-who-we-are.php). */

.who{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(40px,6vw,96px);align-items:center}
.who__txt p{font-size:18px}
.who__txt .big{font-size:clamp(21px,1.9vw,26px);line-height:1.4;color:var(--ink);font-weight:500;margin:28px 0 20px}
.who__txt .explore{margin-top:14px}
.who__vis{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:5/4}
.who__vis > svg{width:100%;height:100%}
.who__card{position:absolute;left:24px;right:24px;bottom:24px;background:#fff;border-radius:14px;padding:22px 24px;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;color:#46446B;box-shadow:0 20px 40px -24px rgba(12,11,40,.6)}
.who__card svg{width:44px;height:44px;color:var(--violet)}
.who__card p{margin:0;font-size:15.5px;line-height:1.5}
.who__card b{display:block;color:#16143D;font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px}

@media (max-width:980px){
  .who{grid-template-columns:1fr}
}

@media (max-width:640px){
  .who__card{position:static;border-radius:0 0 14px 14px}
  .who__vis{aspect-ratio:auto}
  .who__vis > svg{aspect-ratio:5/4;height:auto}
}