main:has(.project-page){max-width:2500px}.project-page{content-visibility:auto;contain-intrinsic-size:auto 400px}.project-card{transition:transform .2s ease,box-shadow .2s ease}.project-card:hover{transform:translateY(-4px)}.project-image img{transition:transform .3s ease}.project-card:hover .project-image img{transform:scale(1.05)}.project-meta time{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.project-card h3 a{color:var(--text-primary)}.project-page{max-width:2500px;margin:0 auto}.project-header{margin-bottom:3rem}.breadcrumb{margin-bottom:1.5rem}.breadcrumb a{color:var(--text-secondary);font-size:.9rem;transition:color .2s}.breadcrumb a:hover{color:var(--text-primary)}.project-header h1{font-size:2.5rem;margin-bottom:1rem}.tech-tags-large{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0}.tech-tags-large .tag{font-size:.85rem;padding:.5rem 1rem;background:var(--hover-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary)}.project-links{display:flex;gap:1rem;margin-top:1.5rem}.btn{display:inline-flex;align-items:center;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;transition:all .2s;text-decoration:none}.btn-demo{background:var(--text-primary);color:var(--background)}.btn-demo:hover{opacity:.9;transform:translateX(4px)}.btn-github{background:var(--hover-bg);color:var(--text-primary);border:1px solid var(--border-color)}.btn-github:hover{border-color:var(--text-primary);transform:translateX(4px)}.project-hero-image{margin:2rem 0 3rem;border-radius:8px;overflow:hidden}.project-hero-image img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.project-content{line-height:1.8;color:var(--text-secondary)}.project-content h2{color:var(--text-primary);margin-top:2.5rem}.project-content h3{color:var(--text-primary);font-weight:500;margin-top:2rem}.project-content p{margin:1rem 0}.project-content ol,.project-content ul{margin:1rem 0;padding-left:2rem}.project-content li{margin:.5rem 0}.project-content img{max-width:100%;height:auto;margin:2rem 0;border-radius:6px}.project-content code{background:var(--hover-bg);padding:2px 6px;border-radius:3px;font-family:'SF Mono',Monaco,monospace;font-size:.9em;color:var(--text-primary)}.project-content pre{background:var(--hover-bg);padding:1rem;border-radius:6px;overflow-x:auto;margin:1.5rem 0}.project-content a{color:var(--text-primary);text-decoration:underline}@media (max-width:768px){.project-list{grid-template-columns:1fr;gap:1.5rem}.project-header h1{font-size:2rem}.project-links{flex-direction:column}.btn{text-align:center;justify-content:center}}@media (max-width:600px){.project-card{border-radius:6px}.project-info{padding:1rem}}