/* ------------------------------------------------------------------
   Breakpoint switching, shared by the two Framer mirrors (Innovation Lab,
   Tech Bridge).

   A Framer site does not have one responsive layout -- it has six, one per
   breakpoint, and its client runtime picks one and deletes the rest. A capture is
   therefore a capture *of one breakpoint*, and it does not reflow: the 1280px
   capture on a phone runs its headline off the screen and drops its hero blocks
   on top of each other, because that markup was never meant to be narrow.

   So three captures ship per page -- taken at 390px, 1000px and 1280px -- and
   exactly one is displayed. The boundaries below are Framer's own, lifted from the
   hidden-* media queries in its stylesheet, so each capture is shown only across
   the range it was taken for. The desktop capture also covers 1400px and up, where
   the source has further variants that differ in measure but not in structure.
   ------------------------------------------------------------------ */
.framer-mirror .bs-bp { display: none; }
@media (max-width: 809.98px)                        { .framer-mirror .bs-bp-sm { display: block; } }
@media (min-width: 810px) and (max-width: 1199.98px){ .framer-mirror .bs-bp-md { display: block; } }
@media (min-width: 1200px)                          { .framer-mirror .bs-bp-lg { display: block; } }

/* ------------------------------------------------------------------
   Undoing one line of the capture's own reset.

   The Framer stylesheet these pages carry opens with
   `body, input, textarea, select, button { font-family: sans-serif }`, and it loads after
   base.css — so on the two mirror pages the site's own chrome that relies on inheritance
   (the cookie bar's buttons, the chat panel's chips) came off the site typeface and onto
   whatever the browser defaults to. Six controls, but they sit at the bottom of the screen
   in a different face from everything above them.

   The captured content is unaffected: every text element in it names its own family, which
   is why only inheriting elements moved. This file is loaded on both mirrors and after
   their stylesheets, which is the only place the override can win from.
   ------------------------------------------------------------------ */
body,input,textarea,select,button,optgroup{font-family:var(--f-body);}