.about-page .about-identity { align-self:center; padding:42px; border:1px solid #657b89; border-radius:14px; background:#203746; color:#f4f7fa; }
.about-page .about-wordmark { display:block; font:clamp(80px,10vw,148px)/1 Georgia,"Times New Roman",serif; letter-spacing:-.055em; }
.about-page .about-identity > p { margin:25px 0 34px; font:24px/1.4 Georgia,serif; color:#d8e8f4; }
.about-page .about-identity > div { display:flex; flex-wrap:wrap; gap:12px 22px; padding-top:25px; border-top:1px solid #637b89; font-size:14px; color:#d8e8f4; }
.about-page .about-reading { max-width:64ch; color:#334e60; font-size:20px; line-height:1.8; }
.about-page .about-reading p:first-child { margin-top:0; }
.about-page .about-reading p + p { margin-top:24px; }
.about-page .about-principles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:35px; margin-top:50px; }
.about-page .about-principles article { padding-top:25px; border-top:1px solid #9fb5c4; }
.about-page .about-principles article > span { color:#637d8e; font-size:13px; }
.about-page .about-principles h3 { margin:20px 0 15px; font:30px/1.2 Georgia,serif; color:#223341; }
.about-page .about-principles p { margin:0; font-size:17px; line-height:1.75; color:#516b7c; }
.about-page .about-company { align-self:start; padding:35px; border:1px solid #beced8; background:#f4f7fa; border-radius:12px; }
.about-page .about-company h3 { margin:0 0 20px; font:31px/1.3 Georgia,serif; color:#223341; }
.about-page .about-company p { font-size:17px; line-height:1.7; color:#516b7c; }
.about-page .about-email { display:inline-block; padding-block:8px; color:#243f50; font-size:clamp(20px,2.3vw,27px); text-underline-offset:5px; overflow-wrap:anywhere; }
.about-page .about-company .quiet { margin-bottom:0; font-size:14px; }
@media(max-width:760px) {
 .about-page .about-principles { grid-template-columns:1fr; gap:35px; }
 .about-page .about-identity { padding:30px; }
 .about-page .about-reading { font-size:18px; }
 .about-page .about-company { padding:28px; }
}