.hero-section{background-color:var(--bg-primary);justify-content:center;align-items:center;padding:120px 80px 140px;transition:background-color .3s;display:flex}.hero-content{flex-direction:column;align-items:center;gap:24px;width:100%;display:flex}.hero-name{letter-spacing:-2px;color:var(--text-primary);text-align:center;font-family:Roboto Slab,Roboto Serif,serif;font-size:72px;font-weight:400;transition:color .3s}.hero-role{align-items:center;gap:16px;display:flex}.role-text{color:var(--text-secondary);font-family:Roboto Slab,Roboto Serif,serif;font-size:24px;font-weight:500;transition:color .3s}.role-dot{background-color:var(--accent-primary);border-radius:50%;width:8px;height:8px}.working-badge{background-color:var(--working-badge-bg);border:1px solid var(--working-badge-border);border-radius:4px;align-items:center;gap:12px;padding:10px 20px;transition:background-color .3s,border-color .3s;display:flex}.status-dot{background-color:var(--accent-success);border-radius:50%;width:8px;height:8px}.working-text{letter-spacing:.8px;text-transform:uppercase;color:var(--text-muted);font-family:Inter,sans-serif;font-size:12px;transition:color .3s}.company-text{letter-spacing:.5px;color:var(--accent-primary);font-family:Roboto Slab,Roboto Serif,serif;font-size:12px;font-weight:600}.hero-actions{align-items:center;gap:24px;margin-top:8px;display:flex}.hero-social-links{align-items:center;gap:20px;display:flex}.hero-social-link{color:var(--text-muted);justify-content:center;align-items:center;transition:color .2s;display:flex}.hero-social-link:hover{color:var(--text-primary)}.hero-cta-btn{background:var(--accent-primary);cursor:pointer;border:none;border-radius:4px;align-items:center;gap:8px;padding:12px 24px;transition:background-color .2s,transform .2s;display:flex}.hero-cta-btn span{letter-spacing:.6px;color:#fff;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.hero-cta-btn svg{color:#fff}.hero-cta-btn:hover{background:var(--accent-primary-hover);transform:translateY(-1px)}.featured-projects-section{background-color:var(--bg-secondary);flex-direction:column;gap:48px;padding:80px;transition:background-color .3s;display:flex}.featured-projects-header{justify-content:space-between;align-items:center;width:100%;display:flex}.featured-projects-title{letter-spacing:-1px;color:var(--text-primary);font-family:Roboto Slab,Roboto Serif,serif;font-size:38px;font-weight:400;transition:color .3s}.view-all-btn{border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:8px;padding:10px 16px;transition:all .3s;display:flex}.view-all-btn span{letter-spacing:.5px;text-transform:uppercase;color:var(--text-primary);font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:color .3s}.view-all-btn svg{color:var(--text-muted);transition:color .3s}.view-all-btn:hover{background-color:var(--bg-accent);border-color:var(--border-subtle)}.featured-projects-controls{align-items:center;gap:12px;display:flex}.featured-carousel-nav{align-items:center;gap:6px;display:flex}.carousel-nav-btn{border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;transition:all .2s;display:flex}.carousel-nav-btn:hover{background-color:var(--bg-accent);border-color:var(--border-subtle);color:var(--text-primary)}.featured-carousel-viewport{width:100%;overflow:hidden}.featured-carousel-track{will-change:transform;gap:24px;display:flex}.featured-project-card{flex:0 0 var(--carousel-card-width,calc((100% - 48px) / 3));border:1px solid var(--border-subtle);box-shadow:var(--card-shadow);cursor:pointer;background-color:#0000;border-radius:6px;flex-direction:column;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;overflow:hidden}.featured-project-card:hover{border-color:var(--border-color);box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.featured-project-image{background:linear-gradient(135deg, var(--bg-accent) 0%, color-mix(in srgb, var(--gradient-color) 20%, transparent) 100%);justify-content:center;align-items:center;width:100%;height:200px;display:flex;overflow:hidden}.featured-project-cover-image{object-fit:cover;object-position:center;width:100%;height:100%}.featured-project-icon{justify-content:center;align-items:center;display:flex}.featured-project-content{background:linear-gradient(to bottom right, var(--bg-card) 40%, color-mix(in srgb, var(--gradient-color) 25%, var(--bg-card)) 100%);flex-direction:column;flex:1;gap:8px;padding:20px;transition:background .3s;display:flex}.featured-project-title{color:var(--text-primary);font-family:Inter,sans-serif;font-size:16px;font-weight:600;transition:color .3s}.featured-project-description{color:var(--text-subtle);font-family:Inter,sans-serif;font-size:13px;line-height:1.5;transition:color .3s}.featured-project-tags{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.featured-project-tag{letter-spacing:.8px;text-transform:uppercase;background-color:var(--bg-accent);color:var(--text-muted);border-radius:3px;padding:4px 8px;font-family:Inter,sans-serif;font-size:10px;font-weight:500;transition:background-color .3s,color .3s}.featured-project-tag--primary{background-color:color-mix(in srgb, var(--tag-color) 10%, transparent);color:var(--tag-color)}@media (max-width:1024px){.featured-projects-section{padding:60px 40px}}@media (max-width:768px){.hero-section{padding:60px 32px 80px}.hero-name{letter-spacing:-1px;font-size:40px}.role-text{font-size:18px}.role-dot{width:6px;height:6px}.working-badge{flex-wrap:wrap;justify-content:center;gap:10px;padding:10px 18px}.working-text,.company-text{font-size:12px}.hero-actions{flex-direction:column;gap:16px}.featured-projects-section{gap:32px;padding:40px 32px}.featured-projects-header{flex-direction:column;align-items:flex-start;gap:16px}.featured-projects-controls{justify-content:space-between;width:100%}.featured-projects-title{font-size:28px}.featured-project-image{height:160px}}@media (max-width:480px){.hero-section{gap:20px;padding:48px 24px 64px}.hero-name{letter-spacing:-.5px;font-size:32px}.hero-role{flex-wrap:wrap;justify-content:center;gap:12px}.role-text{font-size:16px}.working-badge{gap:8px;padding:10px 16px}.working-text,.company-text{font-size:12px}.hero-cta-btn{padding:10px 20px}.featured-projects-section{gap:24px;padding:32px 24px}.featured-projects-title{font-size:24px}.featured-project-image{height:140px}.featured-project-content{padding:16px}}.latest-articles-section{background-color:var(--bg-secondary);border-top:1px solid var(--border-subtle);flex-direction:column;gap:48px;padding:80px;transition:background-color .3s,border-color .3s;display:flex}.latest-articles-header{justify-content:space-between;align-items:center;width:100%;display:flex}.latest-articles-title{letter-spacing:-1px;color:var(--text-primary);font-family:Roboto Slab,Roboto Serif,serif;font-size:38px;font-weight:400;transition:color .3s}.latest-articles-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.latest-article-card{border:1px solid var(--border-subtle);box-shadow:var(--card-shadow);cursor:pointer;background-color:#0000;border-radius:6px;flex-direction:column;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:visible}.latest-article-card:hover{border-color:var(--border-color);box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.latest-article-card--new{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary), var(--card-shadow)}.latest-article-card--new:hover{border-color:var(--accent-primary-hover);box-shadow:0 0 0 1px var(--accent-primary-hover), var(--card-shadow-hover)}.latest-article-new-badge{z-index:1;letter-spacing:1px;text-transform:uppercase;color:#fff;background-color:var(--accent-primary);border-radius:3px;padding:3px 10px;font-family:Inter,sans-serif;font-size:10px;font-weight:600;position:absolute;top:-12px;left:16px}.latest-article-image{background:linear-gradient(135deg, var(--bg-accent) 0%, color-mix(in srgb, var(--gradient-color) 20%, transparent) 100%);border-radius:6px 6px 0 0;justify-content:center;align-items:center;width:100%;height:160px;display:flex;overflow:hidden}.latest-article-cover-image{object-fit:cover;object-position:center;width:100%;height:100%}.latest-article-icon{color:var(--text-muted);justify-content:center;align-items:center;display:flex}.latest-article-content{background:linear-gradient(to bottom right, var(--bg-card) 40%, color-mix(in srgb, var(--gradient-color) 20%, var(--bg-card)) 100%);border-radius:0 0 6px 6px;flex-direction:column;flex:1;gap:8px;padding:20px;transition:background .3s;display:flex}.latest-article-meta{align-items:center;gap:6px;display:flex}.latest-article-category{letter-spacing:.8px;text-transform:uppercase;color:var(--accent-primary);font-family:Inter,sans-serif;font-size:10px;font-weight:600}.latest-article-dot{color:var(--text-muted);font-size:10px}.latest-article-date{color:var(--text-muted);font-family:Inter,sans-serif;font-size:11px;transition:color .3s}.latest-article-title{color:var(--text-primary);font-family:Inter,sans-serif;font-size:15px;font-weight:600;line-height:1.4;transition:color .3s}.latest-article-excerpt{color:var(--text-subtle);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:Inter,sans-serif;font-size:13px;line-height:1.5;transition:color .3s;display:-webkit-box;overflow:hidden}@media (max-width:1024px){.latest-articles-section{padding:60px 40px}}@media (max-width:768px){.latest-articles-section{gap:32px;padding:40px 32px}.latest-articles-header{flex-direction:row;justify-content:space-between;align-items:center}.latest-articles-title{font-size:28px}.latest-articles-grid{grid-template-columns:1fr}.latest-article-image{height:140px}}@media (max-width:480px){.latest-articles-section{gap:24px;padding:32px 24px}.latest-articles-title{font-size:24px}.latest-article-content{padding:16px}}