/* Three matching teaching examples; footage always remains uncropped. */
body main #approach .approach-grid{margin-bottom:36px;align-items:start}
.approach-clips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:24px;list-style:none;padding:0;margin:0}
.approach-clip-card{min-width:0;background:#fff;border-top:3px solid var(--red);display:flex;flex-direction:column}
.approach-clip-label{display:flex;align-items:center;gap:14px;padding:18px 20px}
.approach-clip-label>span:first-child{font-family:'Barlow Condensed',Impact,sans-serif;font-size:26px;font-weight:600;line-height:1;color:var(--red)}
.approach-clip-label>span:last-child{font-size:11px;font-weight:600;letter-spacing:1.2px;line-height:1.5;text-transform:uppercase}
.approach-clip-card figure{margin:0;width:100%}
.approach-clip-card video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#0a1820}
.approach-clip-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px;border-bottom:1px solid var(--line);margin-bottom:22px}
.approach-clip-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;width:122px;padding:10px 14px;background:var(--ink);color:#fff;border:1px solid var(--ink);font:600 13px/1.5 'DM Sans',Arial,sans-serif;cursor:pointer}
.approach-clip-toggle:hover{background:var(--red);border-color:var(--red)}
.approach-clip-toggle:focus-visible{outline:3px solid var(--red);outline-offset:4px}
.approach-clip-controls>span{font-size:11px;color:var(--muted);white-space:nowrap}
body main #approach .approach-clip-card h3{padding:0 20px;margin:0;font-family:'DM Sans',Arial,sans-serif;font-size:21px;font-weight:600;line-height:1.35;letter-spacing:-.3px}
body main #approach .approach-clip-card>p{padding:0 20px 24px;margin:12px 0 0;font-size:14px;line-height:1.8;color:var(--muted)}
@media(min-width:1500px){.approach-clips{gap:28px}.approach-clip-label,.approach-clip-controls{padding-left:24px;padding-right:24px}body main #approach .approach-clip-card h3,body main #approach .approach-clip-card>p{padding-left:24px;padding-right:24px}}
@media(max-width:900px){.approach-clips{grid-template-columns:1fr;max-width:680px;margin:0 auto;gap:26px}.approach-clip-card video{aspect-ratio:16/9}.approach-clip-controls>span{font-size:12px}body main #approach .approach-clip-card>p{font-size:15px}.approach-clip-label{padding-top:20px;padding-bottom:20px}}