/* why: firm + contact block above the footer on home and posts; hairline two-column, no panels */
.about{border-top:1px solid var(--line);margin-top:var(--s-96);padding:var(--s-64) 0}
.about__grid{display:grid;grid-template-columns:5fr 7fr;gap:var(--s-64);align-items:start}
.about__logo{width:144px;height:auto;margin-bottom:var(--s-24)}
.about h3{font-size:var(--t-20);margin:0 0 var(--s-12)}
.about p{color:var(--ink-2);line-height:1.6;max-width:34rem}
.about a{color:var(--ink)}
.about__details>p{margin:0 0 var(--s-16)}
.about__ps{margin-top:var(--s-32)!important}
.about__details ul{list-style:none;margin:0;padding:0}
.about__details li{border-top:1px solid var(--line);padding:var(--s-8) 0}
.about__details li:last-child{border-bottom:1px solid var(--line)}
.about__details li a{text-decoration:none;font-size:var(--t-14);font-weight:500}
.about__details li a:hover{color:var(--accent-ink)}
.social{display:flex;gap:var(--s-16);margin:var(--s-16) 0 0}
.social a{display:flex;width:32px;height:32px;align-items:center;justify-content:center;color:var(--ink);border:1px solid var(--line-control);border-radius:var(--r-control)}
.social a:hover{border-color:var(--ink)}
.social svg{width:16px;height:16px}
@media(max-width:900px){.about__grid{grid-template-columns:1fr;gap:var(--s-32)}.about{margin-top:var(--s-64);padding:var(--s-48) 0}}