/* Independent training films, separated from the full-screen brand hero. */
.film-control-row{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #ffffff30;padding-top:17px}
.film-explore{font-size:10px;letter-spacing:.3px;color:#d8edff;display:inline-flex;align-items:center;gap:17px}.film-explore>span{font-size:17px}
.hero-film-note{color:#bdc6cf;font-size:8px;margin-top:12px;letter-spacing:.2px}
.scene-inspector{bottom:170px}
.showcase-section{background:#fff;border-bottom:1px solid var(--border)}
.showcase-section .section-intro{max-width:360px}
.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.showcase-card{border:1px solid #dfe5eb;border-radius:9px;background:#fff;overflow:hidden;min-width:0;transition:border-color .25s,box-shadow .25s}
.showcase-card:hover{border-color:#9dccf0;box-shadow:0 12px 32px #10111308}
.case-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 23px 20px}
.case-heading h3{font-size:26px;letter-spacing:-1px;font-weight:500}.case-heading>span{font-size:9px;letter-spacing:1px;color:#68727d}
.case-player{background:#101113;position:relative;isolation:isolate}
.case-player video{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:contain;background:#101113}
.case-controls{display:flex;align-items:center;gap:12px;padding:13px 17px;color:#d8edff;border-top:1px solid #ffffff13}
.case-play{display:flex;align-items:center;justify-content:center;flex:0 0 26px;min-height:28px;border:1px solid #ffffff30;border-radius:50%;color:#a9d9ff;font-size:12px}
.case-play:hover{background:#a9d9ff;color:#101113}
.case-seek{flex:1;min-width:0;cursor:pointer;accent-color:#a9d9ff}
.case-controls input.case-seek{width:auto;padding:0;min-height:28px;height:28px;border:0;outline-offset:1px;background:transparent}
.case-time{font-variant-numeric:tabular-nums;font-size:8px;color:#c6d5df;white-space:nowrap}
.case-description{padding:22px 23px 24px}
.case-description>p{font-size:13px;line-height:1.85;min-height:73px}
.case-description .tags{margin-top:17px;display:flex;flex-wrap:wrap;gap:6px}
.case-description .tags>span{font-size:9px}
.case-caption{display:flex;align-items:center;gap:7px;margin-top:19px;font-size:8px;color:#68727d;letter-spacing:.3px}
.case-caption:before{content:'';width:5px;height:5px;background:#a9d9ff;border-radius:50%;flex-shrink:0}
.case-error{font-size:11px;line-height:1.6;padding:10px 17px;color:#d8edff}.case-error[hidden]{display:none}
.showcase-footnote{display:flex;justify-content:space-between;gap:20px;margin-top:26px;font-size:10px;line-height:1.8;color:#68727d}
.showcase-footnote>span:first-child{max-width:680px}.showcase-footnote>span:last-child{color:#253546;white-space:nowrap}
@media(min-width:1600px){.scene-inspector{bottom:180px}}
@media(max-width:1200px){.showcase-grid{gap:17px}.case-heading{padding:20px 18px}.case-description{padding:19px 18px}.case-heading h3{font-size:23px}.case-description>p{font-size:12px;min-height:90px}.scene-inspector{bottom:150px}}
@media(max-width:950px){.showcase-grid{gap:13px}.case-heading{padding:18px 14px}.case-heading h3{font-size:21px}.case-heading>span{font-size:8px}.case-controls{gap:8px;padding:10px}.case-time{font-size:7px}.case-description{padding:18px 14px}.case-description>p{font-size:11px;min-height:103px}.case-description .tags>span{font-size:8px}.case-caption{font-size:7px}}
@media(max-width:760px){.showcase-grid{grid-template-columns:1fr;gap:28px}.case-heading{padding:23px}.case-heading h3{font-size:28px}.case-heading>span{font-size:10px}.case-description{padding:22px 23px}.case-description>p{font-size:13px;min-height:0}.case-description .tags>span{font-size:9px}.case-caption{font-size:9px}.case-controls{padding:13px 17px;gap:12px}.case-time{font-size:9px}.case-play{flex-basis:32px;min-height:32px}.showcase-footnote{display:block}.showcase-footnote>span{display:block}.showcase-footnote>span:last-child{margin-top:12px}}
@media(max-width:650px){.film-control-row{display:flex;flex-wrap:wrap;gap:10px;padding-top:12px}.film-explore{font-size:9px}.film-playback{border:0;height:auto;gap:16px;margin-left:auto}.hero-film-note{font-size:7px;margin-top:13px}.film-playback .scroll-link{display:none}.film-playback>button>span{font-size:7px}.film-playback #motion-toggle{font-size:11px}}
@media(max-width:360px){.film-control-row{gap:13px}.film-playback{width:100%;margin-left:0}.hero-film-note{font-size:6px}}