/* Реализованные проекты: карточки кейсов, разработки, просмотрщик фото */

.chips .chip{cursor:pointer;font-family:inherit}
@media (min-width:769px){.chips{flex-wrap:wrap;overflow:visible}}
.chip span{margin-left:4px;padding:0 7px;border-radius:999px;background:var(--c-bg);font-size:var(--fs-xs);color:var(--c-text-muted)}
.chip.is-active span{background:rgba(255,255,255,.18);color:var(--c-white)}

.projects-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,520px),1fr));align-items:start}
.project-card{scroll-margin-top:calc(var(--header-h) + 24px)}
.project-card[hidden]{display:none}
.project-card:target{border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-accent-soft)}
.project-card .card__title{font-size:1.25rem;line-height:1.3}
.project-card__customer{display:flex;gap:8px;align-items:flex-start;margin:0 0 var(--sp-2);font-weight:600;color:var(--c-primary)}
.project-card__customer svg{flex:none;width:18px;margin-top:2px;color:var(--c-accent)}
.project-card__text{margin:0;color:var(--c-text)}
.project-card .card__specs{margin:var(--sp-2) 0 0}
.project-card__works{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--sp-2)}
.project-card__works li{padding:4px 10px;border-radius:999px;background:var(--c-accent-soft);font-size:var(--fs-xs);font-weight:600;color:var(--c-primary)}
.project-card__links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:var(--sp-3);padding-top:var(--sp-2);border-top:1px solid var(--c-border);font-size:var(--fs-small);font-weight:600}
.project-card__doc::before{content:"";display:inline-block;width:12px;height:14px;margin-right:8px;border:2px solid currentColor;border-radius:2px;vertical-align:-2px}

.project-card__open{position:relative;display:block;width:100%;height:100%;cursor:zoom-in}
.project-card__open picture{display:block;width:100%;height:100%}
.project-card__open img{transition:transform .5s var(--ease)}
.project-card__open:hover img{transform:scale(1.04)}
.project-card__count{position:absolute;right:var(--sp-2);bottom:var(--sp-2);display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(10,31,51,.8);color:var(--c-white);font-size:var(--fs-xs);font-weight:600}
.project-card__count svg{width:14px}
.card__media--doc{background:#e9edf2}
.card__media--doc img{object-fit:cover;object-position:top;padding:16px 16px 0;filter:drop-shadow(0 4px 10px rgba(15,43,70,.18))}

.dev-card .card__media{aspect-ratio:4/3;background:#fff}
.dev-card .card__media img{width:100%;height:100%;object-fit:cover}
.dev-card .card__title{font-size:1.0625rem}
.dev-card p{font-size:var(--fs-small)}

/* ---------- Просмотрщик ---------- */
.lightbox{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:0;border:0;background:rgba(6,18,30,.97);color:var(--c-white)}
.lightbox::backdrop{background:transparent}
.lightbox[open]{display:flex;align-items:center;justify-content:center}
.lightbox__figure{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:min(1200px,92vw);margin:0}
.lightbox__figure img{max-width:100%;max-height:82vh;width:auto;height:auto;border-radius:var(--radius);background:#fff}
.lightbox__figure figcaption{font-size:var(--fs-small);color:var(--c-text-invert);text-align:center}
.lightbox__btn{position:absolute;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:var(--c-white);font-size:2rem;line-height:1;cursor:pointer;transition:background var(--t)}
.lightbox__btn:hover{background:var(--c-accent)}
.lightbox__close{top:20px;right:20px}
.lightbox__prev{left:20px;top:50%;transform:translateY(-50%)}
.lightbox__next{right:20px;top:50%;transform:translateY(-50%)}
.lightbox.is-single .lightbox__prev,.lightbox.is-single .lightbox__next{display:none}

@media (max-width:560px){
  .projects-grid{grid-template-columns:1fr}
  .lightbox__prev,.lightbox__next{top:auto;bottom:20px;transform:none}
}