/* Каталог: крупное название, компактные фильтры и шесть существующих кейсов. */
#work.work-catalog{padding-top:24px;padding-bottom:42px}
#work .catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:16px;border-bottom:1px solid #dfe2e9}
#work .catalog-title{display:flex;align-items:baseline;gap:22px;min-width:0}
#work .catalog-title h2{font-size:60px;line-height:1.05;letter-spacing:-2.8px;font-weight:750;margin:0}
#work .catalog-title h2>span{color:#2345f0}
#work .catalog-title>span{color:#5f6b82;font-size:15px;white-space:nowrap}
#work .catalog-heading>p{font-size:23px;letter-spacing:-.7px;line-height:1.2;font-weight:600}
#work .catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 16px}
#work .filters{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0;min-width:0}
#work .filter{position:relative;min-height:44px;padding:9px 0;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#596273;font-size:14px;line-height:1.3;transition:color .18s,border-color .18s}
#work .filter.active{background:transparent;border-color:#2e4eff;color:#2345f0;font-weight:600}
#work .filter:hover{background:transparent;color:#2345f0;border-bottom-color:#bcc8ff}
#work .filter.active:hover{border-bottom-color:#2e4eff}
#work .catalog-note{color:#5f6b82;font-size:12px;line-height:1.4;white-space:nowrap}
#work .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 24px}
#work .catalog-project{min-width:0;grid-column:auto}
#work .catalog-preview{display:block;position:relative;aspect-ratio:1.43;padding:0;border-radius:13px;overflow:hidden;background:#e5e9f3;isolation:isolate}
#work .catalog-marketplace{background:#dce6e0}
#work .catalog-support{background:#e1e7f7}
#work .catalog-analytics{background:#e4e8f5}
#work .catalog-automotive{background:#e1ddd5}
#work .catalog-emir{background:#dfeafe}
#work .catalog-pnlee{background:#e4e8f0}
#work .catalog-screen{position:absolute;inset:5%;border-radius:8px;overflow:hidden;transition:transform .25s}
#work .catalog-screen picture{display:block;width:100%;height:100%}
#work .catalog-screen img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:transparent;border-radius:8px}
#work .catalog-preview:hover .catalog-screen{transform:translateY(-3px)}
#work .catalog-marketplace .catalog-screen{inset:5% 9% 5% 4%}
#work .catalog-inset{position:absolute;right:4%;bottom:7%;width:22%;aspect-ratio:1086/1448;overflow:hidden;border:3px solid #fff;border-radius:7px;box-shadow:0 4px 16px #13244120;background:#fff}
#work .catalog-inset picture,#work .catalog-inset img{display:block;width:100%;height:100%;object-fit:contain}
#work .catalog-auto-inset{position:absolute;right:4%;bottom:7%;width:40%;aspect-ratio:1440/834;overflow:hidden;border:3px solid #fff;border-radius:7px;box-shadow:0 4px 16px #13244120;background:#fff}
#work .catalog-auto-inset picture,#work .catalog-auto-inset img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
#work .catalog-automotive .catalog-screen img{object-fit:cover;object-position:top}
#work .catalog-nda{position:absolute;right:12px;top:12px;font-size:9px;line-height:1.2;font-weight:600;letter-spacing:.05em;background:#ffffffed;color:#596273;border-radius:4px;padding:4px 6px}
#work .catalog-preview-action{position:absolute;left:50%;bottom:14px;transform:translate(-50%,8px);opacity:0;background:#fff;color:#2345f0;border-radius:6px;box-shadow:0 4px 16px #17234b20;white-space:nowrap;padding:8px 12px;font-size:12px;font-weight:600;transition:opacity .2s,transform .2s}
#work .catalog-preview:hover .catalog-preview-action,#work .catalog-preview:focus-visible .catalog-preview-action{opacity:1;transform:translate(-50%,0)}
#work .catalog-caption{margin-top:12px}
#work .catalog-caption h3{font-size:20px;line-height:1.25;font-weight:600;letter-spacing:-.45px}
#work .catalog-caption h3>a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px}
#work .catalog-arrow{display:block;width:20px;height:20px;flex:none;transition:transform .2s}
#work .catalog-caption a:hover .catalog-arrow,#work .catalog-footer a:hover .catalog-arrow{transform:translate(2px,-2px)}
#work .catalog-caption p{font-size:13px;color:#5f6b82;line-height:1.5;margin-top:2px}
#work .catalog-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #dfe2e9;margin-top:26px;padding-top:14px;font-size:13px;line-height:1.5}
#work .catalog-footer p{color:#5f6b82}
#work .catalog-footer>a{display:flex;align-items:center;gap:12px;min-height:44px;color:#2345f0;white-space:nowrap}
@media(max-width:1000px){#work .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#work .catalog-heading>p{font-size:19px}#work .catalog-title h2{font-size:49px}#work .catalog-toolbar{align-items:flex-start}#work .catalog-note{padding-top:14px;font-size:11px}}
@media(max-width:640px){
 #work.work-catalog{padding-top:32px;padding-bottom:36px}
 #work .catalog-heading{align-items:flex-start;gap:12px;padding-bottom:17px}
 #work .catalog-title{display:block}
 #work .catalog-title h2{font-size:36px;letter-spacing:-1.5px;line-height:1.08}
 #work .catalog-title>span{display:block;margin-top:6px;font-size:12px}
 #work .catalog-heading>p{font-size:13px;letter-spacing:0;max-width:100px;text-align:right;padding-top:7px}
 #work .catalog-toolbar{display:block;margin:10px 0 17px}
 #work .filters{gap:0 18px}
 #work .filter{font-size:13px;min-height:44px}
 #work .catalog-note{padding-top:10px;font-size:11px}
 #work .project-grid{grid-template-columns:minmax(0,1fr);gap:22px}
 #work .catalog-preview{aspect-ratio:1.43;border-radius:11px}
 #work .catalog-caption{margin-top:8px}
 #work .catalog-caption h3{font-size:20px}
 #work .catalog-caption h3>a{min-height:44px}
 #work .catalog-caption p{font-size:13px;margin-top:0}
 #work .catalog-footer{display:block;margin-top:22px;padding-top:15px;font-size:12px}
 #work .catalog-footer>a{width:fit-content;margin-top:8px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){#work .catalog-screen,#work .catalog-arrow,#work .catalog-preview-action{transition:none}}