/* ============================================================
   ELEMENTOR INTERFERENCE
   The pages carry the prototype's markup verbatim inside HTML widgets, so
   Elementor should contribute no styling of its own. One of its rules does:

     .elementor .elementor-widget:not(.elementor-widget-text-editor)
       :not(.elementor-widget-theme-post-content) figure { margin: 0 }

   That selector outweighs the design system's own classes. Every figure in the
   prototype sets margin:0 itself except .heroshot, which pulls itself up over
   the section above, so only that one needs restoring. Elementor offers no hook
   between adding the wrapper classes and printing them, so this is settled in
   CSS rather than by unsetting the class. `.elementor` is repeated only to
   carry one more class of weight than the reset; Elementor 4 no longer emits
   the `.elementor-widget-container` div that would otherwise supply it.
   ============================================================ */
.elementor.elementor .elementor-widget.elementor-widget-html figure.heroshot{
  margin:calc(-1 * clamp(70px,11vw,170px)) 0 clamp(34px,4vw,56px);
}