.portfolio-grid-section{background:var(--color-bg-primary);min-height:100vh;padding:var(--space-4xl)0 var(--space-5xl)}.portfolio-grid-container{max-width:var(--container-max);padding:0 var(--container-padding);margin:0 auto}.portfolio-grid-header{margin-bottom:var(--space-4xl);max-width:800px}.portfolio-grid-header .section-eyebrow{color:var(--color-text-tertiary);letter-spacing:.2em;margin-bottom:var(--space-md);text-transform:uppercase;font-size:.75rem;font-weight:600;display:inline-block}.portfolio-grid-header h1{color:var(--color-text-primary);font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:var(--space-lg);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1}.portfolio-grid-header .text-accent{color:var(--color-text-secondary);font-style:italic;font-weight:400}.portfolio-grid-header p{color:var(--color-text-secondary);font-size:1.25rem;line-height:1.6}.projects-grid{gap:var(--space-2xl);grid-template-columns:repeat(2,1fr);display:grid}.project-grid-card{flex-direction:column;text-decoration:none;display:flex;position:relative}.project-grid-image-wrapper{aspect-ratio:16/10;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:var(--space-lg);transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.project-grid-cta{color:#000;opacity:0;z-index:5;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:20px;right:20px;transform:translate(10px,-10px)}.project-grid-card:hover .project-grid-cta{opacity:1;transform:translate(0)}.project-grid-card:hover .project-grid-image-wrapper{border-color:var(--color-text-primary);transform:translateY(-8px);box-shadow:0 30px 60px -12px #00000026}.project-grid-image-wrapper img{filter:grayscale();object-fit:cover;width:100%;height:100%;transition:all .7s cubic-bezier(.4,0,.2,1)}.project-grid-card:hover .project-grid-image-wrapper img{filter:grayscale(0);transform:scale(1.05)}.project-grid-overlay{opacity:0;background:linear-gradient(#0000 50%,#0006);transition:opacity .5s;position:absolute;top:0;bottom:0;left:0;right:0}.project-grid-card:hover .project-grid-overlay{opacity:1}.project-grid-content{gap:var(--space-xs);flex-direction:column;display:flex}.project-grid-category{color:var(--color-text-tertiary);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:700}.project-grid-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.75rem;font-weight:700;transition:color .3s}.project-grid-card:hover .project-grid-title,.project-grid-title{color:var(--color-text-primary)}.project-grid-desc{color:var(--color-text-secondary);max-width:90%;font-size:1rem;line-height:1.5}.project-grid-stats{border-top:1px solid var(--color-border);gap:var(--space-xl);margin-top:var(--space-md);padding-top:var(--space-md);display:flex}.grid-stat-item{flex-direction:column;display:flex}.grid-stat-value{color:var(--color-text-primary);font-family:var(--font-display);font-size:1.25rem;font-weight:800}.grid-stat-label{color:var(--color-text-tertiary);letter-spacing:.05em;text-transform:uppercase;font-size:.7rem;font-weight:600}@media (max-width:1024px){.projects-grid{gap:var(--space-xl)}.project-grid-title{font-size:1.5rem}}@media (max-width:768px){.projects-grid{gap:var(--space-2xl);grid-template-columns:1fr}.portfolio-grid-header h1{font-size:3rem}}@media (max-width:480px){.portfolio-grid-header h1{font-size:2.5rem}.project-grid-image-wrapper{aspect-ratio:4/3}}