/* A single full-bleed phone-story photograph, not a horizontal promo panel. */
body figure.rider-story-demo,body.lower-compact .share-grid>figure.rider-story-demo{position:relative;display:block;isolation:isolate;width:min(310px,100%);max-width:310px;aspect-ratio:9/16;height:auto;margin:20px auto;grid-column:1/-1;padding:0;border:1px solid #ffffff25;border-radius:28px;overflow:hidden;background:#07141b;box-shadow:0 16px 40px #0003;text-align:left}
body figure.rider-story-demo>img,body.lower-compact .share-grid>figure.rider-story-demo>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;border-radius:0;background:transparent}
body figure.rider-story-demo .story-sample-badge{position:absolute;inset:0 0 auto;z-index:2;padding:24px 20px 40px;border:0;background:linear-gradient(#0008,transparent);color:white;font-size:12px;letter-spacing:1px}
body figure.rider-story-demo:before{content:'';position:absolute;z-index:3;left:14px;right:14px;top:10px;height:3px;border-radius:4px;background:#ffffffb3}
body figure.rider-story-demo figcaption,body.lower-compact .share-grid>figure.rider-story-demo figcaption{position:absolute;z-index:2;inset:auto 0 0;max-width:none;padding:56px 20px 16px;background:linear-gradient(transparent,#041018d9 45%,#041018f5);color:white;align-self:auto}
body figure.rider-story-demo figcaption h2,body figure.rider-story-demo figcaption>strong{display:none}
body figure.rider-story-demo figcaption p{font-size:14px;line-height:1.55;font-weight:650;color:white;margin:0 0 12px;text-shadow:0 1px 3px #0009}
body figure.rider-story-demo .story-sample-emojis{display:flex;align-items:center;gap:16px;border:0;border-top:1px solid #ffffff40;padding:12px 0 0;font-size:23px;line-height:1.2}
@media(max-width:450px){body figure.rider-story-demo,body.lower-compact .share-grid>figure.rider-story-demo{width:min(290px,100%);margin:12px auto;border-radius:24px}}