/* =========================================================================
   about — "אודות המשרד", Figma 74:6951 (1696×833). Text column (832) on the
   right, team photo (782) on the left that stretches to the column height
   (no fixed height — Alex rule 9). Two lawyer cards: photo 400×450 + name/role.
   Hover = Figma variant "Variant2": navy .9 overlay with the bio (+ link for Yaron).
   ========================================================================= */
.about{padding-top:116px}
.about__grid{display:grid;grid-template-columns:minmax(0,832fr) minmax(0,782fr);gap:82px;align-items:stretch}
.about__body{padding-bottom:0}
.about__text{color:var(--ink);margin-top:11px}
.about__team{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:39px;padding-bottom:25px}
.about__media{min-height:100%}
.about__media img{object-position:50% 50%}

.lawyer{outline-offset:4px}
.lawyer__photo{height:450px;background:#dedddd}
.lawyer__photo img{object-position:50% 0;transition:transform .5s}
.lawyer__overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:28px;padding:29px 25px 24px;background:var(--navy-90);color:var(--white);opacity:0;visibility:hidden}
.lawyer__bio{font-size:21px;line-height:30px}
.lawyer__link{height:52px;padding:0 22px}
.lawyer:hover .lawyer__overlay,.lawyer:focus-within .lawyer__overlay{opacity:1;visibility:visible}
.lawyer:hover .lawyer__photo img{transform:scale(1.04)}
.lawyer__name{font-family:var(--font-display);font-weight:400;font-size:32px;line-height:48px;color:var(--ink-2);margin-top:17px}
.lawyer__role{font-size:21px;line-height:25px;font-weight:600;color:var(--ink-2);margin-top:3px}

@media (max-width:1480px){
  .about{padding-top:90px}
  .about__grid{gap:48px}
  .about__team{gap:24px;margin-top:30px}
  .lawyer__photo{height:400px}
  .lawyer__bio{font-size:17px;line-height:25px}
  .lawyer__overlay{gap:18px;padding:22px 20px}
  .lawyer__link{font-size:17px;height:46px;padding:0 16px}
  .lawyer__name{font-size:28px;line-height:40px;margin-top:14px}
  .lawyer__role{font-size:18px;line-height:23px}
}
@media (max-width:1100px){
  .about{padding-top:var(--sec-gap)}
  .about__grid{grid-template-columns:minmax(0,1fr);gap:32px}
  .about__media{order:-1;height:460px;min-height:0}
  .about__media img{object-position:50% 30%}
  .lawyer__photo{height:440px}
  .lawyer__bio{font-size:16px;line-height:24px}
}
@media (max-width:640px){
  .about__media{height:300px}
  .about__team{grid-template-columns:minmax(0,1fr);gap:28px}
  .lawyer__photo{height:400px}
  .lawyer__overlay{padding:20px 18px}
  .lawyer__name{font-size:26px;line-height:36px}
  .lawyer__role{font-size:17px}
}