.gallery-page{padding-top:4rem;min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg-dark)}.gallery-main{flex:1;max-width:1280px;margin:0 auto;width:100%;padding-bottom:var(--spacing-24)}.gallery-filters-bar{position:sticky;top:4rem;z-index:var(--z-above);padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-4);border-bottom:1px solid var(--color-border-glass)}.search-container{display:flex;position:relative;align-items:center;max-width:600px;width:100%}.search-icon{position:absolute;left:var(--spacing-3);color:var(--color-text-muted);pointer-events:none}.search-input{width:100%;padding:var(--spacing-3) var(--spacing-4) var(--spacing-3) 2.5rem;background-color:var(--color-card-dark);border:1px solid var(--color-border-dark);border-radius:var(--radius-xl);color:var(--color-text-light);font-family:var(--font-display);font-size:.875rem;transition:all .2s}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-transparent)}.filters-container{display:flex;gap:var(--spacing-2);overflow-x:auto;padding-bottom:var(--spacing-2)}.filter-btn{white-space:nowrap;padding:.375rem var(--spacing-4);border-radius:var(--radius-full);background-color:var(--color-card-dark);border:1px solid var(--color-border-dark);color:var(--color-text-muted);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:var(--color-primary-transparent);color:var(--color-primary)}.filter-btn.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 0 15px -3px #0d7ff280}.gallery-grid{padding:var(--spacing-6) var(--spacing-4);display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media(min-width:768px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.project-card{background-color:var(--color-card-dark);border-radius:var(--radius-2xl);overflow:hidden;border:1px solid var(--color-border-dark);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;flex-direction:column}.project-card:hover{box-shadow:0 0 20px -5px #0d7ff280;border-color:#0d7ff299;transform:translateY(-2px)}.gallery-grid .project-card:not(.project-card--live),.focus-projects-grid .project-card:not(.project-card--live){opacity:.5;transition:opacity .3s}.gallery-grid .project-card:not(.project-card--live):hover,.focus-projects-grid .project-card:not(.project-card--live):hover{opacity:1}.gallery-grid .project-card--live:hover,.focus-projects-grid .project-card--live:hover{box-shadow:0 0 20px -5px #34d39980;border-color:#34d39999}.project-card-image-wrapper{position:relative;height:12rem;overflow:hidden}.project-card-image-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);z-index:10}.project-card-image{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.4,0,.2,1)}.project-card:hover .project-card-image{transform:scale(1.05)}.deprecated-card .project-card-image{filter:grayscale(100%)}.deprecated-card:hover .project-card-image{filter:grayscale(0%)}.deprecated-card{opacity:.8}.project-status-badge{position:absolute;top:var(--spacing-3);right:var(--spacing-3);z-index:20;display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:var(--radius-full);background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.status-dot-inner{width:.375rem;height:.375rem;border-radius:var(--radius-full)}.status-live{color:#34d399}.status-live .status-dot-inner{background-color:#34d399;animation:pulse 2s infinite}.status-beta{color:#fbbf24}.status-beta .status-dot-inner{background-color:#fbbf24}.status-deprecated{color:#94a3b8}.status-deprecated .status-dot-inner{background-color:#94a3b8}.status-research{color:var(--color-primary)}.status-research .status-dot-inner{background-color:var(--color-primary);animation:pulse 2s infinite}.status-dev{color:var(--color-primary)}.status-dev .status-dot-inner{background-color:var(--color-primary);animation:pulse 2s infinite}.project-card-content{padding:var(--spacing-4);flex-grow:1;display:flex;flex-direction:column}.project-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-2)}.project-card-header h3{font-size:1.125rem;font-weight:700;color:var(--color-text-light);transition:color .2s}.project-card:hover .project-card-header h3{color:var(--color-primary)}.project-card-header .material-symbols-outlined{color:var(--color-text-muted);font-size:1.25rem;transition:color .2s}.project-card:hover .project-card-header .material-symbols-outlined{color:var(--color-primary)}.project-card-desc{font-size:.75rem;color:var(--color-text-muted);margin-bottom:var(--spacing-4);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.project-tags-container{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap}.project-tag{padding:.25rem .5rem;border-radius:var(--radius-md);background-color:var(--color-bg-dark);border:1px solid var(--color-border-dark);font-size:.625rem;font-family:var(--font-mono);color:var(--color-text-muted)}.coming-soon-section{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:var(--spacing-16) var(--spacing-4);overflow:hidden}.coming-soon-orb{position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,var(--color-primary-glow-strong) 0%,transparent 70%);filter:blur(80px);animation:orb-breathe 4s ease-in-out infinite;pointer-events:none}@keyframes orb-breathe{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}.coming-soon-content{position:relative;z-index:1;text-align:center;max-width:540px;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4)}.coming-soon-icon-row{display:flex;gap:var(--spacing-6);margin-bottom:var(--spacing-4)}.coming-soon-icon{font-size:2.5rem;color:var(--color-primary);opacity:.7;animation:icon-float 3s ease-in-out infinite}.coming-soon-icon-alt{animation-delay:.5s;font-size:3rem;opacity:1}.coming-soon-icon:nth-child(3){animation-delay:1s}@keyframes icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.coming-soon-title{font-size:2.25rem;font-weight:700;line-height:1.2}.coming-soon-desc{color:var(--color-text-muted);font-size:1rem;line-height:1.6;max-width:440px}.coming-soon-divider{width:60px;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);margin:var(--spacing-2) 0}.coming-soon-cta-text{color:var(--color-text-muted);font-size:.875rem}.coming-soon-cta-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:.75rem 1.75rem;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;font-weight:600;font-size:.9375rem;text-decoration:none;transition:all .3s;box-shadow:0 0 20px -4px var(--color-primary-glow-strong)}.coming-soon-cta-btn:hover{background:var(--color-primary-hover);box-shadow:0 0 30px -2px var(--color-primary-glow-strong);transform:translateY(-2px)}.coming-soon-cta-btn .material-symbols-outlined{font-size:1.25rem}.coming-soon-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.particle{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--color-primary);opacity:0;animation:particle-drift 6s ease-in-out infinite}.particle-1{left:15%;top:20%;animation-delay:0s}.particle-2{left:80%;top:30%;animation-delay:1.2s}.particle-3{left:25%;top:70%;animation-delay:2.4s}.particle-4{left:70%;top:75%;animation-delay:3.6s}.particle-5{left:50%;top:15%;animation-delay:4.8s}@keyframes particle-drift{0%{opacity:0;transform:translateY(0) scale(1)}20%{opacity:.6}80%{opacity:.6}to{opacity:0;transform:translateY(-40px) scale(.5)}}.gallery-footer{display:flex;justify-content:center;padding:var(--spacing-8) var(--spacing-4)}.gallery-footer-text{font-size:.75rem;font-family:var(--font-mono);color:var(--color-text-muted)}.project-card-link[data-astro-cid-mspuyifq]{display:contents;text-decoration:none;color:inherit}