/* A short personal introduction before the offers. */
.intro-person{display:grid;grid-template-columns:140px minmax(0,1fr);column-gap:32px;row-gap:12px;align-items:start;max-width:900px;margin:0 auto 64px;padding:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);scroll-margin-top:128px}
.intro-person img{grid-column:1;grid-row:1/4;display:block;width:100%;height:auto;border-radius:12px}
.intro-person h2{grid-column:2;font:400 32px/1.2 Georgia,'Times New Roman',serif;letter-spacing:-.7px;margin:0}
.intro-person p{grid-column:2;max-width:650px;font-size:17px;line-height:1.7;margin:0}
.intro-person a{grid-column:2;justify-self:start;display:inline-flex;align-items:center;min-height:44px;font-size:16px;line-height:1.5;color:var(--ink);text-decoration-color:var(--ochre);text-underline-offset:5px}
.intro-person a:hover{text-decoration-thickness:2px}
.intro-person a:focus-visible{outline:2px solid var(--ochre);outline-offset:5px}
@media(max-width:600px){
  .intro-person{grid-template-columns:84px minmax(0,1fr);column-gap:20px;row-gap:20px;margin-bottom:44px;padding:28px 0}
  .intro-person img{grid-row:1}
  .intro-person h2{align-self:center;font-size:28px;letter-spacing:-.5px}
  .intro-person p,.intro-person a{grid-column:1/-1}
}