#use-cases {--uc-navy:#102335;--uc-green:#32735f;--uc-paper:#f7f8f4;color:var(--uc-navy)}
#use-cases .uc-feature-label {display:flex;justify-content:space-between;margin-bottom:12px;text-transform:uppercase;}
#use-cases video {display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#102335;border-radius:12px;box-shadow:0 18px 40px #10233514}
#use-cases .uc-feature h2 {margin:20px 0 6px;}
#use-cases .uc-feature p {margin:0 0 12px;color:#53636a}
#use-cases .uc-feature>a {text-decoration:underline;text-underline-offset:4px}
#use-cases .uc-library{padding:70px 0 40px;background:#fff;scroll-margin-top:95px}
#use-cases .uc-section-heading {display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}
#use-cases .uc-section-heading h2{margin:12px 0 0}
#use-cases .uc-section-heading p {max-width:340px;color:#596970;margin:0}
#use-cases .uc-filters {display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #e2e7e4;padding-bottom:22px}
#use-cases .uc-filters button {font:inherit;background:#fff;border:1px solid #ccd7d2;border-radius:999px;padding:10px 18px;cursor:pointer;color:#213b43}
#use-cases .uc-filters button[aria-pressed=true]{background:#102335;color:#fff;border-color:#102335}
#use-cases .uc-search-row {display:flex;justify-content:space-between;align-items:end;margin:26px 0;gap:20px}
#use-cases .uc-search-row label {display:block;width:360px;max-width:100%}
#use-cases input {display:block;margin-top:7px;border:1px solid #cad5d0;border-radius:4px;padding:12px 14px;font:inherit;width:100%;background:#fff}
#use-cases #uc-count{color:#5b6b70;margin:0 0 12px;white-space:nowrap}
#use-cases .uc-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 26px}
#use-cases .uc-card {border:1px solid #dce3df;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;background:#fff;box-shadow:none}
#use-cases .uc-card[hidden]{display:none}
#use-cases.industry-journeys .uc-card h3{margin-block:0}
#use-cases.industry-journeys .uc-more{margin-top:28px}
#use-cases.product-video-collage .uc-card h3,#use-cases.video-library .uc-card h3{margin-block:0}
#use-cases .pv-more{margin-top:28px}
#use-cases .pv-controls{display:flex;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:32px}
#use-cases .pv-controls label{display:block;flex:1 1 240px;max-width:400px}
#use-cases .pv-controls select{display:block;width:100%;margin-top:7px;padding:12px 14px;border:1px solid #cad5d0;border-radius:4px;background:#fff;color:var(--uc-navy);font:inherit}
#use-cases .pv-controls p{margin:0 0 12px;color:#5b6b70}
#use-cases .video-dialog details{color:#d9e9e2;margin-top:20px}
#use-cases .video-dialog details summary{cursor:pointer}
#use-cases .uc-grid{align-items:start}
#use-cases .uc-card-details{margin:0 0 18px;min-width:0}
#use-cases .uc-card-details>summary{cursor:pointer;color:var(--uc-green);padding-block:10px;font:inherit}
#use-cases .uc-card-details[open]>summary{margin-bottom:10px}
#use-cases .uc-card-details .uc-transcript{border-top:1px solid var(--border,#dce3df);padding-top:18px}
#use-cases .uc-poster{position:relative;display:block;overflow:hidden;background:#102335;aspect-ratio:16/9;border-radius:12px}
#use-cases .uc-poster img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}
#use-cases .uc-poster:hover img{transform:scale(1.025)}
#use-cases .uc-modal-poster .uc-play{left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);width:64px;height:64px}
#use-cases .uc-featured-strip .uc-modal-poster .uc-play{width:44px;height:44px}
#use-cases .uc-card .video-dialog p,#use-cases .uc-feature .video-dialog p{color:#d9e9e2}
#use-cases .uc-play {position:absolute;left:18px;bottom:17px;background:#fff;color:#102335;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;box-shadow:0 2px 15px #0004}
#use-cases .uc-time{position:absolute;bottom:18px;right:15px;color:white;background:#102335dd;padding:4px 7px;border-radius:3px;}
#use-cases .uc-card-body {padding:22px;display:flex;flex-direction:column;flex:1}
#use-cases .uc-industry{text-transform:uppercase;color:#47705d;}
#use-cases .uc-card h3{margin:11px 0 13px}
#use-cases .uc-card h3 a{text-decoration:none;color:inherit}
#use-cases .uc-card p{color:#5b6b70;margin:0 0 22px}
#use-cases .uc-card-bottom {display:flex;justify-content:space-between;align-items:end;gap:10px;margin-top:auto;padding-top:17px;border-top:1px solid #e4e9e6;}
#use-cases .uc-card-bottom>span{color:#62716c;max-width:180px}
#use-cases .uc-card-bottom>a{white-space:nowrap;}
#use-cases .uc-disclosure{color:#68766f;max-width:900px;margin:30px 0 0}
#use-cases .uc-disclosure a{white-space:nowrap;text-decoration:underline}
#use-cases #uc-empty{padding:35px 0;}
#use-cases #uc-reset{border:0;background:transparent;text-decoration:underline;font:inherit;cursor:pointer}
#use-cases :focus-visible{outline:3px solid #628775;outline-offset:4px}
@media(max-width:1000px){#use-cases .uc-hero-grid{gap:30px}#use-cases .uc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#use-cases .uc-section-heading{display:block}#use-cases .uc-section-heading p{margin-top:16px;max-width:600px}}
@media(max-width:700px){#use-cases .uc-library{padding-top:40px}#use-cases .uc-section-heading h2{}#use-cases .uc-grid{grid-template-columns:1fr;gap:24px}#use-cases .uc-filters{gap:7px}#use-cases .uc-filters button{padding:9px 13px;}#use-cases .uc-search-row{display:block}#use-cases #uc-count{margin:16px 0 0}#use-cases .uc-search-row label{width:100%}}
@media(prefers-reduced-motion:reduce){#use-cases *{scroll-behavior:auto!important;transition:none!important}}
/* The approved mock composition uses the site's actual font assets/tokens. */
#use-cases .uc-library :is(h2,h3){}
#use-cases .uc-hero,#use-cases .uc-library{background-color:transparent}
#use-cases .uc-player{position:relative;min-width:0}
#use-cases .uc-player>button{position:absolute;inset:0;display:grid;place-items:center;width:100%;border:0;border-radius:12px;background:transparent;cursor:pointer}
#use-cases .uc-player>button span{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;color:var(--uc-navy);background:#fff;box-shadow:0 3px 20px #10233530}
#use-cases .uc-player>button[hidden]{display:none}
#use-cases .uc-watch-reading{max-width:960px;margin-inline:auto}
#use-cases .uc-media-links{margin-top:18px}
#use-cases .uc-media-links a{text-decoration:underline;text-underline-offset:4px}
#use-cases .uc-transcript-section{margin-top:28px;border-top:1px solid var(--border,#dce3df);border-bottom:1px solid var(--border,#dce3df)}
#use-cases .uc-transcript-section>summary{display:list-item;list-style-position:inside;cursor:pointer;padding-block:20px}
#use-cases .uc-transcript-section[open]>.section-head{margin-top:20px}
#use-cases .uc-related-links{display:flex;flex-wrap:wrap;gap:20px 32px;margin:24px 0 32px}
#use-cases .uc-transcript{max-width:72ch}
#use-cases .uc-transcript p{margin:0 0 20px;white-space:pre-line}
#use-cases [hidden]{display:none!important}
/* The photo hero remains unchanged; a compact preview follows within shared margins. */
#use-cases .uc-featured-strip{padding-block:32px;border-bottom:1px solid var(--border,#dce3df)}
#use-cases .uc-featured-strip .uc-feature{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);align-items:center;gap:32px;max-width:1000px}
#use-cases .uc-feature-copy{min-width:0}
#use-cases .uc-feature-copy h3{margin:0 0 8px}
#use-cases .uc-feature-copy p{margin:0 0 12px}
#use-cases .uc-featured-strip .uc-player>button span{width:44px;height:44px;box-shadow:none}
#use-cases .uc-featured-strip video{box-shadow:none}
@media(max-width:640px){#use-cases .uc-featured-strip .uc-feature{grid-template-columns:1fr;gap:18px}#use-cases .uc-featured-strip .uc-player{width:100%;max-width:300px}}