
.cases-block{margin-top:48px;padding:30px 0 22px;background:#f3f7ff;border-radius:24px;overflow:hidden}.cases-heading{padding-inline:26px}.cases-heading h2{margin:0 0 8px}.cases-heading p{font-size:14px;color:var(--muted)}.cases-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:22px max(16px,calc((100% - 440px)/2)) 26px;overscroll-behavior-x:contain}.cases-track::-webkit-scrollbar{display:none}.cases-track:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}.case-card{flex:0 0 440px;min-width:0;scroll-snap-align:center;border:1px solid #e7edf8;border-radius:28px;background:#fff;padding:24px;box-shadow:0 8px 26px #254df50b}.case-person{display:flex;align-items:center;gap:14px}.case-avatar{width:64px;height:64px;flex:none;display:grid;place-items:center;background:#edf2fa;border-radius:50%;color:#8c9bb2}.case-avatar svg{width:30px;height:30px}.case-person-copy{min-width:0}.case-person h3{font-size:23px;line-height:1.25;margin:0 0 5px}.case-person p,.case-person-copy>span{font-size:13px;color:var(--muted);line-height:1.4}.case-person-copy>span{display:block;margin-top:3px}.case-quote-mark{margin-left:auto;align-self:flex-start;color:var(--blue);background:#eaf0ff;border-radius:16px;width:46px;height:46px;display:grid;place-items:center;flex:none;font-size:50px;font-family:Georgia,serif;line-height:1;padding-top:10px}.case-quote-placeholder{font-size:16px;line-height:1.6;color:#707989;margin:23px 0 20px}.case-photo-placeholder{aspect-ratio:16/8;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;background:#f0f4fa;border-radius:17px;color:#7a879d;border:1px dashed #ccd6e6}.case-photo-placeholder svg{width:32px;height:32px}.case-photo-placeholder span{font-size:13px}.case-footer{display:flex;align-items:center;justify-content:space-between;margin-top:18px;font-size:13px;color:var(--muted)}.case-draft{background:#edf2ff;color:#47629a;border-radius:20px;padding:5px 10px;font-size:12px}.cases-controls{display:flex;align-items:center;justify-content:center;gap:10px;padding-inline:15px}.case-arrow,.case-playback{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid #d8e1f1;background:#fff;color:var(--blue);font-size:20px;cursor:pointer;flex:none}.case-playback{font-size:15px}.case-dots{display:flex;gap:0}.case-dot{position:relative;width:25px;height:40px;background:none;border:0;cursor:pointer;padding:0}.case-dot::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#c5d0e4;top:calc(50% - 3.5px);left:calc(50% - 3.5px)}.case-dot[aria-current="true"]::after{background:var(--blue);transform:scale(1.3)}.case-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:760px){.cases-block{margin-top:30px;padding-top:22px;border-radius:20px}.cases-heading{padding-inline:20px}.cases-track{gap:16px;padding:20px 16px 22px}.case-card{flex-basis:calc(100vw - 72px);padding:19px;border-radius:24px}.case-avatar{width:48px;height:48px}.case-avatar svg{width:24px;height:24px}.case-person{gap:10px}.case-person h3{font-size:20px}.case-person p,.case-person-copy>span{font-size:12px}.case-quote-mark{width:33px;height:33px;font-size:39px;border-radius:11px;padding-top:7px}.case-quote-placeholder{font-size:15px;margin:19px 0 16px;line-height:1.55}.case-photo-placeholder{border-radius:13px}.case-photo-placeholder span{font-size:12px}.case-footer{font-size:12px;margin-top:15px}.cases-controls{gap:6px}.case-dot{width:23px}.case-arrow,.case-playback{width:36px;height:36px}}
@media(max-width:360px){.case-card{padding:16px}.case-quote-mark{display:none}.case-dot{width:19px}.cases-controls{gap:4px}.case-photo-placeholder span{font-size:11px}}

.case-avatar-photo{background-repeat:no-repeat;background-size:628.6% 628.6%;background-position:5.78% 5.78%;overflow:hidden}.case-review{font-size:16px;line-height:1.65;color:var(--ink,#161b24);margin:23px 0 0}.cases-track{align-items:stretch}@media(max-width:760px){.case-review{font-size:15px;line-height:1.55;margin-top:19px}}
