/* Real media: founder headshot, field gallery, OKEBLO'S MEDIA video loop */

/* Founder portrait */
.founder .portrait img{object-position:50% 20%}

/* Field gallery under the founder text */
.field{margin-top:28px}
.field h4{font-size:.8rem;font-family:var(--font-b);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.field .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.field figure{margin:0;border-radius:14px;overflow:hidden;aspect-ratio:4/5;position:relative;background:linear-gradient(160deg,var(--ink),var(--magenta));box-shadow:0 10px 30px -18px rgba(14,55,39,.45)}
.field figure img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.field figure:hover img{transform:scale(1.05)}
.field .ph-fallback{font-size:1.2rem}

/* Video card with ambient loop */
.video-card{padding:0;cursor:default}
.video-card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.video-card .overlay{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;text-decoration:none;padding:20px;background:linear-gradient(180deg,rgba(14,55,39,.10),rgba(14,55,39,.62))}
.video-card .overlay:hover .play{transform:scale(1.08)}
.video-card .play{transition:transform .25s}
.video-card small{opacity:.9}

@media (prefers-reduced-motion:reduce){.video-card video{display:none}}
@media (max-width:600px){.field .grid{gap:8px}}