.project-card[data-v-a0caf7f0]{--bracket-color:var(--accent);display:block;margin-bottom:2rem;position:relative;-moz-column-break-inside:avoid;background:var(--bg-color);border:1px solid var(--accent);border-radius:0;break-inside:avoid;overflow:hidden;text-decoration:none;transition:all .3s var(--ease-tech)}@media(hover:hover)and (pointer:fine){.project-card[data-v-a0caf7f0]{--bracket-color:transparent;border-color:var(--border-color)}}.project-card[data-v-a0caf7f0]:focus-visible{border-color:var(--accent);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.2);outline:none}@media(hover:hover)and (pointer:fine){.project-card[data-v-a0caf7f0]:hover{--bracket-color:var(--accent);border-color:var(--accent);box-shadow:0 0 20px rgba(var(--accent-rgb),.15);transform:translateY(-2px)}.project-card[data-v-a0caf7f0]:hover .image-element{transform:scale(1.05)}.project-card:hover .overlay[data-v-a0caf7f0]{opacity:1}.project-card:hover .overlay-content[data-v-a0caf7f0]{transform:translateY(0)}.project-card:hover .icon-box[data-v-a0caf7f0]{background:var(--accent);border-color:var(--accent);color:#fff}}.image-container[data-v-a0caf7f0]{aspect-ratio:16/9;background:var(--bg-panel);overflow:hidden;position:relative;width:100%}[data-v-a0caf7f0] .image-element{transition:transform .6s var(--ease-tech)}.placeholder-fallback[data-v-a0caf7f0]{align-items:center;color:var(--text-muted);display:flex;height:100%;inset:0;justify-content:center;position:absolute;width:100%}.placeholder-fallback .mono[data-v-a0caf7f0]{font-family:var(--font-mono),monospace;font-feature-settings:"ss01","ss02";font-size:.8rem}.overlay[data-v-a0caf7f0]{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(to top,rgba(var(--bg-color-rgb),.95) 0,rgba(var(--bg-color-rgb),.2));display:flex;flex-direction:column;height:100%;inset:0;justify-content:flex-end;opacity:1;padding:1.5rem;position:absolute;transition:opacity .3s ease;width:100%;z-index:10}@media(hover:hover)and (pointer:fine){.overlay[data-v-a0caf7f0]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(var(--bg-color-rgb),.9);opacity:0}}.overlay-content[data-v-a0caf7f0]{display:grid;gap:.5rem;grid-template-columns:1fr auto;grid-template-rows:auto auto;transform:translateY(0);transition:transform .3s var(--ease-tech);width:100%}@media(hover:hover)and (pointer:fine){.overlay-content[data-v-a0caf7f0]{transform:translateY(10px)}}.project-id[data-v-a0caf7f0]{color:var(--accent);font-feature-settings:"ss01","ss02";font-size:.65rem;grid-column:1/-1;letter-spacing:.1em;margin-bottom:.5rem;opacity:.8}.category[data-v-a0caf7f0],.project-id[data-v-a0caf7f0]{font-family:var(--font-mono),monospace}.category[data-v-a0caf7f0]{color:var(--text-muted);font-feature-settings:"ss01","ss02";font-size:.75rem;margin-bottom:.25rem;text-transform:uppercase}.title[data-v-a0caf7f0]{color:var(--accent);font-family:var(--font-body);font-size:1.25rem;font-weight:700;line-height:1.1;margin:0}.icon-box[data-v-a0caf7f0]{align-items:center;align-self:flex-end;background:var(--accent);border:1px solid var(--accent);color:#fff;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}@media(hover:hover)and (pointer:fine){.icon-box[data-v-a0caf7f0]{background:rgba(var(--accent-rgb),.1);border-color:var(--border-color);color:var(--accent)}}