.page-hero{padding-top:calc(72px + var(--space-16))}.work-disclaimer{max-width:640px;margin:var(--space-8) auto 0;padding:var(--space-6);background:var(--color-bg-alt);border-radius:var(--radius-lg);border-left:4px solid var(--color-accent);transition:background-color var(--transition-base)}.work-disclaimer p{margin:0;font-size:var(--text-base);color:var(--color-text-secondary)}.work-disclaimer strong{color:var(--color-text)}.projects-section{padding-top:var(--space-8)}.project-card{position:relative;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-8);overflow:hidden;transition:background-color var(--transition-base),border-color var(--transition-base)}.project-card:last-child{margin-bottom:0}.project-accent{position:absolute;top:0;left:0;width:4px;height:100%}.project-header{padding:var(--space-8);padding-left:calc(var(--space-8) + 4px);border-bottom:1px solid var(--color-border)}.project-header-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3)}.project-tag{display:inline-block;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.project-link{font-size:var(--text-sm);font-weight:500;color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}.project-link:hover{color:var(--color-text)}.project-header h2{margin-bottom:var(--space-2)}.project-type{font-size:var(--text-base);color:var(--color-text-secondary);margin:0}.project-body{padding:var(--space-8);padding-left:calc(var(--space-8) + 4px);display:grid;gap:var(--space-8)}.project-section h4{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-4)}.project-section p{line-height:1.7;color:var(--color-text-secondary)}.decisions-list{display:flex;flex-direction:column;gap:var(--space-4)}.decisions-list li{padding-left:var(--space-6);position:relative;color:var(--color-text-secondary);line-height:1.7}.decisions-list li:before{content:"→";position:absolute;left:0;color:var(--color-accent);font-weight:600}.project-meta{display:flex;gap:var(--space-12);flex-wrap:wrap}.meta-item h4{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-3)}.tech-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tech-tag{font-size:var(--text-xs);font-weight:500;padding:var(--space-1) var(--space-3);background:var(--color-bg-alt);border-radius:var(--radius-full);color:var(--color-text-secondary);transition:background-color var(--transition-base)}.project-section.outcome{padding:var(--space-6);background:var(--color-bg-alt);border-radius:var(--radius-md);margin-top:var(--space-4);transition:background-color var(--transition-base)}.project-section.outcome p{margin:0;font-size:var(--text-base)}.concepts-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}@media(max-width:1024px){.concepts-layout{grid-template-columns:1fr;gap:var(--space-8)}}.concepts-info .section-label{display:inline-block;font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:var(--space-4)}.concepts-info h2{margin-bottom:var(--space-6)}.concepts-info p{margin-bottom:var(--space-4);line-height:1.7}.concepts-comparison{display:flex;flex-direction:column;gap:var(--space-4)}.comparison-card{padding:var(--space-6);background:var(--color-bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:background-color var(--transition-base),border-color var(--transition-base)}.comparison-card h4{font-size:var(--text-base);margin-bottom:var(--space-4)}.comparison-list{display:flex;flex-direction:column;gap:var(--space-2)}.comparison-list li{font-size:var(--text-sm);padding-left:var(--space-6);position:relative;color:var(--color-text-secondary)}.comparison-list.con li:before{content:"✗";position:absolute;left:0;color:var(--color-text-muted)}.comparison-list.pro li:before{content:"✓";position:absolute;left:0;color:var(--color-accent);font-weight:600}.final-cta{text-align:center}.final-cta .cta-content h2{color:var(--color-text)}.final-cta .cta-content p{color:var(--color-text-secondary)}
