/* ================= ABOUT PAGE : VERTICAL SPLIT ================= */
.about-split{display:grid;grid-template-columns:44% 56%;min-height:100vh}
.about-visual{
  position:sticky;top:0;height:100vh;
  background:url("../assets/images/about-visual.jpg") center/cover no-repeat;
  display:flex;align-items:flex-end;
}
.about-visual::before{content:"";position:absolute;inset:0;background:linear-gradient(to right, rgba(10,11,12,.3), rgba(10,11,12,.85))}
.about-visual .vtxt{
  position:relative;padding:40px;
  font-family:var(--display);font-size:clamp(40px,5vw,72px);color:#fff;line-height:.95;letter-spacing:2px;
  text-shadow:0 4px 30px rgba(0,0,0,.8);
}
.about-visual .vtxt em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--rouille-vif)}
.about-content{padding:170px 48px 80px;border-left:1px solid var(--ligne)}
.about-content p{max-width:560px;font-size:18px;color:#c9c6bf;margin-bottom:20px}
.grid-members{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-top:44px}
.member{border:1px solid var(--ligne);background:var(--acier);padding:22px;transition:.2s}
.member:hover{border-color:var(--rouille);box-shadow:0 10px 26px rgba(0,0,0,.35)}
/* stagger the entrance so cards reveal one after another instead of all at once */
.member:nth-child(2){transition-delay:.1s}
.member:nth-child(3){transition-delay:.2s}
.member .avatar{
  width:60px;height:60px;border:1px solid var(--ligne);background:var(--acier2);
  display:flex;align-items:center;justify-content:center;margin-bottom:14px;
  font-family:var(--display);font-size:22px;color:var(--rouille-vif);
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.member:hover .avatar{
  transform:scale(1.08) rotate(-4deg);
  border-color:var(--rouille-vif);
  box-shadow:0 0 0 4px rgba(217,96,31,.15);
}
.member h2{font-family:var(--display);font-size:19px;letter-spacing:1px;color:#fff}
.member span{font-family:var(--mono);font-size:11px;color:var(--gris);letter-spacing:1px;text-transform:uppercase}

/* Responsive breakpoints for this page live in css/responsive.css */
