/* The heading inherits the existing .sample-intro h2 typography unchanged. */
.case-study{position:relative;padding:54px 28px 108px}
.case-study-stage{width:min(1080px,100%);margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:42px}
.case-study-card{width:100%;margin:0;padding:10px;border-radius:29px;border-color:rgba(255,255,255,.92);box-shadow:0 30px 65px -28px rgba(31,74,137,.34),0 7px 18px rgba(48,91,154,.09),inset 0 1px 0 #fff;overflow:hidden}
.case-study-card video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:20px;background:#101b2d;object-fit:contain;cursor:pointer}
.case-study-player{position:relative;isolation:isolate}
.case-study-controls{display:grid;grid-template-columns:100px auto minmax(64px,1fr) 44px 68px 44px;align-items:center;gap:8px;padding:10px 4px 2px;min-height:56px;color:#101b2d}
.case-study-controls[hidden],.case-study-status[hidden],.case-study-controls svg [hidden]{display:none}
.case-study-controls button{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border:0;border-radius:14px;flex:none;cursor:pointer}
.case-study-toggle{width:100px;background:var(--accent);color:#fff;font-size:14px;font-weight:500}
.case-study-toggle:hover{background:var(--accent-dark)}
.case-study-icon{width:44px;background:transparent;color:inherit}
.case-study-icon:hover{background:#087dff0e}
.case-study-controls svg{width:20px;height:20px;flex:none;pointer-events:none}
.case-study-time{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:76px}
.case-study-seek,.case-study-volume{width:100%;min-width:0;height:44px;margin:0;accent-color:#087dff;cursor:pointer}
.case-study-status{padding:12px 8px 4px;font-size:14px;line-height:1.5;color:#33445e;text-align:center}
.case-study-player:fullscreen{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;padding:16px;background:#101b2d}
.case-study-player:fullscreen video{flex:1;min-height:0;height:0;object-fit:contain;border-radius:0}
.case-study-player:fullscreen .case-study-controls{flex:none;width:100%;max-width:1200px;margin-inline:auto;color:#fff}
.case-study-player:fullscreen .case-study-icon:hover{background:#ffffff18}
@media(min-width:900px) and (min-height:600px){.case-study-stage{width:min(1080px,calc((100svh - 330px)*16/9 + 22px))}}
@media(max-width:899px){.case-study{padding:42px 24px 80px}.case-study-stage{gap:34px}}
@media(max-width:620px){.case-study{padding:34px 12px 64px}.case-study-stage{gap:26px}.case-study .sample-intro{width:calc(100% - 16px)}.case-study-card{padding:6px;border-radius:23px}.case-study-card video{border-radius:17px}.case-study-controls{grid-template-columns:88px 1fr 44px 44px;gap:0 6px;padding:8px 4px 0}.case-study-toggle{grid-area:1/1;width:88px}.case-study-time{grid-area:1/2;text-align:center}.case-study-mute{grid-area:1/3}.case-study-fullscreen{grid-area:1/4}.case-study-seek{grid-area:2/1/3/-1}.case-study-volume{display:none}}
@media(max-width:340px){.case-study-controls{grid-template-columns:80px minmax(0,1fr) 44px 44px;column-gap:4px}.case-study-toggle{width:80px}.case-study-time{min-width:0;font-size:11px}}
@media(prefers-reduced-motion:reduce){.case-study{padding-top:34px}}