.projects-page .page-header{padding:calc(var(--header-height) + var(--space-lg)) 0 var(--space-sm)!important}.projects-page .section{padding:var(--space-md) 0!important}.projects-page .section:last-child{padding:var(--space-xl) 0 clamp(2rem,5vw,4rem)!important}.project-card{display:flex;flex-direction:column;gap:0;padding:0;text-decoration:none;color:inherit;overflow:hidden;transition:transform var(--duration-normal) var(--ease-spring),border-color var(--duration-normal) ease,box-shadow var(--duration-normal) ease}.project-card:hover{transform:translateY(-4px) scale(1.005);border-color:#3b82f633;box-shadow:0 20px 40px #0000004d,0 0 20px #3b82f60d}.project-screenshot{overflow:hidden;border-bottom:1px solid var(--glass-border)}.project-screenshot img{width:100%;height:auto;display:block;transition:transform .4s ease}.project-card:hover .project-screenshot img{transform:scale(1.02)}.project-body{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);flex:1 1}.project-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.project-header h3{margin:0;font-size:1.1rem}.project-status{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .6rem;border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;line-height:1.4}.project-status--live{background:#22c55e1a;color:#4ade80;border:1px solid #22c55e33}.project-status--progress{background:#3b82f61a;color:var(--color-blue);border:1px solid #3b82f633}.project-description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.65;flex:1 1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin:0}.project-footer{margin-top:auto;padding-top:var(--space-xs,.25rem)}.project-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:500;color:var(--color-blue);text-decoration:none;transition:color .2s ease}.project-link svg{width:14px;height:14px;flex-shrink:0;transition:transform .2s ease}.project-card:hover .project-link{color:var(--color-purple)}.project-card:hover .project-link svg{transform:translateX(3px)}.project-card--compact .project-body{gap:var(--space-sm);padding:var(--space-md)}.project-card--compact .project-body h3{font-size:1rem;margin:0}@media (min-width:640px){.project-body{gap:var(--space-lg);padding:var(--space-xl)}.project-header h3{font-size:1.25rem}.project-description{font-size:.95rem}.project-link{font-size:.9rem}.project-link svg{width:16px;height:16px}}.project-featured{display:flex;flex-direction:column;text-decoration:none;color:inherit;overflow:hidden;padding:0;transition:transform var(--duration-normal) var(--ease-spring),border-color var(--duration-normal) ease,box-shadow var(--duration-normal) ease}.project-featured:hover{transform:translateY(-4px);border-color:#3b82f633;box-shadow:0 24px 48px #00000059,0 0 30px #3b82f60f}.project-featured-image{overflow:hidden;border-bottom:1px solid var(--glass-border)}.project-featured-image img{width:100%;height:auto;display:block;transition:transform .5s ease}.project-featured:hover .project-featured-image img{transform:scale(1.015)}.project-featured-body{padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md)}.project-featured-body h2{margin:0;font-size:1.5rem}.project-featured-meta{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.project-featured-tagline{color:var(--color-text-secondary);font-size:1.05rem;line-height:1.6;margin:0}.project-featured .project-description{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.project-featured .project-link{font-size:.95rem}@media (min-width:768px){.project-featured{flex-direction:row}.project-featured-image{flex:1.1 1;border-bottom:none;border-right:1px solid var(--glass-border)}.project-featured-body{flex:1 1;padding:var(--space-2xl);justify-content:center}.project-featured-body h2{font-size:1.75rem}}.project-back-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:500;color:var(--color-text-secondary);text-decoration:none;margin-bottom:var(--space-xl);transition:color .2s ease}.project-back-link:hover{color:var(--color-blue)}.project-detail-hero{padding-top:var(--space-5xl);padding-bottom:var(--space-xl)}.project-detail-header{max-width:800px}.project-detail-header h1{font-size:clamp(2rem,5vw,3.25rem);line-height:1.1;margin:0}.project-detail-meta{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap}.project-detail-category{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-blue);padding:.2rem .65rem;border-radius:var(--radius-full);background:#3b82f61a;border:1px solid #3b82f633}.project-detail-year{font-size:.8rem;color:var(--color-text-muted)}.project-detail-tagline{font-size:1.15rem;color:var(--color-text-secondary);line-height:1.6;margin-top:var(--space-md)}.project-detail-screenshot-section{padding-bottom:var(--space-3xl)}.project-detail-screenshot{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--glass-border);box-shadow:0 20px 60px #0006,0 0 40px #3b82f60a}.project-detail-screenshot img{width:100%;height:auto;display:block}.project-detail-screenshot-glow{position:absolute;bottom:-50%;left:10%;right:10%;height:100%;background:radial-gradient(ellipse,#3b82f614 0,#0000 70%);pointer-events:none}.project-detail-layout{display:grid;grid-template-columns:1fr;gap:var(--space-3xl)}.project-detail-content{min-width:0}.project-detail-body{font-size:1.05rem;line-height:1.75;color:var(--color-text-secondary)}.project-detail-body p{margin-bottom:var(--space-lg)}.project-detail-body h2,.project-detail-body h3{color:var(--color-text);margin-top:var(--space-2xl);margin-bottom:var(--space-md)}.project-detail-body ol,.project-detail-body ul{padding-left:var(--space-lg);margin-bottom:var(--space-lg)}.project-detail-body li{margin-bottom:var(--space-sm)}.project-detail-block{margin-top:var(--space-3xl);padding-top:var(--space-2xl);border-top:1px solid var(--glass-border)}.project-detail-block h2{font-size:1.5rem;margin-bottom:var(--space-lg);background:var(--gradient-accent-h);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text}.project-detail-block div,.project-detail-block p{color:var(--color-text-secondary);line-height:1.75}@media (min-width:1024px){.project-detail-layout{grid-template-columns:1fr 320px}}.project-detail-sidebar{order:-1}.project-detail-sidebar-card{padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg);position:sticky;top:calc(var(--space-5xl) + var(--space-xl))}.project-detail-sidebar-card h3{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin:0}.project-detail-sidebar-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--glass-border);font-size:.9rem}.project-detail-sidebar-item--stack{flex-direction:column;align-items:flex-start}.project-detail-sidebar-label{color:var(--color-text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.project-detail-tags{display:flex;flex-wrap:wrap;gap:.4rem}.project-detail-tag{font-size:.75rem;font-weight:500;padding:.2rem .6rem;border-radius:var(--radius-full);background:#ffffff0d;border:1px solid var(--glass-border);color:var(--color-text-secondary)}.project-detail-visit-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;text-align:center;margin-top:var(--space-sm)}.project-detail-visit-btn svg{flex-shrink:0;transition:transform .2s ease}.project-detail-visit-btn:hover svg{transform:translate(2px,-2px)}@media (min-width:1024px){.project-detail-sidebar{order:0}}.project-detail-testimonial{text-align:center;margin:0;padding:var(--space-2xl);background:#3b82f608;border:1px solid #3b82f61a;border-radius:var(--radius-lg)}.project-detail-testimonial-icon{color:#3b82f633;margin-bottom:var(--space-lg)}.project-detail-testimonial p{font-size:1.15rem;line-height:1.7;color:var(--color-text);font-style:italic;margin:0 0 var(--space-lg)}.project-detail-testimonial cite{font-size:.9rem;color:var(--color-text-muted);font-style:normal}.project-detail-gallery-heading,.project-detail-more-heading{font-size:1.5rem;margin-bottom:var(--space-2xl)}.project-detail-gallery{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}.project-detail-gallery-item{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--glass-border)}.project-detail-gallery-item img{width:100%;height:auto;display:block}@media (min-width:640px){.project-detail-gallery{grid-template-columns:repeat(2,1fr)}}