/* One live HTML surface for artwork and controls, including fold clipping.
   Depth comes from continuous crease lighting, not a separately projected mesh. */
.bb-hybrid-motion .bb-page-canvas.--simple.--left::before {
    background: linear-gradient(to left, rgba(22,19,15,.23), rgba(22,19,15,.10) 3%, rgba(22,19,15,.025) 9%, transparent 17%);
}
.bb-hybrid-motion .bb-page-canvas.--simple.--right::before {
    background: linear-gradient(to right, rgba(22,19,15,.23), rgba(22,19,15,.10) 3%, rgba(22,19,15,.025) 9%, transparent 17%);
}
.bb-hybrid-motion #bb-flipbook-stage {
    filter: drop-shadow(0 2px 2px rgba(0,0,0,.14)) drop-shadow(0 8px 16px rgba(0,0,0,.16));
}
.bb-hybrid-motion .bb-page-canvas { backface-visibility: hidden; }
.bb-hybrid-motion .bb-sample-nav { flex-wrap: wrap; }
.bb-mobile-sheet-back { display:none;pointer-events:none;backface-visibility:visible;box-shadow:0 2px 9px rgba(0,0,0,.18); }
@media(max-width:768px) {
    .bb-hybrid-motion .stf__block { overflow:hidden; }
    .bb-hybrid-motion .bb-page-canvas::before { background:none!important; }
}