.about-page .intro-wrap{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.about-page .about-visual{position:relative}
.about-page .about-visual .main-image{width:100%;border-radius:24px;box-shadow:0 16px 42px rgba(21,33,52,.10)}
.about-page .family-card{position:absolute;left:-18px;bottom:-22px;width:220px;background:#fff;border-radius:20px;padding:10px;box-shadow:0 12px 28px rgba(21,33,52,.12);border:1px solid rgba(0,0,0,.05)}
.about-page .family-card img{width:100%;border-radius:12px}
.about-page .family-card p{font-size:.82rem;color:#5f6b76;margin:.55rem 0 0 0}
.about-page .cred-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.about-page .cred-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:#f3f7fa;border:1px solid rgba(0,0,0,.05);color:#5f6b76;font-size:.82rem;font-weight:700}
.about-page .middle-copy{max-width:820px;margin:0 auto}
.about-page .values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.about-page .value-card{background:#fff;border-radius:20px;border:1px solid rgba(0,0,0,.05);padding:22px;box-shadow:0 8px 22px rgba(21,33,52,.05);transition:all .18s ease}
.about-page .value-card:hover{transform:translateY(-2px);box-shadow:0 16px 42px rgba(21,33,52,.10)}
.about-page .value-card p{color:#5f6b76;margin-bottom:0}
.about-page .logo-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;margin-top:22px;align-items:center}
.about-page .logo-pill{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;min-height:58px;display:flex;align-items:center;justify-content:center;padding:10px 12px;color:#6d737a;font-size:.85rem;font-weight:800;text-align:center;filter:grayscale(1);opacity:.82}
.about-page .quote-band{background:#fff;border-radius:22px;border:1px solid rgba(0,0,0,.06);box-shadow:0 8px 22px rgba(21,33,52,.05);padding:24px;max-width:900px;margin:28px auto 0;position:relative}
.about-page .quote-band:before{content:"“";position:absolute;left:16px;top:8px;font-size:44px;line-height:1;color:#d4edf9;font-weight:900}
.about-page .quote-band p{margin:10px 0 0 0;color:#334454;font-weight:600}
.about-page .quote-band .attrib{margin-top:10px;color:#5f6b76;font-size:.92rem;font-weight:700}
.about-page .bottom-wrap{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.about-page .focus-list{color:#5f6b76}
.about-page .focus-list li{margin:.28rem 0}
.about-page .pill-row{justify-content:flex-start}
@media (max-width:1080px){.about-page .intro-wrap,.about-page .bottom-wrap{grid-template-columns:1fr}.about-page .logo-strip{grid-template-columns:repeat(3,1fr)}}
@media (max-width:820px){.about-page .values-grid,.about-page .logo-strip{grid-template-columns:1fr}.about-page .family-card{position:relative;left:auto;bottom:auto;width:min(240px,85%);margin:16px auto 0}}
@media (max-width: 820px) {
  .about-page .intro-wrap {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .about-page .about-visual {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    padding-bottom: 46px;
  }

  .about-page .about-visual .main-image {
    width: 100%;
    border-radius: 24px;
  }

  .about-page .family-card {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: min(58vw, 260px);
    margin: 0;
    padding: 10px;
    border-radius: 20px;
    box-shadow: 0 12px 28px rgba(21, 33, 52, 0.14);
  }

  .about-page .family-card img {
    border-radius: 12px;
  }

  .about-page .family-card p {
    font-size: 0.82rem;
    line-height: 1.4;
    margin-top: 8px;
  }

  .about-page .logo-strip {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .about-page .logo-pill {
    min-height: 52px;
    font-size: 0.8rem;
    padding: 10px;
  }

  .about-page .values-grid {
    grid-template-columns: 1fr;
  }

  .about-page .bottom-wrap {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
@media (max-width: 820px) {

  .about-page .about-visual {
    position: relative;
    max-width: 420px;
    margin: 0 auto;
    padding-bottom: 50px;
  }

  .about-page .family-card {
    position: absolute;
    left: 50%;
    bottom: -10px;
    transform: translateX(-50%);
    width: min(72vw, 260px);
    margin: 0;
    padding: 12px;
    border-radius: 20px;
    box-shadow: 0 14px 30px rgba(20,40,80,0.18);
  }

  .about-page .family-card img {
    border-radius: 12px;
  }

  .about-page .family-card p {
    font-size: 0.85rem;
    line-height: 1.35;
    margin-top: 8px;
  }

}
@media (max-width: 820px) {

  .badge-row {
    justify-content: center;
  }

  .badge {
    font-size: .85rem;
    padding: 8px 14px;
  }

}