/* Show the representative lookup when a phone is held in landscape.
 *
 * The site already intends this: `.embed-wrapper.hidden-ls-only` is display:none by default and
 * `.sw2.ls-only-off` is the slide deck, and Webflow's own rules swap them inside
 * `screen and (max-width: 767px)`, then swap them back under 479px so a phone held upright gets
 * the slides.
 *
 * The trouble is that 767px is a width, and a modern iPhone in landscape is wider than it: 844px
 * on a 14 or 15, 932px on a Pro Max. Only an SE ever fell inside the band, so on nearly every
 * phone in circulation turning sideways did nothing at all. Same rules in production, so this has
 * never worked there either.
 *
 * Orientation is what was actually meant, so that is what this tests. The height ceiling keeps
 * tablets out, since an iPad in landscape is 768px tall or more, and `pointer: coarse` keeps a
 * short desktop window out. Phone landscape viewports are 375 to 430px tall.
 *
 * Left as an addition rather than an edit to the Webflow stylesheet: that file is a build artefact
 * of the capture and gets replaced wholesale, this does not.
 */
@media screen and (orientation: landscape) and (max-height: 500px) and (pointer: coarse) {
  .embed-wrapper.hidden-ls-only { display: block; }
  .sw2.ls-only-off { display: none; }
}