.case-proof{padding:68px 0 64px;background:var(--ink);color:var(--milk);overflow:hidden}
.case-proof .case-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px}
.case-proof h2{max-width:780px;margin:16px 0 0;font-size:clamp(30px,3.8vw,52px);line-height:1.06}
.case-proof .case-controls{display:flex;gap:8px;flex-shrink:0}
.case-proof .case-arrow{display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid rgba(255,179,201,.55);border-radius:50%;background:transparent;color:var(--pink);cursor:pointer;transition:background .2s,color .2s}
.case-proof .case-arrow:hover{background:var(--pink);color:var(--ink)}
.case-proof .case-arrow svg{width:21px;height:21px}
.case-proof button:focus-visible,.case-proof .case-track:focus-visible{outline:2px solid var(--pink);outline-offset:4px}
.case-proof .case-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:8px 0 18px;touch-action:pan-x pan-y}
.case-proof .case-track::-webkit-scrollbar{display:none}
.case-proof .case-card{flex:0 0 calc((100% - 20px)/2);min-width:0;margin:0;scroll-snap-align:start;scroll-snap-stop:always;border:1px solid rgba(255,179,201,.3);border-radius:24px;padding:10px;background:#211c1e;transition:transform .3s,border-color .3s}
.case-proof .case-card.is-active{border-color:rgba(255,179,201,.8);box-shadow:0 10px 28px rgba(0,0,0,.2)}
@media(hover:hover){.case-proof .case-card:hover{transform:translateY(-4px);border-color:var(--pink)}}
.case-proof .case-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.case-proof .case-photo{position:relative;min-width:0;aspect-ratio:9/16;overflow:hidden;border-radius:15px;background:#322b2e}
.case-proof .case-photo img{display:block;width:100%;height:100%;object-fit:cover}
.case-proof .case-photo span{position:absolute;left:10px;bottom:10px;padding:6px 12px;border-radius:99px;background:rgba(20,20,20,.87);color:var(--paper);font-size:11px;font-weight:850;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}
.case-proof .case-photo--after span{background:var(--pink);color:var(--ink)}
.case-proof .case-card figcaption{padding:12px 5px 3px;color:var(--paper);font-size:12px;font-weight:750;line-height:1.4;letter-spacing:.04em}
.case-proof .case-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}
.case-proof .case-dots{display:flex;gap:4px}
.case-proof .case-dot{display:grid;place-items:center;width:24px;height:28px;padding:0;border:0;background:transparent;cursor:pointer}
.case-proof .case-dot[hidden]{display:none}
.case-proof .case-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:#74646b;transition:width .25s,background .25s}
.case-proof .case-dot[aria-current="true"]:before{width:20px;border-radius:9px;background:var(--pink)}
.case-proof .case-position{font-size:12px;color:#cfc3c7;font-variant-numeric:tabular-nums}
@media(max-width:820px){.case-proof{padding:48px 0}.case-proof .case-card{flex-basis:82%}.case-proof .case-heading{align-items:center;gap:12px}.case-proof h2{font-size:clamp(28px,5.8vw,40px)}.case-proof .case-controls{gap:6px}.case-proof .case-arrow{width:38px;height:38px}.case-proof .case-track{gap:14px}}
@media(max-width:520px){.case-proof .case-heading{flex-wrap:wrap;margin-bottom:18px}.case-proof .case-controls{margin-left:auto}.case-proof .case-card{flex-basis:92%;padding:7px;border-radius:19px}.case-proof .case-pair{gap:6px}.case-proof .case-photo{border-radius:12px}.case-proof .case-photo span{left:6px;bottom:7px;padding:5px 9px;font-size:10px}.case-proof .case-card figcaption{font-size:11px}.case-proof .case-dot{width:22px}}
@media(prefers-reduced-motion:reduce){.case-proof *{transition:none!important;scroll-behavior:auto!important}.case-proof .case-card:hover{transform:none}}