/* Additive project-archive UI. The existing Orisa layout, header and footer remain untouched. */
.vk-project-filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:32px}
.vk-project-filters button{align-items:center;background:var(--at-neutral-0);border:1px solid var(--at-neutral-200);border-radius:999px;color:var(--at-neutral-900);display:inline-flex;font-size:12px;font-weight:700;gap:10px;line-height:1;padding:12px 16px;transition:background-color .2s,color .2s,border-color .2s}
.vk-project-filters button span{align-items:center;background:var(--at-neutral-100);border-radius:999px;display:inline-flex;font-size:10px;height:22px;justify-content:center;min-width:22px;padding:0 6px}
.vk-project-filters button:is(:hover,:focus-visible),.vk-project-filters button.is-active{background:var(--at-neutral-900);border-color:var(--at-neutral-900);color:var(--at-neutral-0)}
.vk-project-filters button.is-active span{background:rgba(255,255,255,.18);color:#fff}
.vk-project-meta{align-self:start}
.vk-project-meta>p:not(:last-child){margin-bottom:12px}
.vk-project-copy{display:grid;gap:18px}
.vk-work-details-body .vk-project-copy>p{margin:0}
.vk-work-details-body .vk-work-impact{grid-column:auto}
.vk-project-role{background:var(--at-neutral-100);border-left:3px solid var(--at-neutral-900);border-radius:0 6px 6px 0;padding:14px 16px!important}
.vk-project-media,.vk-project-sources{grid-column:1/-1}
.vk-project-media{border-top:1px solid var(--at-neutral-200);margin-top:5px;padding-top:24px}
.vk-project-media h3,.vk-project-sources h3{font-size:12px;font-weight:800;letter-spacing:.06em;margin:0 0 14px;text-transform:uppercase}
.vk-project-media-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
.vk-project-media-item{background:#111;border-radius:8px;margin:0;min-height:220px;overflow:hidden;position:relative}
.vk-project-media-item>img,.vk-project-media-item>iframe{border:0;display:block;height:100%;min-height:320px;object-fit:cover;width:100%}
.vk-project-media-item--embed{aspect-ratio:16/9}
.vk-project-media-item--embed>iframe{inset:0;min-height:0;position:absolute}
.vk-project-media-item figcaption{background:linear-gradient(180deg,transparent,rgba(0,0,0,.78));bottom:0;color:#fff;font-size:12px;left:0;padding:35px 16px 13px;position:absolute;right:0;z-index:2}
.vk-project-media-consent{align-items:center;background:#181818;border:1px solid #303030;border-radius:8px;color:#fff;display:flex;flex-direction:column;gap:9px;justify-content:center;min-height:220px;padding:24px;text-align:center;width:100%}
.vk-project-media-consent>span{align-items:center;border:1px solid rgba(255,255,255,.28);border-radius:50%;display:flex;font-size:20px;height:48px;justify-content:center;width:48px}
.vk-project-media-consent strong{color:#fff;font-size:15px}
.vk-project-media-consent small{color:rgba(255,255,255,.68);font-size:12px;line-height:1.4;max-width:300px}
.vk-project-media-consent:is(:hover,:focus-visible){background:#242424;border-color:#666}
.vk-project-sources{border-top:1px solid var(--at-neutral-200);padding-top:22px}
.vk-project-sources ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.vk-project-sources a{align-items:center;border:1px solid var(--at-neutral-200);border-radius:999px;color:inherit;display:inline-flex;font-size:12px;font-weight:650;gap:9px;line-height:1.25;padding:9px 13px;text-decoration:none}
.vk-project-sources a span{font-size:13px;transition:transform .2s}
.vk-project-sources a:is(:hover,:focus-visible){background:var(--at-neutral-900);border-color:var(--at-neutral-900);color:var(--at-neutral-0)}
.vk-project-sources a:hover span{transform:translate(2px,-2px)}
.vk-project-empty{font-size:18px;padding-block:50px}
[data-bs-theme=dark] .vk-project-filters button{background:#202020;border-color:#383838;color:#f5f5f1}
[data-bs-theme=dark] .vk-project-filters button span,[data-bs-theme=dark] .vk-project-role{background:#2b2b2b}
[data-bs-theme=dark] .vk-project-filters button:is(:hover,:focus-visible),[data-bs-theme=dark] .vk-project-filters button.is-active{background:#f5f5f1;border-color:#f5f5f1;color:#171717}
[data-bs-theme=dark] .vk-project-role{border-left-color:#f5f5f1}
[data-bs-theme=dark] .vk-project-media,[data-bs-theme=dark] .vk-project-sources,[data-bs-theme=dark] .vk-project-sources a{border-color:#3b3b3b}
[data-bs-theme=dark] .vk-project-sources a:is(:hover,:focus-visible){background:#f5f5f1;border-color:#f5f5f1;color:#171717}
@media(max-width:767px){
  .vk-project-filters{gap:7px;margin-bottom:20px;overflow-x:auto;padding-bottom:5px;scrollbar-width:none;flex-wrap:nowrap}
  .vk-project-filters::-webkit-scrollbar{display:none}
  .vk-project-filters button{flex:0 0 auto;padding:10px 13px}
  .vk-project-media-grid{grid-template-columns:1fr}
  .vk-project-media-item,.vk-project-media-consent{min-height:190px}
  .vk-project-media-item>img{min-height:230px}
  .vk-project-sources ul{align-items:stretch;flex-direction:column}
  .vk-project-sources a{justify-content:space-between;width:100%}
}
@media(prefers-reduced-motion:reduce){.vk-project-filters button,.vk-project-sources a span{transition:none}}