.bs-about-projects{scroll-margin-top:100px}
.bs-about-projects .projects__header{margin-bottom:24px}
.bs-projects-note{max-width:780px;font:400 15px/1.8 var(--font-body);color:var(--vk-grey);margin:0 0 36px}
.bs-about-projects .projects__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.bs-about-projects .proj-card{min-width:0;cursor:default}
.bs-about-projects .bs-gallery-cover{display:block;color:inherit;cursor:zoom-in}
.bs-about-projects .bs-gallery-cover:focus-visible{outline:3px solid var(--vk-green-d);outline-offset:-4px}
.bs-gallery-count{position:absolute;bottom:14px;right:14px;background:var(--vk-bone);color:var(--vk-ink);padding:8px 12px;font:700 12px/1.4 var(--font-body)}
.bs-gallery-link{display:inline-block;margin-top:24px;color:var(--vk-ink);font:700 13px/1.6 var(--font-body);text-underline-offset:5px}
.bs-gallery-link:focus-visible{outline:2px solid var(--vk-green-d);outline-offset:5px}
.bs-gallery-dialog{margin:auto;width:min(1120px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 32px);padding:20px 24px;border:1px solid #4d504c;background:#202421;color:#f4f2eb;overflow:auto}
.bs-gallery-dialog::backdrop{background:rgba(8,14,12,.88)}
.bs-gallery-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.bs-gallery-top h2{font:700 20px/1.4 var(--font-body);margin:0}
.bs-gallery-dialog button{border:1px solid #686d66;background:transparent;color:#f4f2eb;border-radius:0;padding:10px 16px;font:700 13px/1.4 var(--font-body);cursor:pointer;min-height:44px}
.bs-gallery-dialog button:hover{background:#343d34}
.bs-gallery-dialog button:focus-visible{outline:2px solid var(--vk-green);outline-offset:3px}
.bs-gallery-figure{margin:0}
.bs-gallery-stage{height:min(65dvh,720px);display:flex;align-items:center;justify-content:center;background:#171b18}
.bs-gallery-full{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.bs-gallery-caption{min-height:28px;padding-top:12px;font:400 14px/1.6 var(--font-body);color:#d3d7cf}
.bs-gallery-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.bs-gallery-page{font:700 13px/1.5 var(--font-mono);white-space:nowrap}
@media(max-width:600px){.bs-gallery-dialog{width:calc(100vw - 20px);padding:14px;max-height:calc(100dvh - 20px)}.bs-gallery-top h2{font-size:16px}.bs-gallery-dialog button{padding:10px}.bs-gallery-stage{height:58dvh}.bs-gallery-nav{gap:6px}}
.bs-about-projects .proj-card__photo-tag{opacity:1;background:rgba(42,43,45,.88);font-size:9px;letter-spacing:.12em}
.bs-about-projects .proj-card__meta{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:16px;margin-bottom:0}
.bs-about-projects .proj-card__meta>div{min-width:0}
.bs-about-projects .proj-card__meta dt{font-size:12px;line-height:1.7;font-weight:400}
.bs-about-projects .proj-card__meta dd{margin-left:0;font-size:14px;font-weight:700;line-height:1.6}
.bs-about-projects .projects__cta:focus-visible{outline:2px solid var(--vk-green-d);outline-offset:5px}
.bs-about-projects.bs-about-projects--ready>.projects__inner{opacity:0;transform:translateY(24px);transition:opacity 700ms cubic-bezier(.2,.7,.2,1),transform 700ms cubic-bezier(.2,.7,.2,1)}
.bs-about-projects.bs-about-projects--ready.is-visible>.projects__inner{opacity:1;transform:none}
@media(max-width:900px){.bs-about-projects .projects__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.bs-about-projects .projects__grid{grid-template-columns:minmax(0,1fr)}.bs-about-projects .projects__header{align-items:flex-start;gap:24px;flex-direction:column}.bs-projects-note{font-size:14px}}
@media(prefers-reduced-motion:reduce){.bs-about-projects.bs-about-projects--ready>.projects__inner{opacity:1;transform:none;transition:none}.bs-about-projects .proj-card{transition:none!important;transform:none!important}}