/* chango.fit/about/ (scripts/build-about-page.py), on top of figure.css: the 3D figure page's top
   and sections. Figma: Chango • Verkkosivu • Who's behind it, desktop 5140:2369 (1280), mobile 5140:128988 (402). */

/* the top: the gym and the heading only, lower than on the 3D figure page */
.ab-hero{height:560px}
.ab-hero .f-hero-in{top:220px}

/* the story on the left, Jenni's clip on the right */
.ab-story{grid-template-columns:560px 1fr; align-items:start; min-height:0; padding:140px max(16px, calc(50% - 553px)) 120px}
.ab-story .f-body{margin-top:32px}
.ab-story .f-body p + p{margin-top:20px}
.ab-story .f-body a{color:inherit; font-weight:600; text-decoration:underline}
.ab-vis{justify-self:end; margin-right:60px}
.ab-video{display:block; width:300px; height:auto; border-radius:16px; background:#141f33; box-shadow:0 20px 50px rgba(0,0,0,.35)}

@media (max-width:1099px){
  .ab-hero{height:auto}
  .ab-hero .f-hero-in{top:auto; padding-bottom:64px}
  .ab-story{padding:64px 16px}
  .ab-story .f-body{margin-top:24px}
  .ab-story .f-body p + p{margin-top:16px}
  .ab-vis{justify-self:auto; margin:32px auto 0}
  .ab-video{width:220px; border-radius:12px}
}