/* About: Josh's letter. Built from the canvas artboards "About · 创始人的信" and "About · 手机"
   (2026-10-07). Shares fonts, colours, the header, the card and the floor with /styles.css; like the
   Learning Center the page flows and scrolls, and the floor keeps a fixed height. */

.page-about { height: auto; min-height: 100vh; min-height: 100svh; overflow: visible; display: flex; flex-direction: column; }
.page-about .site-header { position: relative; }

.about-card {
  position: relative; left: auto; right: auto; top: auto; bottom: auto; flex: 1;
  margin: 0 clamp(12px, 1.6vw, 24px) clamp(12px, 1.6vw, 24px);
  padding: clamp(48px, 9vh, 96px) clamp(32px, 6vw, 96px) 250px;
}
.about-floor { height: 180px; }

.about { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 640px); gap: clamp(40px, 7vw, 140px); align-items: start; }
.about-head h1 { margin: 0; font-size: clamp(40px, 4.4vw, 64px); line-height: 1.02; font-weight: 500; letter-spacing: -0.03em; }
.about-sub { margin: 16px 0 0; font-size: clamp(18px, 1.6vw, 22px); line-height: 1.4; color: rgba(7, 17, 26, .72); }
.about-sub span { white-space: nowrap; }

.letter { font-size: 18px; line-height: 1.6; letter-spacing: -0.003em; }
.letter p { margin: 0 0 1.15em; }
.letter .salute { font-size: 22px; font-weight: 500; margin-bottom: 1em; }
.letter a { color: #0077C2; text-decoration: none; box-shadow: inset 0 -1px 0 rgba(0, 119, 194, .35); }
.sign { margin: 2.4em 0 0; display: flex; flex-direction: column; gap: 2px; }
.sign-name { font-size: 20px; font-weight: 500; }
.sign-role { font-size: 15px; color: rgba(7, 17, 26, .6); }
.legal { margin: 2.6em 0 0; padding-top: 1.1em; border-top: 1px solid rgba(7, 17, 26, .1); font-size: 13px; line-height: 1.5; color: rgba(7, 17, 26, .55); }

@media (max-width: 640px) {
  .about-card { margin: 0 12px 12px; padding: 36px 20px 150px; }
  .about-floor { height: 110px; border-radius: 0 0 24px 24px; }
  .about { grid-template-columns: 1fr; gap: 28px; }
  .about-head h1 { font-size: 38px; line-height: 1.04; }
  .about-sub { font-size: 17px; margin-top: 12px; }
  .letter { font-size: 17px; }
  .letter .salute { font-size: 20px; }
}