/* Image/video picker: tap a placeholder to cycle candidate media (see image-picker.js) */
.ip { position: relative; overflow: hidden; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.ip.ph { background: #e9e9e7; }
.ip > svg, .ip > .ph-label { display: none !important; }
.ip-media { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.ip-badge { position: absolute; right: 10px; bottom: 10px; z-index: 2; display: inline-flex; align-items: center; gap: 4px; padding: 5px 8px 4px; background: var(--paper, #fff); color: var(--ink, #112a36); font-family: var(--sans, "Jost", sans-serif); font-size: 11px; font-weight: 500; letter-spacing: .14em; line-height: 1; text-transform: uppercase; border-radius: 0; pointer-events: none; }
.ip-badge b { color: var(--accent, #ff8000); font-weight: 600; }
.ip:focus { outline: none; }
.ip:focus-visible { outline: 2px solid var(--accent, #ff8000); outline-offset: 3px; }

/* Keep the person in frame on the Creator Partnerships photo */
.ip-media[src$="creators/creators-2.jpg"] { object-position: 50% 30%; }