/* Compact personal introduction with aligned, readable steps. */
main.vl-home-page #about{padding:44px 0}
main.vl-home-page #about>.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
main.vl-home-page #about .vl-about-portrait{width:88px!important;height:88px!important;margin-bottom:16px!important;border:3px solid #fff;box-shadow:0 5px 18px #0002}
main.vl-home-page #about .eyebrow{font-size:11px;letter-spacing:.13em;line-height:1.4;margin:0 0 12px}
main.vl-home-page #about h2{font-size:clamp(27px,2.5vw,34px);line-height:1.16;letter-spacing:-.025em;margin:0 0 18px}
main.vl-home-page #about p:not(.eyebrow):not(.micro){font-size:15px;line-height:1.65;margin:0 0 14px;max-width:60ch}
main.vl-home-page #about .signature{font-size:22px;margin-top:18px}
main.vl-home-page #about .micro{font-size:12px;margin:5px 0 0}
main.vl-home-page #about .linkedin-profile{margin-top:16px;padding:10px 13px;gap:10px;border-radius:12px}
main.vl-home-page #about .linkedin-profile strong{font-size:13px}
main.vl-home-page #about .linkedin-profile small{font-size:11px}
main.vl-home-page #about .steps{display:grid;grid-template-rows:none;align-content:start;align-items:start;gap:12px;margin:0}
main.vl-home-page #about .step{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;column-gap:14px;padding:17px;border:1px solid #ffffff21;border-radius:16px;background:#ffffff06}
main.vl-home-page #about .step>span{display:grid;place-items:center;width:40px;height:40px;min-width:40px;border:0;border-radius:50%;background:#dfebff;color:#224575;font:750 14px/1 system-ui;font-variant-numeric:tabular-nums}
main.vl-home-page #about .step:nth-child(2)>span{background:#e9dfff;color:#513781}
main.vl-home-page #about .step:nth-child(3)>span{background:#d9f2e5;color:#235643}
main.vl-home-page #about .step h3{font:650 18px/1.35 system-ui;margin:0 0 6px;min-height:24px}
main.vl-home-page #about .step p{font-size:14px!important;line-height:1.6!important;margin:0!important}
@media(min-width:851px){main.vl-home-page #about .steps{align-self:center}}
@media(max-width:850px){main.vl-home-page #about>.split{display:grid;grid-template-columns:minmax(0,1fr);gap:26px}}
@media(max-width:700px){main.vl-home-page #about{padding:32px 0}main.vl-home-page #about .vl-about-portrait{width:76px!important;height:76px!important;margin-bottom:14px!important}main.vl-home-page #about h2{font-size:27px}main.vl-home-page #about .step{padding:15px;grid-template-columns:36px minmax(0,1fr);gap:12px}main.vl-home-page #about .step>span{width:36px;height:36px;min-width:36px;font-size:13px}main.vl-home-page #about .step h3{font-size:17px}}