.ss-case-study>header{margin-bottom:44px}.ss-case-intro{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center}.ss-case-intro h2{font-size:clamp(30px,3.8vw,48px);line-height:1.08;letter-spacing:-.04em}.ss-case-intro .ss-lead{margin-block:22px 28px;font-size:17px}.ss-case-preview{display:grid;grid-template-columns:1fr 1fr;padding:0;background:#f6f6f9;border:1px solid #d9d8e4;border-radius:10px;overflow:hidden;cursor:zoom-in;text-align:left;box-shadow:0 18px 48px #2623460d}.ss-case-preview>span{position:relative;overflow:hidden;aspect-ratio:.8}.ss-case-preview b{position:absolute;top:12px;left:12px;background:#fff;color:#191b27;border-radius:4px;padding:5px 10px;font-size:12px;z-index:1}.ss-case-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.ss-case-story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-block:54px 32px}.ss-case-story>div{border-top:1px solid #e1e1e9;padding-top:22px}.ss-case-story h3{font-size:21px;margin-bottom:14px}.ss-case-story p{font-size:15px;line-height:1.7}.ss-comparison-open{overflow:hidden}.ss-comparison-dialog{width:min(1200px,96vw);height:94dvh;max-width:none;max-height:96dvh;padding:0;border:1px solid #d9d8e4;border-radius:12px;background:white;color:#191b27;overflow:hidden}.ss-comparison-dialog[open]{display:flex;flex-direction:column}.ss-comparison-dialog::backdrop{background:#141324c9}.ss-comparison-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 22px;border-bottom:1px solid #e1e1e9;flex-shrink:0}.ss-comparison-dialog h2{font-size:22px;line-height:1.2}.ss-comparison-dialog button{width:44px;height:44px;border:0;background:#f2f2f7;border-radius:6px;font-size:28px;cursor:pointer}.ss-comparison-controls{padding:12px 22px;display:grid;grid-template-columns:minmax(180px,1fr) minmax(120px,1fr);gap:8px 20px;align-items:center;flex-shrink:0}.ss-comparison-controls label{font-size:13px}.ss-comparison-controls input{width:100%;height:30px;accent-color:#6254cb;cursor:ew-resize}.ss-comparison-controls p{grid-column:1/-1;font-size:12px;margin:0}.ss-comparison-viewport{overflow:auto;overscroll-behavior:contain;flex:1;min-height:0;background:#f5f5fa}.ss-comparison-canvas{position:relative;--comparison:50%;width:100%;min-height:100%;display:grid;align-items:start}.ss-comparison-canvas img{display:block;width:100%;height:auto;margin:0;grid-area:1/1}.ss-comparison-after{position:relative;clip-path:inset(0 0 0 calc(100% - var(--comparison)))}.ss-comparison-divider{position:absolute;top:0;bottom:0;left:calc(100% - var(--comparison));width:2px;background:white;box-shadow:0 0 0 1px #1b1b3555;pointer-events:none}.ss-comparison-note{padding:10px 22px;margin:0;font-size:11px;line-height:1.5;flex-shrink:0}.ss-case-preview:focus-visible{outline:3px solid #6152c4;outline-offset:4px}@media(max-width:700px){.ss-case-intro{grid-template-columns:1fr;gap:26px}.ss-case-story{grid-template-columns:1fr;gap:20px;margin-block:32px}.ss-case-story>div{padding-top:18px}.ss-case-intro .ss-lead{font-size:15px;margin-block:18px}.ss-case-preview>span{aspect-ratio:1}.ss-comparison-dialog{width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}.ss-comparison-dialog>header{padding:10px 16px}.ss-comparison-dialog h2{font-size:19px}.ss-comparison-controls{padding:8px 16px;grid-template-columns:1fr;gap:2px}.ss-comparison-controls p{font-size:11px}.ss-comparison-canvas{min-width:0}.ss-comparison-note{padding:8px 16px;font-size:10px}}