/* About framework: normal document flow, shared portrait target for the transition. */
.about{
  --about-ink:#292724;--about-copy:#514D47;--about-muted:#817A70;--about-line:#DED9D1;
  position:relative;min-height:var(--about-h,100svh);background:#F7F5F1;color:var(--about-ink);
  scroll-margin-top:-100px;font-family:'Hero Title SC','Noto Sans SC','Source Han Sans SC','Microsoft YaHei',sans-serif;
}
.about__inner{position:relative;width:min(1120px,calc(100% - 96px));margin-inline:auto;padding:clamp(130px,14svh,180px) 0 64px}
.about__slogan{position:absolute;left:50%;top:33px;transform:translate(-50%,-50%);margin:0;
  opacity:var(--p-reveal);font-size:16px;font-weight:400;line-height:1.4;letter-spacing:.08em;color:#746D65;white-space:nowrap;pointer-events:none}
.about__overview{display:grid;grid-template-columns:220px minmax(0,1fr);gap:92px;align-items:start}
.about__profile{min-width:0}
.about__photo{position:relative;width:220px;margin:0;opacity:var(--p-reveal);pointer-events:none}
.about__photo img{display:block;width:100%;height:auto;border-radius:8px}
.about__identity,.about__intro>*,.journey,.about__closing{opacity:var(--p-reveal)}
.about__identity{margin-top:22px}
.about__name{margin:0;font-size:22px;font-weight:600;letter-spacing:.015em;line-height:1.4}
.about__signature{margin:9px 0 0;font-size:12px;letter-spacing:.08em;color:var(--about-muted)}
.about__intro{max-width:680px;min-width:0;min-height:360px}
.about__eyebrow{margin:0 0 18px;font-size:11px;font-weight:500;letter-spacing:.18em;line-height:1.5;color:#746D65}
.about__facts{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin:0;padding:0}
.about__facts>div{min-width:0;border-top:1px solid var(--about-line);padding-top:24px}
.about__facts dt{font-size:12px;letter-spacing:.04em;color:var(--about-muted)}
.about__facts dd{margin:12px 0 0;font-size:18px;line-height:1.7}
.about__text-link{display:inline-flex;align-items:center;gap:20px;padding:5px 0;color:#426B86;font-size:14px;line-height:1.7;
  text-decoration:none;text-underline-offset:5px}
.about__text-link:hover{text-decoration:underline}
.about__text-link span{font-size:18px;transition:transform .2s}
.about__text-link:hover span{transform:translateY(2px)}
.journey{position:relative;margin-top:96px;border-top:1px solid var(--about-line);padding-top:44px;scroll-margin-top:0}
.journey__legacy-anchor{position:absolute;top:0;left:0;scroll-margin-top:0}
.journey__heading{display:grid;grid-template-columns:220px minmax(0,1fr);gap:92px;align-items:end;margin-bottom:35px}
.journey__heading .about__eyebrow{margin-bottom:12px}
.journey__heading h2{margin:0;font-size:28px;font-weight:500;line-height:1.4}
.journey__heading>p{margin:0 0 2px;font-size:15px;color:var(--about-muted);line-height:1.8}
.journey__list{list-style:none;margin:0;padding:0}
.journey__row{display:grid;grid-template-columns:220px minmax(0,1fr);gap:92px;padding:32px 0 34px;border-top:1px solid var(--about-line);scroll-margin-top:0}
.journey__row.reveal-ready{opacity:0;transition:opacity .5s ease}
.journey__row.reveal-ready>*{transform:translateY(14px);transition:transform .65s cubic-bezier(.22,1,.36,1)}
.journey__row.is-visible{opacity:1}
.journey__row.is-visible>*{transform:none}
.journey__entries{min-width:0}
.journey__entry{min-height:144px}
.journey__entry+.journey__entry{margin-top:28px}
.journey__entry-title--pending{color:var(--about-muted)}
.journey__stage{display:flex;align-items:baseline;gap:22px}
.journey__number{font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--about-muted)}
.journey__stage h3{margin:0;font-size:20px;font-weight:500;line-height:1.4}
.journey__stage h3 span{display:block;margin-top:8px;font-size:12px;font-weight:400;letter-spacing:.03em;color:var(--about-muted)}
.journey__date{margin:0 0 8px;font-size:12px;line-height:1.5;color:var(--about-muted)}
.journey__entry h4{margin:0 0 9px;font-size:20px;line-height:1.6;font-weight:500}
.journey__placeholder{margin:0;font-size:15px;line-height:1.8;color:var(--about-muted)}
.about__closing{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:32px;padding-top:30px;border-top:1px solid var(--about-line)}
.about__closing p{margin:0;font-family:'ZCOOL KuaiLe',sans-serif;font-size:20px;color:var(--about-muted)}
.about__credits{display:grid;gap:8px;min-width:0}
.about__filing{font-size:12px;line-height:1.8;color:var(--about-muted);overflow-wrap:anywhere}
.about__filing:hover{text-decoration:underline;text-underline-offset:3px}
/* The artwork and About keep their warm paper palette in both appearance modes. */
.header.compact.over-about{--nav-ink:#292724}
@media(max-width:1100px){
  .about__overview,.journey__heading,.journey__row{column-gap:56px;grid-template-columns:200px minmax(0,1fr)}
  .about__photo{width:200px}
}
@media(max-width:720px){
  .about__inner{width:calc(100% - 48px);padding-top:140px;padding-bottom:44px}
  .about__slogan{top:88px;font-size:11px;letter-spacing:.04em}
  .about__overview{grid-template-columns:1fr;gap:42px}
  .about__profile{text-align:center}
  .about__photo{width:168px;margin-inline:auto}
  .about__identity{margin-top:16px}
  .about__name{font-size:21px}
  .about__intro{max-width:none;min-height:200px}
  .about__facts{gap:20px}
  .about__facts>div{padding-top:20px}
  .about__facts dd{font-size:16px}
  .journey{margin-top:64px;padding-top:32px}
  .journey__heading{grid-template-columns:1fr;gap:16px;margin-bottom:28px}
  .journey__heading h2{font-size:26px}
  .journey__heading>p{font-size:14px}
  .journey__row{grid-template-columns:104px minmax(0,1fr);gap:18px;padding:27px 0}
  .journey__stage{display:block}
  .journey__number{display:block;margin-bottom:10px}
  .journey__stage h3{font-size:18px}
  .journey__stage h3 span{font-size:11px}
  .journey__entry h4{font-size:18px}
  .journey__placeholder{font-size:14px}
  .about__closing{align-items:flex-start;gap:16px}
}
@media(prefers-reduced-motion:reduce){.about__text-link span{transition:none}.journey__row.reveal-ready{opacity:1;transition:none}.journey__row.reveal-ready>*{transform:none;transition:none}}