/* Training photos: one wide main image, selectable thumbnails, no visible captions. */
#clientTrainingGrid .bp-photos{margin-top:36px;padding-top:28px;min-width:0}
#clientTrainingGrid .bp-photos:first-child{margin-top:0;padding-top:0;border-top:0}
#clientTrainingGrid .bp-gallery{width:100%;max-width:1100px;min-width:0;margin:auto}
#clientTrainingGrid .bp-feature-open{display:block;width:100%;aspect-ratio:3.5/1;height:auto;min-height:0;padding:0;border:1px solid var(--fp-border,#d8d8d2);border-radius:15px;overflow:hidden;background:var(--fp-panel,#f4f3ef);cursor:zoom-in}
#clientTrainingGrid .bp-feature-open img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
#clientTrainingGrid .bp-feature-open.is-portrait img{object-fit:contain}
#clientTrainingGrid .bp-picker{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:14px;max-width:900px;margin:14px auto 0}
#clientTrainingGrid .bp-picker[hidden]{display:none}
#clientTrainingGrid .bp-thumbnails{display:flex;position:relative;gap:12px;min-width:0;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain;padding:3px 1px}
#clientTrainingGrid .bp-thumbnails::-webkit-scrollbar{display:none}
#clientTrainingGrid .bp-thumbnail{display:block;flex:0 0 calc((100% - 24px)/3);min-width:0;aspect-ratio:2.7/1;padding:0;border:3px solid transparent;border-radius:10px;overflow:hidden;background:var(--fp-panel,#f4f3ef);cursor:pointer;scroll-snap-align:start}
#clientTrainingGrid .bp-thumbnail[aria-pressed="true"]{border-color:#ffd329}
#clientTrainingGrid .bp-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}
#clientTrainingGrid .bp-arrow{display:grid;place-items:center;width:36px;height:36px;padding:7px;border:1px solid var(--fp-border,#d8d8d2);border-radius:50%;background:var(--fp-panel,#f4f3ef);color:var(--fp-ink,#1c251f);cursor:pointer}
#clientTrainingGrid .bp-arrow svg{width:20px;height:20px}
#clientTrainingGrid .bp-arrow:disabled{opacity:.3;cursor:default}
#clientTrainingGrid .bp-feature-open:focus-visible,#clientTrainingGrid .bp-thumbnail:focus-visible,#clientTrainingGrid .bp-arrow:focus-visible{outline:3px solid #d3ab00;outline-offset:2px}
#clientTrainingGrid .bp-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Give the portrait video more room, while retaining the original aspect ratio. */
#clientTrainingGrid .bv-band{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(28px,4vw,60px)}
#clientTrainingGrid .bv-band[data-text-side="right"]{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
#clientTrainingGrid .bv-media{max-width:550px}
#clientTrainingGrid .bv-frame{width:min(100%,380px,44svh)}
#clientTrainingGrid .bv-picker{max-width:400px}
@media(max-width:760px){
 #clientTrainingGrid .bv-band,#clientTrainingGrid .bv-band[data-text-side="right"]{grid-template-columns:minmax(0,1fr);gap:30px}
 #clientTrainingGrid .bv-frame{width:min(100%,320px,44svh)}
 #clientTrainingGrid .bv-picker{max-width:360px}
 #clientTrainingGrid .bp-photos{margin-top:28px;padding-top:22px}
 #clientTrainingGrid .bp-feature-open{aspect-ratio:4/3;border-radius:12px}
 #clientTrainingGrid .bp-picker{grid-template-columns:28px minmax(0,1fr) 28px;gap:8px}
 #clientTrainingGrid .bp-thumbnails{gap:10px}
 #clientTrainingGrid .bp-thumbnail{flex-basis:calc((100% - 10px)/2);aspect-ratio:1.7/1}
 #clientTrainingGrid .bp-arrow{width:28px;height:28px;padding:4px}
}
@media(prefers-reduced-motion:reduce){#clientTrainingGrid .bp-thumbnails{scroll-behavior:auto}}