/* A balanced reading column with larger alpha sculptures on the right. */
body.variation-b .b-method-panel{
  grid-template-columns:64px minmax(0,1fr) minmax(240px,440px);
  gap:32px;align-items:center;padding:48px;
}
body.variation-b .b-panel-index{align-self:center;font-size:56px;opacity:.65}
body.variation-b .b-panel-copy{align-self:center;max-width:42ch;gap:20px}
body.variation-b .b-panel-name{font-size:clamp(30px,3.2vw,46px);line-height:1.1}
body.variation-b .b-panel-desc{font-size:clamp(16px,1.25vw,19px);line-height:1.65;opacity:1;text-wrap:pretty}
body.variation-b .b-panel-art{
  grid-column:3;grid-row:1;align-self:center;justify-self:end;
  width:100%;max-width:440px;margin:0;
}
@media(min-width:760px) and (max-width:1023px){
  body.variation-b .b-method-panel{grid-template-columns:48px minmax(0,1fr) 240px;gap:20px;padding:40px 24px;min-height:420px}
  body.variation-b .b-panel-art{max-width:240px}
  body.variation-b .b-panel-index{font-size:44px}
}
@media(max-width:759px){
  body.variation-b .b-method-panel{grid-template-columns:40px minmax(0,1fr);gap:20px;padding:36px 24px;min-height:auto}
  body.variation-b .b-panel-index{font-size:36px;align-self:start;padding-top:4px}
  body.variation-b .b-panel-copy{max-width:38ch}
  body.variation-b .b-panel-name{font-size:30px}
  body.variation-b .b-panel-art{grid-column:2;grid-row:2;width:min(100%,240px);max-width:240px;justify-self:end}
}