/* r56 - signed mobile player, home story, service-card and credibility fixes. */
@media(max-width:640px){
  /* The home story is a single circle: centre it and remove the unrendered gap. */
  .intro{padding-top:56px}
  .intro-aside.story-row{align-items:center;gap:0}
  .film-frame.story-ready .film-stage{background-position:center 22%}

  /* Phone story playback uses the available page width, with an unobtrusive X
     on the video itself rather than a separate navigation bar. */
  .story-dialog{padding:max(0px,env(safe-area-inset-top)) var(--gutter) max(0px,env(safe-area-inset-bottom));}
  .story-dialog-inner{width:100%;max-width:none;position:relative;gap:0}
  .story-header{display:none}
  .story-video-wrap{width:100%;border-radius:0;box-shadow:none}
  .story-dialog video{max-height:calc(100svh - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:0}
  .story-close{position:absolute;z-index:1;top:0;right:0;display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;color:#fff;background:transparent;border:0;font:400 34px/1 var(--body);text-shadow:0 1px 4px rgba(0,0,0,.85);cursor:pointer}
  .story-close span{margin:0;font:inherit}

  /* Match the established 18px service-card radius - never an arch. */
  body:has(.service-cards) .svc-card img{border-radius:18px}
  body:has(.service-cards) .svc-card img[src*="exec-f9b20474"]{object-position:50% 30%}
  body:has(.service-cards) .svc-card img[src*="exec-afbbfb8a"]{object-position:50% 38%}
  body:has(.service-cards) .svc-card img[src*="exec-c20796d6"]{object-position:50% 42%}

  /* Restore the compact experience credential after the unchanged review link. */
  .cred-chip .sep-exp,.cred-chip .exp{display:inline}
}