/* About IDE: reuse the approved case-page palette, header and editorial typography. */
.about-page{max-width:1680px;margin:auto;padding:0 clamp(28px,6.6vw,110px) 75px;box-sizing:border-box}.about-page *{box-sizing:border-box}.ab-hero{padding:clamp(42px,5vw,78px) 0 clamp(70px,8vw,125px)}.ab-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:minmax(clamp(340px,23vw,420px),auto) auto;gap:clamp(38px,5vw,95px);align-items:end}.ab-hero h1{font:440 var(--fs-heading)/1.07 "Fraunces Display",Georgia,"Noto Serif SC Subset",serif;letter-spacing:-.04em;margin:var(--kicker-gap) 0 0;max-width:850px}.ab-hero h1 em{font-weight:420;color:#17613f}.ab-lede{font-size:var(--fs-body);line-height:1.7;color:#65716b;margin:0 0 5px}.ab-section{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:clamp(35px,5vw,90px);padding:var(--space-section) 0}.ab-section+.ab-section{padding-top:0}.ab-heading h2{font:440 var(--fs-subhead)/1.15 "Fraunces Display",Georgia,"Noto Serif SC Subset",serif;letter-spacing:-.03em;margin:24px 0 0;max-width:450px}.ab-timeline{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:minmax(0,1fr);row-gap:24px}.ab-timeline li{min-width:0}.ab-timeline time{font:440 clamp(32px,3vw,46px)/1 "Fraunces Display",Georgia,"Noto Serif SC Subset",serif;color:#9c7a43}.ab-timeline p,.ab-body p{font-size:var(--fs-detail);line-height:1.75;color:#65716b;margin:12px 0 0}.ab-body p:first-child{margin-top:0}.ab-body p+p{margin-top:24px}.ab-cta,.ab-back{display:inline-block;color:#13241d;text-decoration:none;font-size:var(--fs-ui);font-weight:700;letter-spacing:.09em;margin-top:30px}.ab-cta:hover,.ab-back:hover{text-decoration:underline}.ab-back{display:block;margin-top:35px}.ab-work{padding-bottom:50px}@media(max-width:850px){.ab-hero-grid,.ab-section{grid-template-columns:1fr;gap:28px}.ab-hero{padding:45px 0 60px}.ab-section{padding:40px 0}.ab-timeline{grid-template-columns:minmax(0,1fr)}}@media(max-width:520px){.about-page{padding:0 23px 40px}.ab-timeline{grid-template-columns:1fr;gap:23px}}
.ab-further-links{display:flex;flex-wrap:wrap;gap:28px;margin-top:26px}.ab-further-links a{display:inline-block;color:#13241d;text-decoration:none;font-size:var(--fs-ui);font-weight:700;letter-spacing:.09em}.ab-further-links a:hover{text-decoration:underline}
/* Align the compact Chinese headline within the same first-row rhythm as the English reference. */
html[lang="zh-CN"] .ab-hero-grid>div:first-child{align-self:center}
@media(max-width:850px){.ab-hero-grid{grid-template-rows:auto}html[lang="zh-CN"] .ab-hero-grid>div:first-child{align-self:auto}}

/* Keep the Japanese About headline in three intentional lines at desktop widths. */
html[lang="ja"] .ab-hero h1{font-size:clamp(44px,4.2vw,72px)}
@media(max-width:1050px){.ab-ja-title-break{display:none}}
@media(max-width:850px){html[lang="ja"] .ab-hero h1{font-size:clamp(40px,8vw,64px)}}
