/* WeckMethod JAPAN / Movement Principles navigation
   2026-08-28. Scoped to new principle hub elements only. */
.movement-principles-home{margin:0 0 70px;padding:28px 0 8px;border-top:1px solid var(--line)}
.movement-principles-copy{display:grid;grid-template-columns:25% 1fr 32%;align-items:start;gap:0;margin-bottom:30px}
.movement-principles-copy .eyebrow{color:var(--blue);margin:8px 0 0}
.movement-principles-copy h3{letter-spacing:-.045em;margin:0;font-size:clamp(30px,3.4vw,50px);line-height:1.12}
.movement-principles-copy>p:last-child{color:var(--muted);margin:4px 0 0;font-size:14px;line-height:1.9}
.movement-principle-hub{max-width:1540px;margin:auto;padding:100px 5vw 115px;border-bottom:1px solid var(--line)}
.movement-principle-hub-head{display:grid;grid-template-columns:25% 1fr;gap:0;margin-bottom:48px}
.movement-principle-hub-head>div:last-child{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,38%);gap:50px;align-items:end}
.movement-principle-hub-head h2{letter-spacing:-.055em;margin:0;font-size:clamp(42px,5vw,72px);line-height:1.06}
.movement-principle-hub-head p{color:var(--muted);margin:0;font-size:15px;line-height:1.9}
.movement-principle-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.movement-principle-card{min-height:270px;padding:24px 22px;border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;position:relative;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
a.movement-principle-card:hover{transform:translateY(-4px);box-shadow:0 15px 38px rgba(0,0,0,.09);border-color:rgba(23,72,236,.5)}
.movement-principle-card>span{letter-spacing:.14em;color:var(--blue);font-size:10px;font-weight:900}
.movement-principle-card h3,.movement-principle-card h4{letter-spacing:-.04em;margin:26px 0 12px;font-size:clamp(22px,2vw,31px);line-height:1.08}
.movement-principle-card p{color:var(--muted);margin:0 0 28px;font-size:13px;line-height:1.75}
.movement-principle-card b{margin-top:auto;color:var(--blue);font-size:11px;letter-spacing:.04em;line-height:1.5}
.movement-principle-card b i{font-style:normal}
.movement-principle-card.is-primary{background:var(--blue);border-color:var(--blue);color:#fff}
.movement-principle-card.is-primary>span,.movement-principle-card.is-primary p,.movement-principle-card.is-primary b{color:#fff}
.movement-principle-card.is-primary p{opacity:.82}
.movement-principle-card.is-dark{background:var(--ink);border-color:var(--ink);color:#fff}
.movement-principle-card.is-dark>span{color:#8aa4ff}
.movement-principle-card.is-dark p{color:#ffffffb8}
.movement-principle-card.is-dark b{color:#fff}
.movement-principle-card.is-planned{background:#e7e8e4;border-style:dashed}
.movement-principle-card.is-planned>span,.movement-principle-card.is-planned b{color:#787d84}
.movement-principle-card.is-planned p{color:#73777d}
.method-detail-link{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px;padding:15px 0 7px;border-bottom:1px solid var(--blue);color:var(--blue);font-size:13px;font-weight:900;letter-spacing:.03em}
.method-detail-link:hover{opacity:.68}
#coiling-core,#rotational-movement-training,#non-dominant-side{scroll-margin-top:105px}
@media (max-width:1200px){
  .movement-principle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .movement-principles-copy{grid-template-columns:1fr 2fr;gap:22px}
  .movement-principles-copy>p:last-child{grid-column:2}
  .movement-principle-hub-head{grid-template-columns:1fr;gap:24px}
}
@media (max-width:820px){
  .movement-principles-home{margin-bottom:52px}
  .movement-principles-copy{grid-template-columns:1fr;gap:10px}
  .movement-principles-copy>p:last-child{grid-column:auto}
  .movement-principle-hub{padding:75px 24px 85px}
  .movement-principle-hub-head>div:last-child{grid-template-columns:1fr;gap:20px}
  .movement-principle-grid{grid-template-columns:1fr 1fr}
  .movement-principle-card{min-height:245px}
}
@media (max-width:560px){
  .movement-principle-grid{grid-template-columns:1fr}
  .movement-principle-card{min-height:0;padding:22px 20px}
  .movement-principle-card h3,.movement-principle-card h4{margin-top:18px;font-size:27px}
  .movement-principle-card p{margin-bottom:22px}
}

/* Standalone METHOD section on the homepage: keeps CORE MECHANICS and the 5 principle topics as separate hierarchy levels. */
.movement-principles-home.is-standalone{max-width:1540px;margin:0 auto;padding:100px 5vw 115px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.movement-principles-home.is-standalone .movement-principles-copy{margin-bottom:42px}
@media (max-width:820px){.movement-principles-home.is-standalone{margin:0;padding:72px 24px 82px}.movement-principles-home.is-standalone .movement-principles-copy{margin-bottom:28px}}
@media (max-width:560px){.movement-principles-home.is-standalone{padding:62px 18px 72px}}