.proj-page{max-width:1200px;margin:0 auto;padding:4rem 2rem 8rem}.proj-back{font-family:var(--font-mono);font-size:14px;color:var(--color-primary);text-decoration:none;display:inline-block;margin-bottom:3rem}.proj-back:hover{text-decoration:underline}.proj-title{font-family:var(--font-heading);font-size:clamp(2.5rem,8vw,5rem);font-weight:900;line-height:1;color:var(--color-primary);margin-bottom:.5rem}.proj-subtitle{font-size:18px;color:var(--color-gray-dk);font-weight:300;margin-bottom:2rem}.proj-toolbar{display:flex;flex-direction:column;margin-bottom:2rem;gap:.75rem;padding-bottom:1.5rem;border-bottom:2px solid var(--color-primary)}.proj-toolbar-top{display:flex;align-items:center;justify-content:space-between}.proj-count{font-family:var(--font-mono);font-size:13px;color:var(--color-gray);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;text-align:center}.proj-count-num{color:var(--color-primary);font-weight:700}.proj-filter-toggle{display:none;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-dk);background:none;border:1px solid rgba(0,0,0,.12);border-radius:4px;padding:6px 12px;cursor:pointer;transition:border-color .2s ease,color .2s ease}.proj-filter-toggle:hover,.proj-filter-toggle--active{border-color:var(--color-primary);color:var(--color-primary)}.proj-filters{display:flex;align-items:center;justify-content:space-between;gap:1rem}.proj-filters-left{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.proj-select{font-family:var(--font-mono);font-size:13px;padding:8px 28px 8px 12px;border:1px solid rgba(0,0,0,.12);border-radius:4px;background:#fff;color:var(--color-ink);cursor:pointer;max-width:280px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.proj-search{font-family:var(--font-mono);font-size:13px;padding:8px 12px;border:1px solid rgba(0,0,0,.12);border-radius:4px;background:#fff;color:var(--color-ink);width:200px}.proj-search::placeholder{color:var(--color-gray)}@keyframes proj-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.proj-skeleton{background:linear-gradient(90deg,#0000000f 25%,#00000005,#0000000f 75%);background-size:800px 100%;animation:proj-shimmer 1.5s ease-in-out infinite;border-radius:4px}.proj-skeleton-card{pointer-events:none}.proj-skeleton-cover{height:160px;border-radius:0}.proj-skeleton-title{height:18px;width:70%}.proj-skeleton-text{height:14px;width:100%}.proj-skeleton-text--short{width:60%}.proj-skeleton-tags{height:20px;width:45%;margin-top:auto}.proj-card-cover--loading{background:linear-gradient(90deg,#0000000f 25%,#00000005,#0000000f 75%);background-size:800px 100%;animation:proj-shimmer 1.5s ease-in-out infinite}.proj-card-cover--loading img{opacity:0}.proj-empty{font-family:var(--font-mono);font-size:14px;color:var(--color-gray);padding:2rem 0}.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.proj-card{border:1px solid rgba(0,0,0,.08);border-radius:6px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;background:#fff;overflow:hidden}.proj-card-cover{width:100%;height:160px;overflow:hidden;background:#0000000a}.proj-card-cover img{width:100%;height:100%;object-fit:cover}.proj-card-cover--default{display:flex;align-items:center;justify-content:center;background:#00000014}.proj-card-initials{font-family:var(--font-heading);font-size:36px;font-weight:900;color:#00000026;letter-spacing:.05em}.proj-card-body{padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;flex:1}.proj-card:hover{border-color:var(--color-primary);box-shadow:0 2px 12px #0000000f}.proj-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.proj-card-name{font-family:var(--font-sans);font-size:16px;font-weight:600;color:var(--color-ink);line-height:1.3}.proj-card-desc{font-family:var(--font-sans);font-size:14px;font-weight:300;color:var(--color-gray-dk);line-height:1.5}.proj-card-meta{display:flex;flex-wrap:wrap;gap:.5rem}.proj-card-model,.proj-card-tools{font-family:var(--font-mono);font-size:11px;color:var(--color-gray);background:#0000000a;padding:2px 8px;border-radius:3px}.proj-card-tracks{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto}.proj-card-track{font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,transparent);padding:2px 6px;border-radius:3px}.proj-grid--list{grid-template-columns:1fr;gap:0}.proj-list-item{padding:1.25rem 0;border-bottom:1px solid rgba(0,0,0,.06);cursor:pointer;display:flex;flex-direction:row;gap:1.25rem;align-items:flex-start;transition:background .2s ease;padding-left:8px;padding-right:8px;margin-left:-8px;margin-right:-8px}.proj-list-item:hover{background:#00000005}.proj-list-thumb{width:80px;height:80px;border-radius:6px;overflow:hidden;flex-shrink:0;background:#0000000a}.proj-list-thumb img{width:100%;height:100%;object-fit:cover}.proj-list-thumb--default{display:flex;align-items:center;justify-content:center;background:#00000014}.proj-list-thumb--default .proj-card-initials{font-size:22px}.proj-list-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.4rem}.proj-list-name{font-family:var(--font-sans);font-size:20px;font-weight:700;color:var(--color-ink);line-height:1.3}.proj-list-desc{font-family:var(--font-sans);font-size:14px;font-weight:300;color:var(--color-gray-dk);line-height:1.5}.proj-list-bottom{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:.25rem}.proj-overlay{position:fixed;inset:0;background:#0000004d;z-index:10002;opacity:0;pointer-events:none;transition:opacity .3s ease}.proj-overlay.open{opacity:1;pointer-events:auto}.proj-panel{position:fixed;top:0;right:0;bottom:0;width:min(560px,90vw);background:#fff;z-index:10003;transform:translate(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;overflow:hidden;box-shadow:-4px 0 24px #0000001a}.proj-panel.open{transform:translate(0)}.proj-panel-close{position:absolute;top:1rem;right:1rem;background:#fff;border:1px solid rgba(0,0,0,.1);font-size:24px;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:var(--color-gray);z-index:10005}.proj-panel-close:hover{color:var(--color-ink);border-color:#0003}.proj-panel-content{padding:2.5rem 2rem 2rem;display:flex;flex-direction:column;gap:1.5rem;flex:1;overflow-y:auto}.proj-panel-name{font-family:var(--font-heading);font-size:32px;font-weight:900;color:var(--color-ink);line-height:1.2;padding-right:2rem}.proj-panel-team{font-family:var(--font-mono);font-size:13px;color:var(--color-gray);margin-top:-.75rem}.proj-panel-tracks{display:flex;flex-wrap:wrap;gap:.5rem}.proj-panel-track{font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,transparent);padding:4px 10px;border-radius:3px}.proj-panel-section{display:flex;flex-direction:column;gap:.5rem}.proj-panel-label{font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary)}.proj-panel-text{font-family:var(--font-sans);font-size:15px;font-weight:300;color:var(--color-gray-dk);line-height:1.7}.proj-panel-tags{display:flex;flex-wrap:wrap;gap:.4rem}.proj-panel-tag{font-family:var(--font-mono);font-size:12px;color:var(--color-ink);background:#0000000d;padding:4px 10px;border-radius:3px}.proj-panel-links{display:flex;flex-wrap:wrap;gap:.75rem}.proj-panel-link{font-family:var(--font-mono);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--color-primary);text-decoration:none;padding:8px 16px;border:1px solid var(--color-primary);border-radius:4px;transition:background .2s ease,color .2s ease}.proj-panel-link:hover{background:var(--color-primary);color:#fff}.proj-panel-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 2rem;background:#fff;border-top:1px solid rgba(0,0,0,.08);flex-shrink:0}.proj-panel-nav-btn{display:flex;align-items:center;gap:.3rem;font-family:var(--font-mono);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink);background:none;border:1px solid rgba(0,0,0,.12);border-radius:4px;padding:8px 14px;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}.proj-panel-nav-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.proj-panel-nav-btn--disabled{opacity:.25;pointer-events:none}.proj-panel-nav-share{color:var(--color-ink);border-color:#0000001f}.proj-panel-nav-share:hover{background:#000;color:#fff;border-color:#000}.proj-panel-cover{width:100%;max-height:280px;object-fit:cover;border-radius:4px}.proj-panel-video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:4px}.proj-panel-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.proj-panel-video-link{font-family:var(--font-mono);font-size:12px;color:var(--color-primary);text-decoration:none;word-break:break-all}.proj-panel-video-link:hover{text-decoration:underline}.proj-panel-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.proj-panel-gallery a{display:block;border-radius:4px;overflow:hidden;border:1px solid rgba(0,0,0,.08)}.proj-panel-gallery img{width:100%;height:auto;display:block}@media(max-width:768px){.proj-page{padding:2rem 1.5rem 4rem}.proj-filter-toggle{display:flex;width:100%;justify-content:center;border:none;border-radius:0;border-bottom:2px solid var(--color-primary);padding:10px 12px}.proj-filters{display:none;width:100%;flex-direction:column;padding:1rem 0;border-bottom:1px solid rgba(0,0,0,.06)}.proj-filters--open{display:flex}.proj-filters-left{flex-direction:column;width:100%}.proj-select,.proj-search{width:100%;max-width:none}.proj-grid{grid-template-columns:1fr}.proj-panel{width:100vw}.proj-list-thumb{width:56px;height:56px}.proj-list-thumb--default .proj-card-initials{font-size:16px}}