/* Витрина собственных разработок: настоящие интерфейсы и спокойная типографика. */
.own-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:40px}
.own-product{min-width:0}
.own-product-media{display:flex;align-items:flex-start;justify-content:center;gap:18px;aspect-ratio:1.2;overflow:hidden;padding:26px 20px 0;border:1px solid var(--line);border-radius:20px;background:var(--bg-2)}
.own-product-media img{display:block;width:100%;height:auto;border-radius:8px}
.own-product-media>a{display:block;width:100%;min-width:0}
.own-product-mobile>a{width:calc(50% - 9px);flex:none}
.own-product-mobile img{border:1px solid var(--line);border-radius:14px}
.own-product-mobile>a:nth-child(2){margin-top:36px}
.own-product h3,.own-programs h3,.own-tools h3{font:600 clamp(19px,2vw,25px)/1.3 var(--display);letter-spacing:-.03em;margin:24px 0 12px}
.own-product h3 a,.own-programs h3 a,.own-tools h3 a{text-decoration:none}
.own-product h3 a:hover,.own-programs h3 a:hover,.own-tools h3 a:hover{text-decoration:underline;text-underline-offset:5px}
.own-product p,.own-programs p,.own-tools p{font-size:17px;line-height:1.65;color:var(--text-2);margin:0;max-width:65ch}
.own-programs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.own-programs img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:16px}
.own-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 40px;margin-top:32px}
.own-tools article{border-top:1px solid var(--line);padding:8px 0 28px}
.own-contact{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:32px;margin-top:24px}
.own-contact p{max-width:60ch;color:var(--text-2)}
.case-mobile-screens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,4vw,60px);max-width:1000px;margin:30px auto 70px;align-items:start}
.case-mobile-screens figure{margin:0;min-width:0}
.case-mobile-screens img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:18px}
.case-mobile-screens figcaption{font-size:14px;line-height:1.5;color:var(--text-2);margin-top:14px}
.case-mobile-preview{display:flex;gap:20px;justify-content:center;align-items:flex-start;aspect-ratio:1.6;overflow:hidden;padding:24px 36px 0;background:var(--bg-2);border-bottom:1px solid var(--line)}
.case-mobile-preview a{width:42%;max-width:210px;flex:none}
.case-mobile-preview a:nth-child(2){margin-top:28px}
.case-mobile-preview img{width:100%;height:auto;border-radius:12px}
@media(max-width:1000px){.own-products{gap:20px}.own-product-media{padding:16px 12px 0;gap:12px}.own-product-mobile>a{width:calc(50% - 6px)}.own-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.own-products,.own-programs{grid-template-columns:minmax(0,1fr);gap:38px}.own-product-media{aspect-ratio:1.25;padding:26px 24px 0;gap:22px}.own-product-mobile>a{width:calc(50% - 11px);max-width:210px}.own-contact{align-items:flex-start;flex-direction:column}.case-mobile-screens{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.case-mobile-screens figure:last-child{grid-column:1/-1;width:calc(50% - 8px);justify-self:center}.own-tools{gap:10px 22px}}
@media(max-width:440px){.own-tools{grid-template-columns:minmax(0,1fr)}.own-product h3,.own-programs h3,.own-tools h3{font-size:20px}}