.team-card { text-align: center; transition: transform .45s var(--ease,cubic-bezier(.4,0,.2,1)); }
  .team-photo { position: relative; border-radius: 50%; overflow: hidden; width: 200px; aspect-ratio: 1; margin: 0 auto 18px; background-color: var(--sage); box-shadow: 0 10px 30px rgba(0,0,0,.10); transition: transform .5s var(--ease,cubic-bezier(.4,0,.2,1)), box-shadow .5s var(--ease,cubic-bezier(.4,0,.2,1)); will-change: transform; }
  .team-photo::after { content:""; position:absolute; inset:0; border-radius:50%; box-shadow: inset 0 0 0 0 var(--sage); transition: box-shadow .45s var(--ease,cubic-bezier(.4,0,.2,1)); }
  .team-card:hover { transform: translateY(-6px); }
  .team-card:hover .team-photo { transform: scale(1.05); box-shadow: 0 22px 46px rgba(0,0,0,.18); }
  .team-card:hover .team-photo::after { box-shadow: inset 0 0 0 4px var(--sage); }
  .team-role { display:inline-block; margin-top:6px; font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--sage); }
  .grid-3 .team-card.reveal { transition-delay: calc(var(--i,0) * 70ms); }
  @media (prefers-reduced-motion: reduce){ .team-card, .team-photo { transition: none; } .team-card:hover, .team-card:hover .team-photo { transform: none; } }
  .approach-num { font-size: 64px; font-weight: 800; color: var(--sage); letter-spacing: -3px; line-height: 1; }
  .val-card { padding: 34px 30px; }

.about-sectors { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.about-sectors .sector-card { text-align:center; padding:30px 26px; }
.about-sectors .sector-card .itile { margin:0 auto 14px; }
@media (max-width:820px){ .about-sectors { grid-template-columns:repeat(2,1fr); } }