body.case-study-modal-open{overflow:hidden}
.case-study-modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:30px 20px}
.case-study-modal[hidden]{display:none}
.case-study-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(10px)}
.case-study-modal-dialog{position:relative;display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.3fr);gap:0;width:min(1180px,100%);max-height:100%;margin:0;background:#0d0d0d;border:1px solid rgba(255,255,255,.08);border-radius:28px;overflow:hidden;box-shadow:0 30px 120px rgba(0,0,0,.52)}
.case-study-modal-close{position:absolute;top:18px;right:18px;z-index:2;width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.44);color:#fff;font-size:24px;line-height:1;cursor:pointer}
.case-study-modal-media{order:2;background:#000;min-height:340px}
.case-study-modal-media video{display:block;width:100%;height:100%;min-height:100%;aspect-ratio:16/9;border:none;background:#000}
.case-study-modal-body{order:1;padding:36px 32px;overflow:auto}
.case-study-modal-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}
.case-study-modal-head h2{font-size:24px;line-height:1.12;letter-spacing:-.04em;margin:0;font-weight:400;color:rgba(232,229,223,.8)}
.case-study-modal-duration{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:rgba(232,229,223,.36);white-space:nowrap;padding-top:5px}
.case-study-modal-summary{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}
.case-study-modal-summary span{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;background:#131313;border:1px solid rgba(255,255,255,.05);font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:rgba(232,229,223,.36)}
.case-study-modal-sections{display:flex;flex-direction:column;gap:22px}
.case-study-modal-sections section{display:flex;flex-direction:column;gap:10px}
.case-study-modal-sections h3{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(232,229,223,.34);margin:0}
.case-study-modal-sections p{margin:0;color:rgba(232,229,223,.6);font-size:13px;line-height:1.72}
@media (max-width:1100px){
  .case-study-modal-dialog{grid-template-columns:1fr}
}
@media (max-width:760px){
  .case-study-modal{padding:10px}
  .case-study-modal-dialog{width:100%;border-radius:22px}
  .case-study-modal-body{padding:22px 18px 24px}
  .case-study-modal-head{flex-direction:column}
}