.mono_compact[data-v-8dc62fe2]{font-family:JetBrains mono,monospace;letter-spacing:-.2px}.shift-wrapper[data-v-8dc62fe2]{display:flex;flex-direction:column;gap:100px}.project-row[data-v-8dc62fe2]{align-items:center;display:flex;gap:80px}.project-row.is-reverse[data-v-8dc62fe2]{flex-direction:row-reverse}.visual-container[data-v-8dc62fe2]{flex:1.2;position:relative}.project-preview[data-v-8dc62fe2]{aspect-ratio:16/10;background:var(--surface);border:1px solid var(--border);display:flex;overflow:hidden;position:relative;transition:border-color .4s ease}.project-img[data-v-8dc62fe2]{filter:grayscale(1) brightness(.9);height:100%;-o-object-fit:cover;object-fit:cover;transition:all .6s cubic-bezier(.2,1,.3,1);width:100%}.project-row:hover .project-img[data-v-8dc62fe2]{filter:grayscale(0) brightness(1);transform:scale(1.02)}.dimension-line[data-v-8dc62fe2]{background:var(--border);bottom:-25px;display:flex;height:1px;justify-content:center;left:0;position:absolute;right:0;transition:background .4s ease}.dimension-line span[data-v-8dc62fe2]{color:var(--text-dim);font-size:.6rem;position:absolute;text-transform:uppercase;top:5px;white-space:nowrap}.content-container[data-v-8dc62fe2]{flex:1}.project-id[data-v-8dc62fe2]{color:var(--accent);display:block;font-size:.7rem;font-weight:700;margin-bottom:8px}h3[data-v-8dc62fe2]{font-size:2.2rem;font-weight:900;line-height:1;margin-bottom:15px;text-transform:uppercase}.project-desc[data-v-8dc62fe2]{color:var(--text-dim);font-size:1rem;line-height:1.6;margin-bottom:30px;max-width:550px}.tag-list[data-v-8dc62fe2]{display:flex;flex-wrap:wrap;gap:10px}.tag[data-v-8dc62fe2]{border:1px solid var(--border);color:var(--text);font-size:.65rem;font-weight:600;padding:5px 12px;text-transform:uppercase;transition:all .3s ease}.project-row:hover .project-preview[data-v-8dc62fe2]{border-color:var(--accent)}.project-row:hover .dimension-line[data-v-8dc62fe2]{background:var(--accent)}.project-row:hover .tag[data-v-8dc62fe2]{border-color:var(--accent);color:var(--accent)}@media(max-width:1100px){.project-row[data-v-8dc62fe2]{gap:40px}}@media(max-width:950px){.project-row[data-v-8dc62fe2],.project-row.is-reverse[data-v-8dc62fe2]{flex-direction:column;gap:40px}.visual-container[data-v-8dc62fe2]{width:100%}}