/* Hallmark · macrostructure: operational figure ledger · genre: modern-minimal · tone: precise · theme: existing Rely editorial system
 * scope: supporting illustration panels · pre-emit critique: P5 H5 E5 S5 R5 V5 · slop: pass · mobile: pass (320, 375, 414, 768)
 */

.sec-motionpanel .mp-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(1rem,.55rem + 1.5vw,1.75rem);
}
@media (min-width:640px){
  .sec-motionpanel .mp-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:720px){
  .sec-motionpanel .mp-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:940px){
  .sec-motionpanel .mp-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.sec-motionpanel .mp-foot{margin-top:1.6rem}

.mp{margin:0;display:flex;flex-direction:column;gap:1.15rem}
.mp-stage{
  min-width:0;
  padding:0;
  background:transparent;
}
.mp-art{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
.mp-cap{margin:0}
.mp-cap .mono-label{margin:0 0 .5rem}
.mp-text{margin:0;color:var(--ink-2);font-size:var(--t--1,.875rem);line-height:1.6}
.mp-text strong{color:var(--ink);font-weight:800}
.mp-cap .note{margin-top:.7rem}

@media (min-width:760px){
  .sec-motionpanel .mp-cols-1 .mp{flex-direction:row;align-items:center;gap:clamp(1.5rem,1rem + 2vw,3rem)}
  .sec-motionpanel .mp-cols-1 .mp:nth-child(even){flex-direction:row-reverse}
  .sec-motionpanel .mp-cols-1 .mp-stage{flex:1 1 52%}
  .sec-motionpanel .mp-cols-1 .mp-cap{flex:1 1 48%;min-width:0}
  .sec-motionpanel .mp-cols-1 .mp-text{font-size:var(--t-0,1.0625rem)}
}

@media print{
  .mp-stage{background:none}
}