.about-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:var(--sp-8); align-items:center; }
.about-media { position:relative; }
.about-media img { border-radius:var(--radius-lg); box-shadow:var(--shadow-lift); }
.about-media .badge-years {
  position:absolute; bottom:-24px; left:-24px; background:var(--color-surface);
  border:1px solid var(--color-border); border-radius:var(--radius-md); box-shadow:var(--shadow-card);
  padding:var(--sp-4) var(--sp-5); text-align:center;
}
.badge-years strong { display:block; font-family:var(--font-display); font-size:1.8rem; color:var(--color-primary); }
.badge-years span { font-family:var(--font-mono); font-size:.68rem; letter-spacing:.1em; text-transform:uppercase; color:var(--color-text-soft); }

.message-tabs { display:flex; gap:var(--sp-3); margin-bottom:var(--sp-5); }
.message-tabs button {
  font-weight:700; font-size:.9rem; padding:.6em 1.2em; border-radius:var(--radius-pill);
  border:1px solid var(--color-border); color:var(--color-text-soft);
}
.message-tabs button.active { background:var(--grad-saffron); color:#fff; border-color:transparent; }
.message-panel { display:none; }
.message-panel.active { display:block; }
.message-panel p { color:var(--color-text-soft); margin-bottom:var(--sp-4); }
.message-signee { font-family:var(--font-display); font-weight:700; color:var(--color-ink); }
.message-signee small { display:block; font-family:var(--font-body); font-weight:500; color:var(--color-text-soft); font-size:.82rem; }

.vm-grid { display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-5); margin-top:var(--sp-6); }
.vm-card { padding:var(--sp-5); border-left:3px solid var(--color-accent-green); background:var(--color-bg-deep); border-radius:0 var(--radius-md) var(--radius-md) 0; }
.vm-card h4 { margin-bottom:var(--sp-2); }
.vm-card p { color:var(--color-text-soft); font-size:.94rem; }

@media (max-width:860px){ .about-grid, .vm-grid { grid-template-columns:1fr; } .about-media .badge-years{ left:12px; bottom:-18px; } }