.case-showcase{margin:52px 0 32px;padding:40px 0 0;border-top:1px solid #e4e7e1}
.case-showcase__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}
.case-showcase__eyebrow{display:block;color:#5c7457;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}
.case-showcase h2{margin:0;font-size:clamp(30px,3.4vw,48px);line-height:1.08;letter-spacing:-.045em;font-weight:500}
.case-showcase__controls{display:flex;align-items:center;gap:10px;flex:none}
.case-showcase__count{font-size:11px;color:#697168;margin-right:12px;font-variant-numeric:tabular-nums;white-space:nowrap}
.case-showcase__arrow{display:grid;place-items:center;width:44px;height:44px;border:1px solid #dfe4db;border-radius:12px;background:#fff;color:#86603b;cursor:pointer;transition:background .2s,border-color .2s}
.case-showcase__arrow svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.case-showcase__arrow:hover{background:#f5f4f1;border-color:#d2a66a66}
.case-showcase__arrow:disabled{opacity:.35;cursor:default}
.case-showcase__viewport{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;cursor:grab;padding:3px 0 4px}
.case-showcase__viewport::-webkit-scrollbar{display:none}
.case-showcase__viewport.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.case-slide{flex:0 0 calc((100% - 22px)/2);min-width:0;scroll-snap-align:start;scroll-snap-stop:always;text-decoration:none;display:block;border-radius:20px;overflow:hidden}
.case-slide__pair{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:2px;aspect-ratio:1.95;background:#fff;overflow:hidden}
.case-slide__photo{position:relative;min-width:0;overflow:hidden}
.case-slide__photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease;pointer-events:none}
.case-slide__pair::after{content:"";position:absolute;inset:auto 0 0;height:105px;background:linear-gradient(0deg,rgba(17,27,22,.56),rgba(17,27,22,.18) 55%,rgba(17,27,22,0));pointer-events:none}
.case-slide__phase{position:absolute;top:13px;left:13px;padding:5px 9px;border-radius:5px;background:rgba(255,255,255,.91);color:#354432;font-size:9px;font-weight:700;letter-spacing:.09em;line-height:1.2}
.case-slide__caption{position:absolute;z-index:1;left:22px;right:22px;bottom:34px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff}
.case-slide__caption h3{margin:0;color:inherit;font-size:clamp(18px,1.6vw,24px);line-height:1.2;font-weight:600;letter-spacing:-.025em}
.case-slide__caption>span{font-size:25px;color:#e7c08d;flex:none;line-height:1}
.case-slide__watermark{position:absolute;right:22px;bottom:13px;z-index:1;color:#ffffffb3;font-size:10px;letter-spacing:.03em;pointer-events:none}
.case-showcase__foot{display:flex;align-items:center;gap:24px;margin-top:18px}
.case-showcase__foot p{margin:0;color:#777e78;font-size:11px;line-height:1.6}
.case-showcase__progress{display:block;width:140px;height:2px;background:#e4e7e1;flex:none}
.case-showcase__progress>span{display:block;width:20%;height:100%;background:#a98250;transition:width .25s}
.case-showcase .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.case-showcase__viewport:focus-visible,.case-slide:focus-visible,.case-showcase__arrow:focus-visible{outline:2px solid #d2a66a;outline-offset:2px}
@media(hover:hover) and (pointer:fine){.case-slide:hover img{transform:scale(1.02)}
}
@media(max-width:800px){.case-showcase{margin-top:30px;padding-top:26px}
.case-showcase__head{gap:12px;margin-bottom:18px}
.case-showcase h2{font-size:30px}
.case-showcase__count{display:none}
.case-showcase__arrow{width:38px;height:38px;border-radius:10px}
.case-showcase__controls{gap:7px}
.case-showcase__viewport{gap:14px}
.case-slide{flex-basis:100%;border-radius:17px}
.case-slide__pair{aspect-ratio:1.55}
.case-slide__caption{left:17px;right:17px;bottom:32px}
.case-slide__caption h3{font-size:19px}
.case-slide__phase{left:10px;top:10px}
.case-slide__watermark{right:17px}
.case-showcase__foot{align-items:flex-start;gap:14px}
.case-showcase__progress{width:64px;margin-top:8px}
}
@media(prefers-reduced-motion:reduce){.case-slide img,.case-showcase__progress>span,.case-showcase__arrow{transition:none}
}