.about-index{background:#07090d;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.1);position:relative;z-index:4}
.about-index__inner{max-width:1440px;margin:0 auto;padding:0 5vw;display:flex;align-items:stretch;gap:24px}
.about-index__label{flex:0 0 auto;display:flex;align-items:center;color:#6f7a89;font-size:10px;font-weight:800;letter-spacing:.18em;padding:18px 0}
.about-index__links{display:flex;align-items:stretch;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.about-index__links::-webkit-scrollbar{display:none}
.about-index__links a{flex:0 0 auto;display:flex;align-items:center;gap:7px;padding:17px 15px;color:#c7cfda;font-size:11px;font-weight:700;letter-spacing:.08em;border-left:1px solid rgba(255,255,255,.08);transition:background .2s ease,color .2s ease}
.about-index__links a:last-child{border-right:1px solid rgba(255,255,255,.08)}
.about-index__links a small{color:#5e86ff;font-size:9px;font-weight:900}
.about-index__links a:hover,.about-index__links a:focus-visible{background:#101722;color:#fff}
#mission,#founder,#leadership,#process,#movement-overview,#movement-system,#biomechanics,#concepts,#learning,#what-is-weckmethod,#japan{scroll-margin-top:92px}
.about-inline-link{display:inline-flex;align-items:center;gap:7px;margin-top:14px;color:#1748ec!important;font-size:12px!important;font-weight:800!important;letter-spacing:.04em;text-decoration:none!important}
.about-inline-link:hover{text-decoration:underline!important;text-underline-offset:4px}
.about-card-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}
.about-card-links a{display:inline-flex;align-items:center;min-height:34px;padding:7px 10px;border:1px solid #d7e1ef;color:#1748ec!important;background:#f8faff;font-size:11px;font-weight:800;text-decoration:none!important}
.about-card-links a:hover{background:#edf4ff;border-color:#b9cdf1}
.japan-service .service-grid article .about-inline-link{margin-top:12px}
@media(max-width:900px){.about-index__inner{display:block;padding:0}.about-index__label{padding:14px 20px 8px}.about-index__links{padding:0 10px 8px}.about-index__links a{padding:12px 12px;border:1px solid rgba(255,255,255,.08);margin-right:6px}.about-index__links a:last-child{border-right:1px solid rgba(255,255,255,.08)}}
@media(max-width:640px){#mission,#founder,#leadership,#process,#movement-overview,#movement-system,#biomechanics,#concepts,#learning,#what-is-weckmethod,#japan{scroll-margin-top:70px}}
.about-system{background:#fff;color:#090b0e;padding:92px 5vw 104px;border-top:1px solid rgba(9,11,14,.12);border-bottom:1px solid rgba(9,11,14,.12)}
.about-system__inner{max-width:1440px;margin:0 auto}
.about-system .section-label{color:#090b0e;margin-bottom:24px}.about-system .section-label span{color:#1748ec}
.about-system__head{display:grid;grid-template-columns:1fr minmax(340px,600px);gap:48px;align-items:end;margin-bottom:42px}
.about-system__head h2{font-size:clamp(42px,5vw,72px);line-height:1.04;letter-spacing:-.055em;margin:0}
.about-system__head p{font-size:16px;line-height:2;color:#555d68;margin:0}
.about-system__figure{background:#fff;border:1px solid #dfe5ed;padding:22px;box-shadow:0 18px 45px rgba(18,44,81,.07)}
.about-system__figure img{width:100%;height:auto;display:block}
.about-system__definition{max-width:1120px;margin:38px 0 0;padding-left:26px;border-left:4px solid #1748ec}
.about-system__definition strong{display:block;font-size:clamp(25px,2.8vw,40px);line-height:1.35;letter-spacing:-.035em;margin-bottom:12px}
.about-system__definition p{font-size:15px;line-height:1.95;color:#555d68;margin:0}
.about-biomechanics{margin-top:66px;padding-top:58px;border-top:1px solid #dfe5ed}
.about-biomechanics__label{display:block;color:#1748ec;font-size:11px;font-weight:800;letter-spacing:.16em;margin-bottom:14px}
.about-biomechanics h3{font-size:clamp(34px,4vw,58px);line-height:1.08;letter-spacing:-.045em;margin:0;max-width:1000px}
.about-biomechanics>p{font-size:16px;line-height:2;color:#555d68;max-width:1060px;margin:22px 0 0}
.about-force-loop{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dfe5ed;border:1px solid #dfe5ed;margin-top:34px}
.about-force-loop article{background:#f8fafc;padding:30px}.about-force-loop b{display:block;color:#1748ec;font-size:12px;letter-spacing:.14em;margin-bottom:10px}.about-force-loop h4{font-size:24px;letter-spacing:-.025em;margin:0 0 10px}.about-force-loop p{font-size:14px;line-height:1.9;color:#5b6068;margin:0}
.about-concepts{margin-top:68px;display:grid;grid-template-columns:minmax(260px,.72fr) 1.28fr;gap:52px;align-items:start}
.about-concepts__side span{display:block;color:#1748ec;font-size:11px;font-weight:800;letter-spacing:.16em;margin-bottom:12px}.about-concepts__side h3{font-size:clamp(30px,3.5vw,48px);line-height:1.12;letter-spacing:-.04em;margin:0}.about-concepts__side p{font-size:14px;line-height:1.9;color:#5b6068;margin:18px 0 0}
.about-concepts__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#dfe5ed;border:1px solid #dfe5ed}.about-concepts__grid article{background:#fff;padding:26px}.about-concepts__grid b{display:block;color:#1748ec;font-size:11px;letter-spacing:.14em;margin-bottom:8px}.about-concepts__grid h4{font-size:21px;margin:0 0 8px}.about-concepts__grid p{font-size:14px;line-height:1.85;color:#5b6068;margin:0}
.about-learning{margin-top:68px;padding-top:58px;border-top:1px solid #dfe5ed;display:grid;grid-template-columns:minmax(260px,.72fr) 1.28fr;gap:52px;align-items:start}.about-learning__side span{display:block;color:#1748ec;font-size:11px;font-weight:800;letter-spacing:.16em;margin-bottom:12px}.about-learning__side h3{font-size:clamp(30px,3.5vw,48px);line-height:1.12;letter-spacing:-.04em;margin:0}.about-learning__side p{font-size:14px;line-height:1.9;color:#5b6068;margin:18px 0 0}.about-learning__flow{display:grid;gap:0;border-top:1px solid #dfe5ed}.about-learning__flow article{display:grid;grid-template-columns:84px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid #dfe5ed}.about-learning__flow b{font-size:12px;color:#1748ec;letter-spacing:.12em;padding-top:4px}.about-learning__flow h4{font-size:20px;margin:0 0 5px;letter-spacing:-.02em}.about-learning__flow p{font-size:14px;line-height:1.85;color:#5b6068;margin:0}
.about-system__final{margin-top:72px;background:#090b0e;color:#fff;padding:46px 48px;display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:start}.about-system__final small{display:block;color:#8eb2ff;font-size:11px;font-weight:800;letter-spacing:.16em;margin-bottom:12px}.about-system__final h3{font-size:clamp(30px,3.5vw,48px);line-height:1.13;letter-spacing:-.04em;margin:0}.about-system__final p{font-size:15px;line-height:2;color:#c7cfda;margin:0}.about-system__final p+p{margin-top:14px}.about-system__final a{color:#fff;text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.about-system{padding:72px 5vw 82px}.about-system__head,.about-concepts,.about-learning,.about-system__final{grid-template-columns:1fr;gap:24px}.about-force-loop,.about-concepts__grid{grid-template-columns:1fr}.about-system__final{padding:34px}.about-learning__flow article{grid-template-columns:68px 1fr}}
@media(max-width:640px){.about-system{padding:58px 20px 68px}.about-system__figure{padding:10px}.about-system__definition{padding-left:18px}.about-force-loop article,.about-concepts__grid article{padding:22px}.about-system__final{padding:26px 22px}.about-learning__flow article{grid-template-columns:56px 1fr}}

/* Production hardening: ABOUT 2026-08-31 */
.about-index *, .about-system * { box-sizing: border-box; }
.about-index__inner, .about-index__links, .about-system__inner,
.about-system__head, .about-force-loop, .about-concepts,
.about-concepts__grid, .about-learning, .about-learning__flow,
.about-system__final { min-width: 0; }
.about-system img { max-width: 100%; }
.about-system h2, .about-system h3, .about-system h4,
.about-system p, .about-system a, .about-index a { overflow-wrap: anywhere; }
.dark-callout .about-inline-link { color: #fff !important; text-decoration: underline !important; text-underline-offset: 4px; }
.about-system__figure { overflow: hidden; }
.about-system__figure img { margin: 0 auto; }
.about-card-links a { white-space: normal; }

@media (max-width: 1180px) {
  .about-index__inner { gap: 14px; }
  .about-index__links a { padding-left: 12px; padding-right: 12px; }
  .about-system__head { grid-template-columns: 1fr; gap: 20px; }
  .about-system__head p { max-width: 900px; }
  .about-concepts, .about-learning, .about-system__final { grid-template-columns: 1fr; gap: 28px; }
  .about-concepts__side, .about-learning__side { max-width: 860px; }
}

@media (max-width: 1024px) {
  .about-system { padding-left: 4vw; padding-right: 4vw; }
  .about-force-loop { grid-template-columns: 1fr; }
  .about-concepts__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-system__final { padding: 34px; }
}

@media (max-width: 820px) {
  .about-index__inner { display: block; padding: 0; }
  .about-index__label { padding: 14px 20px 8px; }
  .about-index__links { padding: 0 10px 8px; }
  .about-index__links a { padding: 12px; border: 1px solid rgba(255,255,255,.08); margin-right: 6px; }
  .about-index__links a:last-child { border-right: 1px solid rgba(255,255,255,.08); }
  .about-system { padding: 68px 24px 78px; }
  .about-system__head h2 { font-size: clamp(38px, 8vw, 58px); }
  .about-system__figure { padding: 14px; }
  .about-biomechanics { margin-top: 54px; padding-top: 48px; }
  .about-concepts, .about-learning { margin-top: 54px; }
}

@media (max-width: 640px) {
  .about-system { padding: 54px 18px 64px; }
  .about-system__head { margin-bottom: 30px; }
  .about-system__figure { padding: 8px; box-shadow: none; }
  .about-system__definition { margin-top: 28px; padding-left: 16px; }
  .about-system__definition strong { font-size: clamp(23px, 7vw, 32px); }
  .about-concepts__grid { grid-template-columns: 1fr; }
  .about-force-loop article, .about-concepts__grid article { padding: 20px; }
  .about-learning__flow article { grid-template-columns: 50px minmax(0, 1fr); gap: 12px; }
  .about-system__final { padding: 24px 20px; }
  #mission,#founder,#leadership,#process,#movement-overview,#movement-system,#biomechanics,#concepts,#learning,#what-is-weckmethod,#japan { scroll-margin-top: 70px; }
}
