.case-snapshot{--media-height:400px;--media-gap:12px;color:#e9f2ff;font-family:var(--poppins-font);padding-bottom:50px;padding-top:40px;position:relative;z-index:2}.case-snapshot__title{font-size:48px;font-weight:700;letter-spacing:-.03em;line-height:1.05;margin:0 0 22px;max-width:42ch;padding-bottom:20px;text-shadow:0 0 50px #000}.case-snapshot__title span{color:#98adfd}.case-snapshot__inner{margin:0 auto;max-width:1320px;width:calc(100% - 40px)}.case-snapshot__head{margin-bottom:22px;max-width:760px}.case-snapshot__head h2{color:#e9f2ff;font-family:var(--poppins-font);font-size:48px;font-weight:700;letter-spacing:-.03em;line-height:1.04;margin:0;text-shadow:0 0 50px #000}.case-snapshot__head h2 span{color:#98adfd}.case-snapshot__grid{display:grid;gap:14px;grid-template-areas:"overview showcase" "metrics kpi";grid-template-columns:minmax(260px,1fr) minmax(0,1.8fr)}.case-snapshot__panel{background:linear-gradient(180deg,rgba(15,29,57,.72),rgba(9,20,40,.9));border:1px solid rgba(152,173,253,.22);border-radius:18px;box-shadow:0 10px 34px rgba(7,16,32,.3);font-family:var(--poppins-font);overflow:hidden}.case-snapshot__overview{background:transparent;border:0;border-radius:0;box-shadow:none;font-family:var(--poppins-font);grid-area:overview;overflow:visible;padding:0 10px 0 0}.case-snapshot__overview h3{color:#e9f2ff;font:700 22px/1.2 var(--poppins-font);margin:0 0 10px}.case-snapshot__overview p{color:rgba(201,216,238,.9);font:400 15px/1.45 var(--poppins-font);margin:0 0 14px}.case-snapshot__overview ul{border-top:1px solid rgba(152,173,253,.2);list-style:none;margin:0;padding:12px 0 0}.case-snapshot__overview li{color:#dce8f8;font:500 15px/1.35 var(--poppins-font);margin-bottom:6px}.case-snapshot__showcase{align-items:stretch;background:transparent;border:0;box-shadow:none;display:grid;gap:var(--media-gap);grid-area:showcase;grid-template-columns:auto minmax(440px,1fr);overflow:visible;padding:0}.case-snapshot__video-frame{background:#020913;border:1px solid rgba(152,173,253,.22);border-radius:12px;height:var(--media-height);margin:0;overflow:hidden;width:min(100%,calc(var(--media-height)*9/16))}.case-snapshot__video-frame video{display:block;height:100%;object-fit:cover;width:100%}.case-snapshot__video-frame video:-webkit-full-screen,.case-snapshot__video-frame video:fullscreen{background:#000;height:100vh;object-fit:contain!important;width:100vw}.case-snapshot__image-collage{height:var(--media-height);min-width:0;position:relative;width:100%}.case-snapshot__image-frame{aspect-ratio:16/9;background:#0d1d35;border:1px solid rgba(152,173,253,.22);border-radius:10px;box-shadow:0 10px 24px rgba(7,16,32,.2);margin:0;overflow:hidden;position:absolute}.case-snapshot__image-frame img{display:block;height:100%;object-fit:cover;width:100%}.case-snapshot__image-a{box-shadow:0 12px 28px rgba(7,16,32,.24);left:6%;top:50%;transform:translateY(-50%);width:50%;z-index:3}.case-snapshot__image-b{right:0;top:0;width:50%;z-index:2}.case-snapshot__image-c{bottom:0;right:0;width:50%;z-index:1}.case-snapshot__metrics{grid-area:metrics;padding:16px}.case-snapshot__kpi{grid-area:kpi;padding:16px}.case-snapshot__kpi h3,.case-snapshot__metrics h3{color:#e9f2ff;font:700 20px/1.2 var(--poppins-font);margin:0 0 10px}.case-snapshot__metric{margin-bottom:10px}.case-snapshot__label{color:#b9cce8;font:700 12px/1.1 var(--poppins-font);letter-spacing:.07em;margin-bottom:5px;text-transform:uppercase}.case-snapshot__bar{background:rgba(201,216,238,.2);border-radius:999px;height:10px;overflow:hidden}.case-snapshot__bar span{background:rgba(236,29,107,.85);border-radius:inherit;display:block;height:100%}.case-snapshot__kpi-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.case-snapshot__kpi-item{background:rgba(18,44,68,.35);border:1px solid rgba(152,173,253,.24);border-radius:12px;padding:12px 10px}.case-snapshot__kpi-item strong{color:#e3e9ff;display:block;font:700 24px/1 var(--poppins-font);margin-bottom:3px}.case-snapshot__kpi-item span{color:#9dbad2;font:600 11px/1.1 var(--poppins-font);letter-spacing:.06em;text-transform:uppercase}@media (max-width:1200px){.case-snapshot__grid{grid-template-areas:"overview" "showcase" "metrics" "kpi";grid-template-columns:1fr}.case-snapshot__showcase{gap:16px;grid-template-columns:1fr}.case-snapshot__video-frame{--media-height:320px;justify-self:center}.case-snapshot__image-collage{display:grid;gap:12px;grid-template-columns:1fr;height:auto}.case-snapshot__image-frame{position:static;transform:none;width:100%}.case-snapshot__head h2{font-size:44px}}@media (max-width:767px){.case-snapshot{--media-height:320px;padding:44px 0 56px}.case-snapshot__inner{width:calc(100% - 24px)}.case-snapshot__head h2{font-size:36px}.case-snapshot__kpi-grid{grid-template-columns:1fr}}