.projects-page-hero{background:var(--color-bg)}.projects-page-title{font-family:var(--font-display);font-size:clamp(2.5rem,12vw,10rem);font-weight:400;line-height:.9;letter-spacing:-.02em;margin-bottom:var(--spacing-md)}.projects-page-title .title-line{display:block}.projects-page-title .accent{color:var(--color-accent);font-style:italic}.projects-page-hero{position:relative;min-height:85vh;display:flex;align-items:flex-end;overflow:hidden}.hero-v3-bg{position:absolute;inset:0;z-index:0}.hero-v3-bg video{width:100%;height:100%;object-fit:cover}.hero-v3-overlay{position:absolute;inset:0;background:linear-gradient(to top,#0a0a0a,#0a0a0ab3 40%,#0a0a0a4d)}.hero-v3-content{position:relative;z-index:2;width:100%;padding:var(--spacing-xl) var(--spacing-lg)}.hero-v3-title{text-shadow:0 2px 40px rgba(0,0,0,.6)}a.hero-v3-featured{display:inline-block;font-size:.8rem;text-transform:uppercase;letter-spacing:.15em;color:var(--color-accent);text-decoration:none;margin-bottom:var(--spacing-lg);transition:opacity .2s ease}a.hero-v3-featured:hover{opacity:.7}.hero-v3-filters{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--spacing-md)}.filter-container{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.filter-label{font-size:.875rem;text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-muted)}.filter-tags{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.filter-tag{padding:var(--spacing-xs) var(--spacing-md);background:transparent;border:1px solid var(--color-border);color:var(--color-text);font-family:var(--font-body);font-size:.875rem;letter-spacing:.05em;cursor:pointer;transition:var(--transition-medium);text-transform:capitalize}.filter-tag:hover{border-color:var(--color-accent);color:var(--color-accent)}.filter-tag.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg)}.projects-seo-intro{padding:var(--spacing-lg);background:var(--color-bg);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.projects-seo-copy{max-width:1200px;margin:0 auto}.projects-seo-kicker{display:inline-block;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--spacing-xs)}.projects-seo-title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:400;line-height:1.2;margin-bottom:var(--spacing-sm)}.projects-seo-description{max-width:80ch;color:var(--color-text-muted);font-size:1rem;line-height:1.8;margin-bottom:var(--spacing-md)}.projects-seo-links{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.projects-seo-links a{display:inline-flex;align-items:center;padding:.5rem .9rem;border:1px solid var(--color-border);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text);transition:var(--transition-medium)}.projects-seo-links a:hover{border-color:var(--color-accent);color:var(--color-accent)}.projects-grid-section{padding:var(--spacing-xl) var(--spacing-lg);background:var(--color-bg-alt);min-height:50vh}.projects-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--spacing-lg)}.project-card-grid{position:relative;background:var(--color-bg);border:1px solid var(--color-border);overflow:hidden;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .3s ease}.project-card-grid:hover{transform:translateY(-8px);border-color:var(--color-accent)}.project-card-grid .project-link{display:block;text-decoration:none;color:inherit}.project-card-grid .project-image{position:relative;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(135deg,#1a1a1a,#0d0d0d)}.project-card-grid .project-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;image-orientation:from-image;transition:transform .6s cubic-bezier(.16,1,.3,1)}.project-card-grid:hover .project-image>img{transform:scale(1.05)}.project-card-grid .project-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#0d0d0d);transition:transform .6s cubic-bezier(.16,1,.3,1)}.project-card-grid:hover .project-placeholder{transform:scale(1.05)}.project-card-grid .placeholder-text{font-family:var(--font-display);font-size:5rem;font-style:italic;color:var(--color-border);transition:var(--transition-medium)}.project-card-grid:hover .placeholder-text{color:var(--color-accent);text-shadow:0 0 40px rgba(200,255,0,.3)}.card-hover-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease;z-index:1}.card-hover-video.playing{opacity:1}.project-card-grid .project-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 60%);opacity:0;transition:var(--transition-medium);z-index:2}.project-card-grid:hover .project-overlay{opacity:1}.project-card-grid .project-tags{position:absolute;top:var(--spacing-md);left:var(--spacing-md);display:flex;gap:var(--spacing-xs);flex-wrap:wrap;z-index:2}.project-card-grid .project-tag{padding:4px 10px;background:#000c;border:1px solid var(--color-border);font-size:.625rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-card-grid .project-content{padding:var(--spacing-md)}.project-card-grid .project-category{display:inline-block;font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--color-accent);margin-bottom:var(--spacing-xs)}.project-card-grid .project-title{font-family:var(--font-display);font-size:1.75rem;font-weight:400;line-height:1.2;margin-bottom:var(--spacing-xs);transition:var(--transition-fast)}.project-card-grid:hover .project-title{color:var(--color-accent)}.project-card-grid .project-summary{font-size:.875rem;color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--spacing-sm);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-card-grid .project-year{font-size:.75rem;color:var(--color-text-muted);letter-spacing:.05em}.no-results{text-align:center;padding:var(--spacing-xl) var(--spacing-lg)}.no-results p{font-size:1.125rem;color:var(--color-text-muted);margin-bottom:var(--spacing-lg)}.project-card-grid{opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease forwards}.project-card-grid:nth-child(2){animation-delay:.1s}.project-card-grid:nth-child(3){animation-delay:.2s}.project-card-grid:nth-child(4){animation-delay:.3s}.project-card-grid:nth-child(5){animation-delay:.4s}.project-card-grid:nth-child(6){animation-delay:.5s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.projects-grid-container{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-md)}}@media(max-width:768px){.projects-page-hero{min-height:60vh}.hero-v3-content{padding:var(--spacing-lg) var(--spacing-md)}.filter-container{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.filter-tags{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;width:100%;padding-bottom:var(--spacing-xs)}.filter-tag{white-space:nowrap;flex-shrink:0;font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}.projects-grid-section,.projects-seo-intro{padding:var(--spacing-lg) var(--spacing-md)}.projects-seo-description{font-size:.95rem}.projects-seo-links{gap:.55rem}.projects-seo-links a{font-size:.68rem}.projects-grid-container{grid-template-columns:1fr}.project-card-grid .project-title{font-size:1.5rem}.project-card-grid .project-content{padding:var(--spacing-sm)}.project-card-grid .project-summary{-webkit-line-clamp:2;line-clamp:2}}