/* Hides Safari's own "start playback" overlay on the site's background videos, so it never
   covers content laid over them, the home hero's <h1>/<p.hero-text> among others. Scoped to
   .w-background-video-atom only: js/tap-to-play.js answers a tap on that area instead, and the
   video's own poster shows in its place until the tap.

   TWO PSEUDO-ELEMENTS, BOTH WEBKIT-ONLY, NEITHER WITH A STANDARD EQUIVALENT. css/webflow.css
   already sets display:none on video::-webkit-media-controls-start-playback-button for
   .w-background-video > video, which every one of these atoms already is; it is repeated here,
   scoped, so this file stands as the one place both parts of the fix live together.
   ::-webkit-media-controls hides the browser's whole control surface, in case Low Power Mode
   draws its icon through a different part of that surface than the start-playback button alone.

   PLAYWRIGHT CANNOT PROVE THE ICON IS GONE. WebKit under Playwright has no Low Power Mode and
   draws no such icon in the first place, held back or not; _qa/tap-to-play.spec.cjs's own check
   on this file only confirms the selector matches exactly the site's background videos and no
   other <video>, none of which exist outside .w-background-video-atom on this site today.
   Whether the icon itself is gone needs a real Mac, Low Power Mode on, QA's own eyes. */
.w-background-video-atom video::-webkit-media-controls-start-playback-button,
.w-background-video-atom video::-webkit-media-controls {
  display: none !important;
  -webkit-appearance: none;
}