.case-gallery{position:relative;margin:0;min-width:0;overflow:hidden;isolation:isolate;border-radius:21px;display:grid;place-items:center}
.case-gallery:before,.case-gallery:after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}
.case-gallery-bazato{min-height:472px;padding:44px 22px 46px;background:linear-gradient(145deg,#d9f395,#b8e477)}
.case-gallery-bazato:before{width:280px;height:280px;top:12%;right:6%;background:#fff4b84d}
.case-gallery-bazato:after{width:180px;height:180px;left:4%;bottom:-18%;background:#fff8d350}
.case-gallery-label{position:absolute;z-index:3;top:21px;left:23px;max-width:calc(100% - 46px);color:#33394a9c;font:9px/1.5 var(--mono);letter-spacing:.065em}
.case-gallery-caption{position:absolute;z-index:3;right:22px;bottom:17px;color:#383a4d9e;font:9px/1.4 var(--mono);letter-spacing:.03em}
.mobile-screen-pair{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;padding-top:6px}
.phone-shot{height:382px;aspect-ratio:591/1280;flex:0 1 auto;overflow:hidden;border:5px solid #fff;border-radius:22px;background:#fff;box-shadow:0 18px 35px #23321d30}
.phone-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.case-gallery-website{min-height:486px;padding:39px 18px 30px}
.case-gallery-zaid{background:linear-gradient(145deg,#f9d1c1,#ffdcca)}
.case-gallery-school{background:linear-gradient(145deg,#dcd5fb,#c6e4dc)}
.case-gallery-website:before{width:260px;height:260px;right:-10%;top:13%;background:#fff8}
.case-gallery-website .case-gallery-label{max-width:calc(100% - 38px);top:17px;left:19px;font-size:8px}
.website-shot{display:block;width:auto;height:410px;max-width:88%;object-fit:contain;border:5px solid #fff;border-radius:16px;background:#fff;box-shadow:0 20px 38px #29263a29}
.case-gallery-school .website-shot{box-shadow:0 20px 38px #22554724}
.case-gallery-website .case-gallery-caption{right:18px;bottom:14px}
@media(max-width:820px){.case-gallery-bazato{min-height:460px}.phone-shot{height:370px}.case-gallery-website{min-height:477px}.website-shot{height:402px}}
@media(max-width:580px){.case-gallery{border-radius:17px}.case-gallery-bazato{min-height:400px;padding:37px 12px 38px}.case-gallery-label{top:15px;left:15px;font-size:8px}.case-gallery-caption{right:14px;bottom:12px;font-size:8px}.mobile-screen-pair{gap:11px}.phone-shot{height:310px;border-width:4px;border-radius:17px}.case-gallery-website{min-height:413px;padding:35px 12px 24px}.case-gallery-website .case-gallery-label{top:14px;left:14px}.website-shot{height:347px;max-width:84%;border-width:4px;border-radius:13px}.case-gallery-website .case-gallery-caption{right:13px;bottom:10px}}
@media(max-width:370px){.phone-shot{height:286px}.case-gallery-bazato{min-height:375px}.case-gallery-website{min-height:386px}.website-shot{height:322px}}
.case-preview-link{display:block;color:inherit;text-decoration:none}
.case-preview-link:focus-visible{outline:3px solid #6345ed;outline-offset:5px;border-radius:24px}
.case-card:first-child .case-caption{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 1px}
.case-links{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}
.case-links a{display:inline-flex;align-items:center;gap:5px;padding:8px 11px;border:1px solid #ddd6f7;border-radius:99px;background:#fff;color:#5435cc;font-size:11px;font-weight:800;line-height:1.2;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}
.case-links a:hover{border-color:#6345ed;background:#6345ed;color:#fff}
.case-links a:focus-visible{outline:3px solid #6345ed;outline-offset:3px}
.case-links a span{font-size:13px}
@media(max-width:820px){.case-card:first-child .case-caption{padding:16px 1px}}
@media(max-width:580px){.case-caption{align-items:flex-start;flex-direction:column;gap:12px}.case-links{justify-content:flex-start}.case-links a{font-size:11px}}