/* Focus story stages for the drift preview: the rules the live stylesheet lacks, copied from the NudgeWebsite working tree. */
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
body.home-page .focus-story--current .focus-story__panels{gap:58px}
body.home-page .focus-story--real .focus-story-window--real{height:auto!important;min-height:0!important;margin:0!important;overflow:hidden!important;border:0!important;border-radius:26px!important;background:transparent!important;box-shadow:0 28px 76px rgba(22,45,64,.16)!important}
body.home-page .focus-story--stages .focus-story-window--stage{background:#4f9ccb!important;box-shadow:0 24px 64px rgba(22,62,104,.16)!important}
body.home-page .focus-story--stages .focus-story-window--stage>picture,
body.home-page .focus-story--stages .focus-story-window--stage img{display:block!important;width:100%!important;height:auto!important;border-radius:inherit!important}
/* Phones: copy sits on the page inset, the stage spans the rail edge to edge (over its 1px lines) and stays centred once it reaches 560px. */
@media(max-width:860px){
  body.home-page .focus-story--stages{padding:44px 0 48px}
  body.home-page .focus-story--stages .focus-story__panel{margin-bottom:56px}
  body.home-page .focus-story--stages .focus-story__panel:last-child{margin-bottom:0}
  body.home-page .focus-story--stages .focus-story-mobile-copy{order:-1;width:min(100% - 32px,560px);margin:0 auto 24px}
  body.home-page .focus-story--stages .focus-story-mobile-copy p{margin-top:14px}
  body.home-page .focus-story--stages .focus-story-window--stage{width:min(100% + 2px,560px)!important;margin:0 max(-1px,(100% - 560px)/2)!important;border-radius:18px!important;box-shadow:0 14px 36px rgba(22,62,104,.14)!important}
}