/* About A: same visual language as the approved homepage; scoped during page review. */
.about-modern .about-photo { width:208px; margin:0; border-radius:50%; overflow:hidden; border:1px solid #e4e8e0; }
.about-modern .about-photo img { width:100%; height:auto; aspect-ratio:1; object-fit:cover; }
.about-modern .about-details { border-bottom:0; }
.about-modern .about-layout { display:grid; grid-template-columns:208px minmax(0,1fr); gap:40px; align-items:start; }
.about-modern .about-details .about-person-name { margin:14px 0 0; font-size:22px; line-height:1.3; font-weight:500; }
.about-modern .about-role { margin:6px 0 0; font-size:14px; font-weight:400; line-height:1.5; letter-spacing:0; text-transform:none; color:#50594d; }
.about-modern .about-quote { margin:0; border-left:2px solid #a8b7a0; padding:2px 0 2px 18px; font-family:var(--font); font-size:18px; line-height:1.65; color:#384333; }
.about-modern .about-actions { display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; padding-top:20px; border-top:1px solid var(--border); }
.about-modern .about-socials { display:flex; flex-wrap:wrap; gap:8px; }
.about-modern .about-socials .soc { width:44px; height:44px; border:1px solid var(--border); border-radius:50%; background:#fff; color:#50594d; }
.about-modern .about-socials .soc:hover { background:#f0f3ec; border-color:#98a58f; color:#18261c; }
.about-modern .about-actions .btn-dark { display:inline-flex; align-items:center; gap:16px; min-height:44px; background:#171a18; }
.about-modern .about-details-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:28px; }
.about-modern .about-details-grid > section { min-width:0; }
.about-modern .about-details h2 { font-size:24px; line-height:1.25; font-weight:500; letter-spacing:-.02em; margin:0 0 16px; }
.about-modern .contact-grid { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:none; margin:0; gap:12px; }
.about-modern .contact-item { padding:16px; gap:12px; border-radius:12px; min-height:88px; box-shadow:none; }
.about-modern a.contact-item:hover { transform:none; box-shadow:none; border-color:#98a58f; }
.about-modern .contact-ico { width:36px; height:36px; border-radius:9px; background:#f0f3ec; }
.about-modern .contact-label { font-size:13px; line-height:1.5; color:#50594d; font-weight:400; letter-spacing:0; text-transform:none; margin:0 0 2px; }
.about-modern .contact-val { font-size:17px; line-height:1.4; font-weight:500; word-break:normal; }
.about-modern .contact-address .contact-val { font-size:15px; font-weight:400; }
.about-modern .about-companies { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.about-modern .about-company { padding:18px; background:#fff; border:1px solid var(--border); border-radius:12px; }
.about-modern .about-company h3 { font-size:18px; line-height:1.4; font-weight:500; margin-bottom:10px; }
.about-modern .about-company p { font-size:14px; line-height:1.6; color:#50594d; }
.about-modern .about-company .company-country { font-size:13px; margin-bottom:6px; }
.about-modern .about-portfolio-link { display:inline-flex; align-items:center; gap:8px; min-height:44px; font-size:14px; font-weight:500; margin-top:6px; text-underline-offset:4px; }
.about-modern .about-portfolio-link:hover { text-decoration:underline; }
.about-modern .footer-bar { display:grid; grid-template-columns:1fr auto; align-items:center; gap:24px; }
.about-modern footer .footer-logo { display:block; width:180px; flex-shrink:0; }
.about-modern footer .footer-logo img { display:block; width:180px; height:27px; max-width:100%; }
.about-modern footer .footer-icons { gap:6px; justify-content:center; flex-wrap:wrap; max-width:100%; min-width:0; }
.about-modern .footer-icons a { width:36px; height:36px; border:1px solid #e7eae2; border-radius:50%; color:#404c39; background:#fafbf8; }
.about-modern .footer-icons a:hover { border-color:#8c9c81; background:#edf2e8; }
.about-modern .footer-copy { white-space:normal; font-size:12px; line-height:1.5; letter-spacing:0; max-width:245px; }
.about-modern a:focus-visible,.about-modern button:focus-visible { outline:2px solid #506246; outline-offset:4px; }
.about-modern .drawer-close { min-width:44px; min-height:44px; }
@media(max-width:1100px) {
  .about-modern .about-details-grid { gap:24px; }
  .about-modern .about-layout { grid-template-columns:176px minmax(0,1fr); gap:28px; }
  .about-modern .about-photo { width:176px; }
}
@media(max-width:760px) {
  .about-modern .about-layout { grid-template-columns:minmax(0,1fr); gap:28px; }
  .about-modern .about-profile { flex-direction:row; align-items:center; gap:20px; }
  .about-modern .about-details .about-person-name { margin:0; }
  .about-modern .about-photo { width:112px; flex-shrink:0; }
  .about-modern .about-details-grid { grid-template-columns:minmax(0,1fr); gap:28px; }
  .about-modern .contact-grid,.about-modern .about-companies { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .about-modern .footer-bar { grid-template-columns:minmax(0,1fr); justify-items:center; gap:16px; text-align:center; }
}
@media(max-width:600px) {
  .about-modern .about-profile { grid-column:1; }
  .about-modern .about-photo { width:112px; margin:0; }
  .about-modern .contact-grid,.about-modern .about-companies { grid-template-columns:minmax(0,1fr); }
  .about-modern .about-details h2 { font-size:23px; }
  .about-modern .about-company { padding:18px; }
  .about-modern footer .footer-icons { gap:4px; }
}
@media(prefers-reduced-motion:reduce) {
  .about-modern *, .about-modern *::before, .about-modern *::after { scroll-behavior:auto!important; transition:none!important; }
}