/* About: a personal introduction, led by the author's own prose. */
.studio-about{max-width:1080px}
.studio-about-hero{padding:18px 0 46px;border-bottom:1px solid var(--line)}
.studio-about-hero .eyebrow{color:var(--green);margin-bottom:26px}
.studio-about-hero h1{font-size:clamp(35px,5.5vw,62px);line-height:1.35;letter-spacing:-.055em;font-weight:600;max-width:19em;margin:0}
.studio-about-essay{max-width:730px;margin:0 0 0 auto;padding:42px 0 18px}
.studio-about-essay>p,.studio-about-name p{font-size:16px;line-height:2.05;color:#50554e;margin:0 0 25px;word-break:keep-all}
.studio-about-essay .studio-about-greeting{font-size:19px;color:var(--ink);font-weight:600;margin-bottom:31px}
.studio-about-essay strong{font-weight:650;color:var(--ink)}
.studio-about-name{padding-top:30px;border-top:1px solid var(--line);margin-top:51px}
.studio-about-name h2{font-size:26px;letter-spacing:-.04em;font-weight:600;margin:0 0 28px}
.studio-about-name p:last-child{margin-bottom:0}
.studio-about-essay .studio-about-motto{font-size:17px;font-weight:550;color:var(--ink);padding:25px 0 0;margin:44px 0 0;border-top:1px solid var(--line)}
.studio-about-motto em{font-style:normal;letter-spacing:-.025em}
.studio-about-links{max-width:730px;margin:26px 0 16px auto;display:flex;gap:14px 36px;align-items:center;flex-wrap:wrap}
.studio-about-links a{font-size:13px;min-height:44px;display:inline-flex;align-items:center}
@media(max-width:820px){
 .studio-about-essay{margin-left:0;max-width:720px;padding-top:34px}
 .studio-about-links{margin-left:0}
 .studio-about-hero h1{max-width:15em}
}
@media(max-width:600px){
 .studio-about-hero{padding:6px 0 30px}
 .studio-about-hero .eyebrow{margin-bottom:21px}
 .studio-about-hero h1{font-size:clamp(31px,8vw,39px);line-height:1.42;max-width:100%}
 .studio-about-essay{padding:28px 0 12px}
 .studio-about-essay>p,.studio-about-name p{font-size:14px;line-height:2;margin-bottom:23px}
 .studio-about-essay .studio-about-greeting{font-size:17px;margin-bottom:23px}
 .studio-about-name{margin-top:34px;padding-top:26px}
 .studio-about-name h2{font-size:22px;margin-bottom:22px}
 .studio-about-essay .studio-about-motto{font-size:15px;line-height:1.9;margin-top:34px;padding-top:23px}
 .studio-about-links{margin:22px 0 14px;gap:12px 24px}
}
