.bk-prog,.bk-next,.bk-rule{display:none}
@media (max-width:560px){
  #story .cards-2.bk{display:flex;gap:0;overflow-x:auto;overflow-y:hidden;align-items:flex-start;
    scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
  #story .cards-2.bk::-webkit-scrollbar{display:none}
  #story .cards-2.bk > .s-card{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
  #story .cards-2.bk .s-card-body{flex:1}
  
  #story .bk-prog{display:flex;gap:4px;position:relative;z-index:6;height:0;margin:0;padding-inline:10px}
  #story .bk-prog i{flex:1;height:3px;border-radius:2px;transform:translateY(8px);
    background:rgba(255,255,255,.5);box-shadow:0 0 4px rgba(0,0,0,.18);transition:background .3s}
  #story .bk-prog i.on{background:#fff}
  #story .cards-2.bk .s-card-img::before{content:"";position:absolute;inset-inline:0;inset-block-start:0;
    height:30px;z-index:1;pointer-events:none;background:linear-gradient(rgba(23,34,34,.3),rgba(23,34,34,0))}
  #story .bk-rule{display:block;height:3px;border-radius:2px;background:var(--sage-l);margin:16px 16px 0}
  
  #story .bk-next{position:relative;display:block;width:100%;margin-block-start:auto;
    padding:14px 0 0;background:none;border:0;font:inherit;text-align:start;cursor:pointer;color:var(--ink)}
  #story .bk-pic{display:block;position:relative;overflow:hidden;border-radius:14px;height:92px}
  #story .bk-img{position:absolute;inset:0;background:#dfe6e4 center/cover no-repeat;
    opacity:.5;filter:saturate(.45)}
  #story .bk-pic::after{content:"";position:absolute;inset:0;
    background:linear-gradient(to left,rgba(255,255,255,.72),rgba(255,255,255,.25) 62%,rgba(255,255,255,0))}
  
  #story .bk-hd{position:absolute;inset-inline-start:16px;inset-inline-end:70px;inset-block-end:18px;z-index:1;
    display:block;font-family:'Suez One',serif;font-size:21px;line-height:1.3;
    white-space:nowrap;overflow:hidden;color:var(--ink);opacity:.5}   
  #story .bk-arr{position:absolute;inset-inline-end:14px;inset-block-end:24px;
    width:44px;height:44px;border-radius:50%;display:grid;place-items:center;
    background:var(--ink);color:#fff}
  #story .bk-arr svg{width:20px;height:20px}
  
  #story .bk-next.bk-rv .bk-pic,#story .bk-next.bk-rv .bk-hd,#story .bk-next.bk-rv .bk-arr{
    opacity:0;transform:translateY(12px);filter:blur(5px)}
  #story .bk-next.bk-rv .bk-pic{filter:none}
  #story .bk-next.bk-rv.bk-in .bk-pic,#story .bk-next.bk-rv.bk-in .bk-hd,#story .bk-next.bk-rv.bk-in .bk-arr{
    opacity:1;transform:none;filter:none;
    transition:opacity .9s ease,transform 1s cubic-bezier(.2,.7,.2,1),filter .9s ease}
  #story .bk-next.bk-rv.bk-in .bk-pic{transition:opacity .6s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
  #story .bk-next.bk-rv.bk-in .bk-hd{transition-delay:.28s;opacity:.5}
  #story .bk-next.bk-rv.bk-in .bk-arr{transition-delay:.6s}
  
  body:not(.hwe-on) #story .cards-2.bk.bk-w .s-card-img img{transition:opacity .9s ease,filter .9s ease}
  body:not(.hwe-on) #story .cards-2.bk.bk-w .s-card:not(.bk-cur) .s-card-img img{opacity:.5;filter:saturate(.45)}
  
  #story .s-card.bk-fly .s-card-img{visibility:hidden}
  #story .s-card.bk-fly .s-card-img img{transition:none!important}
  
  #story .s-card.bk-fly h3{opacity:0!important;transition:none!important;z-index:41}
  #story .s-card.bk-fly.bk-hd-in h3{opacity:1!important;transition:opacity .2s ease!important}
  
  #story .bk-arr.bk-poke{animation:bkPoke 1.1s ease-in-out}
  @keyframes bkPoke{0%,100%{transform:none}18%{transform:translateX(-7px)}36%{transform:none}54%{transform:translateX(-5px)}72%{transform:none}}
  
  #story .receipt-float{inset-block-end:-310px}
  
  #story{padding-block-end:205px}
  #story .section-content{padding-block-end:var(--bk-extra,0px)}
}

.bk-clone{position:absolute;z-index:40;pointer-events:none;overflow:hidden;
  background:#dfe6e4 center/cover no-repeat;will-change:left,top,width,height}
.bk-clone i{position:absolute;inset:0;opacity:0;
  background:linear-gradient(to top,rgba(23,34,34,.74),rgba(23,34,34,.22) 52%,rgba(23,34,34,0) 80%)}