/* Detailed service banners show the coaching relationship at a readable size. */
body.ma-storybook #services .service-coaching-banner {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.92fr);
  align-items:center;
  gap:14px 24px;
  isolation:isolate;
}
body.ma-storybook #services .service-coaching-banner .toon-title-pair { display:contents; }
body.ma-storybook #services .service-coaching-banner .readable-title {
  grid-column:1;
  grid-row:1;
  margin:0;
  align-self:end;
}
body.ma-storybook #services .service-coaching-banner .readable-banner-copy {
  grid-column:1;
  grid-row:2;
  margin:0;
}
body.ma-storybook #services .service-coaching-banner .readable-banner-note {
  grid-column:1;
  grid-row:3;
  margin:0;
  align-self:start;
}
body.ma-storybook #services .service-coaching-art {
  grid-column:2;
  grid-row:1/4;
  width:100%;
  margin:0;
  aspect-ratio:3/2;
  mix-blend-mode:multiply;
  pointer-events:none;
  user-select:none;
}
body.ma-storybook #services .service-coaching-art img {
  display:block;
  width:100%;
  height:auto;
  margin:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  filter:brightness(1.02);
}
/* This illustration has real alpha, so retain its original colors on the banner. */
body.ma-storybook #services #svc-1on1 .service-coaching-art { mix-blend-mode:normal; }
body.ma-storybook #services #svc-1on1 .service-coaching-art img { filter:none; }

/* Familiar athletes keep their original motion beside the matching benefits. */
body.ma-storybook #move-academia-way .way-toon-support {
  --support-scene-width:160px;
  display:grid;
  grid-template-columns:minmax(0,1fr) var(--support-scene-width);
  align-items:center;
  gap:16px;
}
body.ma-storybook #move-academia-way .way-toon-support--community-rowing { --support-scene-width:180px; }
body.ma-storybook #move-academia-way .way-toon-support > .member-scene {
  position:relative;
  top:auto; right:auto; left:auto;
  float:none;
  width:var(--support-scene-width);
  margin:0;
  --member-ground:#fff;
}
body.ma-storybook #move-academia-way .way-community-card .way-toon-support > .member-scene {
  --member-ground:#fffaf0;
}
@media(max-width:900px) {
  body.ma-storybook #services .service-coaching-banner {
    grid-template-columns:minmax(0,1fr);
    text-align:center;
    gap:16px;
  }
  body.ma-storybook #services .service-coaching-banner .readable-title { grid-column:1; grid-row:1; }
  body.ma-storybook #services .service-coaching-art {
    grid-column:1;
    grid-row:2;
    width:min(100%,360px);
    justify-self:center;
  }
  body.ma-storybook #services .service-coaching-banner .readable-banner-copy { grid-column:1; grid-row:3; }
  body.ma-storybook #services .service-coaching-banner .readable-banner-note { grid-column:1; grid-row:4; }
}
@media(max-width:640px) {
  body.ma-storybook #move-academia-way .way-toon-support { --support-scene-width:112px; gap:12px; }
  body.ma-storybook #move-academia-way .way-toon-support--community-rowing { --support-scene-width:124px; }
}