/* Mobile/tablet: video blocks in "Meet Lizzie" / "How it works" rows span the full
   width of the card container (panel padding cancelled). Copy keeps the padding. */
@media (max-width: 1000px){
  .beacon-fix .bf-rows .bf-row .bf-art:has(video),
  .beacon-fix .bf-row .bf-art:has(video),
  .p-works .p-rows .p-row .p-row-art.has-video,
  .p-works .p-rows .p-row .p-row-art:has(video),
  .p-works .p-row .p-row-art.has-video{
    --bleed: clamp(36px, 5vw, 76px);
    width:calc(100% + var(--bleed) * 2) !important;
    max-width:calc(100% + var(--bleed) * 2) !important; min-width:0 !important;
    margin-left:calc(var(--bleed) * -1) !important; margin-right:calc(var(--bleed) * -1) !important;
    border-radius:0 !important; overflow:visible !important;
  }
  .beacon-fix .bf-rows .bf-row .bf-art:has(video) video,
  .beacon-fix .bf-row .bf-art:has(video) video,
  .p-works .p-rows .p-row .p-row-art.has-video video,
  .p-works .p-rows .p-row .p-row-art:has(video) video,
  .p-works .p-row .p-row-art.has-video video{
    width:100% !important; height:auto !important; border-radius:0 !important;
  }
  /* the section-level hero clip keeps the page gutter, just fills it */
  .beacon-fix .bf-shot.bf-shot--video{ width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; }
  .beacon-fix .bf-shot.bf-shot--video video{ width:100% !important; height:auto !important; }
}