/* Compact editorial introduction; the credential captions stay with their marks. */
.about-refined{padding-block:100px 70px}
.about-introduction{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:clamp(48px,7vw,112px);align-items:center}
.about-story{max-width:820px}
.about-story h2{font-size:clamp(38px,4.35vw,62px);line-height:1.08;margin:26px 0 28px;text-wrap:balance}
.about-story h2 em{display:block;color:var(--sky)}
.about-purpose,.about-bio{font-size:15px;line-height:1.8;max-width:690px;text-wrap:pretty;color:#becadb}
.about-purpose{color:#e3e9f2;font-size:17px}
.about-bio{margin-top:18px}
.about-portrait{margin:0;width:260px}
.about-portrait img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.about-portrait figcaption{padding-top:17px;line-height:1.6;font-size:14px;text-align:center}
.about-portrait figcaption strong,.about-portrait figcaption span{display:block}
.about-portrait figcaption strong{font-weight:700;color:#fff}
.about-portrait figcaption span{font-size:13px;color:#aebcd0;margin-top:2px}
.about-experience{margin-top:58px;padding-top:27px;border-top:1px solid var(--dark-line);display:flex;align-items:baseline;justify-content:space-between;gap:28px}
.about-experience .ribbon-note{max-width:550px;font-size:12px;line-height:1.7}
.about-refined .logo-ribbon{margin-top:24px;padding-block:0 10px;border:0}
.about-refined .logo-set{gap:24px;padding-right:24px}
.about-refined .credential{width:144px;height:auto;background:transparent;border-radius:0;padding:0;gap:14px;justify-content:flex-start;--logo-scale:.68}
.about-refined .credential-mark{width:144px;height:144px;flex:none;padding:14px;background:#fff;border-radius:3px}
.about-refined .credential-mark img{max-width:100%;max-height:100%;object-fit:contain}
.about-refined .credential figcaption{color:#b5c8e0;font-size:10px;line-height:1.5;letter-spacing:.085em;white-space:nowrap}
.about-refined .credential-name{font-size:17px!important}
@media(max-width:899px){
  .about-refined{padding-block:72px 55px}
  .about-introduction{grid-template-columns:minmax(0,1fr) 210px;gap:35px}
  .about-portrait{width:210px}
  .about-story h2{font-size:40px}
  .about-purpose{font-size:16px}
  .about-bio{font-size:14px}
  .about-experience{align-items:flex-start;flex-direction:column;gap:12px;margin-top:40px}
}
@media(max-width:649px){
  .about-refined{padding-block:60px 44px}
  .about-introduction{grid-template-columns:1fr;gap:28px}
  .about-story h2{font-size:clamp(32px,8.5vw,44px);margin-block:22px}
  .about-purpose{font-size:16px}
  .about-portrait{width:120px}
  .about-portrait img{width:120px;height:120px}
  .about-refined .logo-set{gap:18px;padding-right:18px}
  .about-refined .credential{width:128px;--logo-scale:.60}
  .about-refined .credential-mark{width:128px;height:128px;padding:12px}
  .about-refined .credential figcaption{font-size:10px;letter-spacing:.06em}
}
@media(prefers-reduced-motion:reduce){
  .about-refined .logo-ribbon{mask-image:none;-webkit-mask-image:none}
  .about-refined .logo-set{padding:0 var(--gutter);gap:24px;grid-template-columns:repeat(4,minmax(0,1fr))}
  .about-refined .credential{width:100%}
  .about-refined .credential-mark{width:min(144px,100%);height:auto;aspect-ratio:1}
}
@media(prefers-reduced-motion:reduce) and (max-width:649px){
  .about-refined .logo-set{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
}