.projects-page{max-width:1400px;padding:120px var(--space-2xl) var(--space-3xl);margin:0 auto}.projects-header{margin-bottom:var(--space-4xl)}.back-link{align-items:center;gap:var(--space-sm);color:var(--on-surface-variant);margin-bottom:var(--space-2xl);transition:color var(--transition-fast);cursor:none;font-size:.875rem;font-weight:500;display:inline-flex}.back-link:hover{color:var(--primary)}.back-link .material-symbols-outlined{transition:transform var(--transition-fast);font-size:18px}.back-link:hover .material-symbols-outlined{transform:translate(-4px)}.projects-page-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--on-surface);margin-bottom:var(--space-md);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1}.projects-page-sub{color:var(--on-surface-variant);max-width:600px;font-size:1.0625rem;font-weight:300;line-height:1.7}.projects-tabs{gap:var(--space-md);margin-bottom:var(--space-3xl);padding-bottom:var(--space-md);border-bottom:1px solid #ffffff0f;display:flex}.tab-item{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-full);color:var(--on-surface-variant);font-family:var(--font-body);cursor:none;transition:all var(--transition-base);white-space:nowrap;background:0 0;border:1px solid #0000;font-size:.9375rem;font-weight:500;display:inline-flex}.tab-item:hover{color:var(--on-surface);background:#ffffff08;border-color:#ffffff0f}.tab-item.active{color:#fff;background:#ff45001a;border-color:#ff450040}.tab-icon{color:var(--on-surface-variant);transition:color var(--transition-base);font-size:20px}.tab-item.active .tab-icon{color:var(--primary)}.tab-count{border-radius:var(--radius-full);color:var(--on-surface-variant);transition:all var(--transition-base);background:#ffffff0a;padding:2px 8px;font-size:.6875rem;font-weight:600}.tab-item.active .tab-count{color:var(--primary);background:#ff450026}.category-panel{display:none}.category-panel.active{animation:panelFadeIn .4s var(--ease-out) forwards;display:block}@keyframes panelFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.category-header{align-items:center;gap:var(--space-lg);margin-bottom:var(--space-2xl);padding-bottom:var(--space-lg);border-bottom:1px solid #ffffff0d;display:flex}.category-title{font-family:var(--font-display);color:var(--on-surface);font-size:1.75rem;font-weight:700}.category-badge{border-radius:var(--radius-full);color:var(--primary);letter-spacing:.04em;background:#ff45001a;padding:4px 14px;font-size:.75rem;font-weight:600}.projects-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.projects-grid-posters{grid-template-columns:repeat(4,1fr)}.proj-card{background:var(--surface-container);border-radius:var(--radius-lg);cursor:none;transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);border:1px solid #ffffff0a;overflow:hidden}.proj-card:hover{border-color:#ff450040;transform:translateY(-6px);box-shadow:0 16px 40px #0000004d,0 0 0 1px #ff45001a}.proj-thumb{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.projects-grid-posters .proj-thumb{aspect-ratio:3/4}.proj-embed-wrap,.proj-img-wrap{width:100%;height:100%;display:block;position:relative}.proj-embed-wrap iframe,.proj-img-wrap img{object-fit:cover;border:none;border-radius:0;width:100%;height:100%;display:block}.proj-thumb-placeholder{width:100%;height:100%;transition:background var(--transition-base);background:linear-gradient(135deg,#1a1a2e,#16213e);justify-content:center;align-items:center;display:flex}.proj-thumb-placeholder .material-symbols-outlined{color:#ffffff1a;transition:all var(--transition-base);font-size:48px}.proj-card:hover .proj-thumb-placeholder .material-symbols-outlined{color:var(--primary);transform:scale(1.1)}.poster-placeholder{background:linear-gradient(135deg,#1a0e2e,#2d1b4e)}.ai-placeholder{background:linear-gradient(135deg,#0e1a2e,#0e2e1a)}.web-placeholder{background:linear-gradient(135deg,#2e1a2d,#4e1b3d)}.image-modal{z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background-color:#000000d9;width:100%;height:100%;transition:opacity .3s;display:none;position:fixed;top:0;left:0}.image-modal.show{opacity:1;justify-content:center;align-items:center;display:flex}.image-modal .modal-content{object-fit:contain;border-radius:var(--radius-lg,12px);max-width:90%;max-height:90vh;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);transform:scale(.95);box-shadow:0 10px 40px #00000080}.image-modal.show .modal-content{transform:scale(1)}.modal-close{color:#ffffffb3;cursor:pointer;z-index:10001;transition:color var(--transition-fast), transform var(--transition-fast);font-size:40px;font-weight:300;position:absolute;top:30px;right:40px}.modal-close:hover{color:var(--primary,#ff4500);transform:scale(1.1)}@media (width<=1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}.projects-grid-posters{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.projects-page{padding:100px var(--space-md) var(--space-2xl)}.projects-header{margin-bottom:var(--space-2xl)}.projects-page-title{font-size:clamp(2rem,8vw,3rem)}.projects-page-sub{font-size:.9375rem}.projects-tabs{gap:var(--space-sm);padding-bottom:var(--space-sm);-webkit-overflow-scrolling:touch;scrollbar-width:thin;overflow-x:auto}.tab-item{padding:var(--space-sm) var(--space-md);flex-shrink:0;font-size:.8125rem}.tab-icon{font-size:18px}.projects-grid{gap:var(--space-md);grid-template-columns:1fr}.projects-grid-posters{gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.category-header{margin-bottom:var(--space-lg);padding-bottom:var(--space-md)}.category-title{font-size:1.35rem}.modal-close{font-size:32px;top:16px;right:16px}.proj-card,.back-link,.tab-item{cursor:auto!important}}@media (width<=420px){.projects-grid-posters{grid-template-columns:1fr}.projects-page{padding:90px var(--space-sm) var(--space-xl)}}