/* Phones, 600px and under (the phone layer, 3 October 2026): moved out of world-story-business.css unchanged, linked with
   media="(max-width:600px)" immediately after it. The @property rules register only where this file applies, which is
   the only place anything reads them. */

/* ------------------------------------------------------------------ portrait phones (3 October 2026, the launch pass) */
/* At 600px and below story-business.js turns the strip into a camera (CAM there): every picture at one larger fit, the
   window aimed at its beat's region, a straight pan from one region to the next; --b-dxN and --b-dN are beat N's opening
   drift (--b-rd its shifted label row's). Nothing fades or steps back (the script keeps --b-focus 1 and --b-z 1). The label rows step down to 16px and may
   wrap (the note to its own line). Desktop never reads any of these. */
@property --b-dx1{syntax:'<length>';inherits:false;initial-value:0px}
@property --b-d1{syntax:'<number>';inherits:false;initial-value:1}
@property --b-dx2{syntax:'<length>';inherits:false;initial-value:0px}
@property --b-d2{syntax:'<number>';inherits:false;initial-value:1}
@property --b-dx3{syntax:'<length>';inherits:false;initial-value:0px}
@property --b-d3{syntax:'<number>';inherits:false;initial-value:1}
@property --b-dx4{syntax:'<length>';inherits:false;initial-value:0px}
@property --b-d4{syntax:'<number>';inherits:false;initial-value:1}
@property --b-dx5{syntax:'<length>';inherits:false;initial-value:0px}
@property --b-d5{syntax:'<number>';inherits:false;initial-value:1}
@property --b-rd{syntax:'<number>';inherits:false;initial-value:1}
@media (max-width:600px){
 .world-story .world-story-b-track.is-b-live{padding:0;transform:translate3d(calc(var(--b-x) + (1 - var(--b-d1)) * var(--b-dx1) + (1 - var(--b-d2)) * var(--b-dx2) + (1 - var(--b-d3)) * var(--b-dx3) + (1 - var(--b-d4)) * var(--b-dx4) + (1 - var(--b-d5)) * var(--b-dx5)),0,0)}
 .world-story .world-story-b-track.is-b-live .world-story-b-where{--b-nav:calc(16px / var(--b-fit,1));row-gap:calc(6px / var(--b-fit,1))}
 .world-story .world-story-b-track.is-b-live .world-story-b-where{flex-wrap:wrap}
 .world-story .world-story-b-track.is-b-live .world-story-b-note{flex-basis:100%;font-size:calc(13px / var(--b-fit,1))}
 .world-story .world-story-b-track.is-b-live .world-story-b-explore{font-size:calc(12px / var(--b-fit,1))}
}