/* ai-product-team.css, the working method case.

   Everything this page needs already exists: the masthead, the rail, the body
   rhythm and the figure captions come from article.css, and the nav, footer and
   CTA strip from style.css. The only thing article.css has no rule for is a
   figure that is a drawing on its own ground rather than a device frame, so
   that wrapper is the whole of this file.

   The drawings are exported from the Figma file at two canvas widths, 736 for
   the reading column and 338 for the phone column, and each wrapper is capped
   at the width it was drawn at, so a drawing only ever scales down and never
   past 1. The toggle sits on the same 719.98px breakpoint the article teasers
   use in style.css, so the whole site changes drawing at one width.
   Inlined rather than loaded through <img>, because WebKit rasterises an
   <img> SVG at CSS resolution and the drawing goes soft on a phone. */

.art-il { display: block; line-height: 0; max-width: calc(var(--w) * 1px); }
.art-il svg { display: block; width: 100%; height: auto; }
.art-il--m { display: none; }

@media (max-width: 719.98px) {
  .art-il--d { display: none; }
  .art-il--m { display: block; }
}