.hero{border-bottom:2px solid var(--border);background:var(--background);grid-template-columns:1fr 1fr;min-height:90vh;display:grid}.hero-left{border-right:2px solid var(--border);background:var(--background);flex-direction:column;justify-content:center;padding:4rem;display:flex}.hero-headline{font-family:var(--font-sans);letter-spacing:-.03em;color:var(--primary);margin-bottom:2rem;font-size:clamp(3rem,8vw,7rem);font-weight:900;line-height:.95}.hero-headline em{font-style:italic;font-weight:400}.hero-subhead{max-width:400px;color:var(--secondary);margin-bottom:3rem;font-size:1.1rem}.hero-cta{background:var(--primary);color:var(--primary-foreground);text-transform:uppercase;letter-spacing:.15em;align-items:center;gap:1rem;padding:1rem 2rem;font-size:.75rem;text-decoration:none;transition:all .3s;display:inline-flex}.hero-cta:hover{background:var(--secondary);transform:translate(10px)}.hero-cta svg{width:20px;height:20px;transition:transform .3s}.hero-cta:hover svg{transform:translate(5px)}.hero-right{background:var(--card);color:var(--card-foreground);flex-direction:column;justify-content:center;padding:4rem;display:flex}.hero-stats{gap:3rem;display:grid}.stat-item{border-bottom:1px solid var(--border);padding-bottom:2rem}.stat-number{font-family:var(--font-sans);color:var(--accent-2);font-size:4rem;font-weight:900;line-height:1}.stat-label{text-transform:uppercase;letter-spacing:.15em;opacity:.7;margin-top:.5rem;font-size:.75rem}.location-badge{text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--border);color:var(--accent);background:var(--popover);align-items:center;gap:.5rem;margin-top:3rem;padding:.5rem 1rem;font-size:.7rem;display:inline-flex}@media (max-width:1024px){.hero{grid-template-columns:1fr}.hero-left{border-right:none;border-bottom:var(--border)}}@media (max-width:600px){.hero-left,.hero-right{padding:2rem}.hero-headline{font-size:2.5rem}.hero-subhead{font-size:1rem}.stat-number{font-size:3rem}}
.projects-grid{background:var(--background);grid-template-columns:repeat(2,1fr);display:grid}.project-card{border-right:2px solid var(--border);border-bottom:2px solid var(--border);background:var(--card);flex-direction:column;padding:0;transition:background .3s;display:flex}.project-card:nth-child(2n){border-right:none}.project-card:hover{background:var(--popover)}.project-media{aspect-ratio:16/9;background:var(--popover);border-bottom:2px solid var(--border);justify-content:center;align-items:center;height:clamp(240px,32vw,360px);display:flex;overflow:hidden}.project-media-asset{object-fit:contain;width:100%;height:100%;display:block}.project-placeholder{font-family:var(--font-sans);color:var(--accent-2);text-transform:uppercase;font-size:3rem;font-weight:900}.project-content{flex-direction:column;flex:1;padding:2rem;display:flex}.project-number{color:var(--muted-foreground);margin-bottom:.5rem;font-size:.65rem;transition:color .3s}.project-card:hover .project-number{color:var(--accent)}.project-name{font-family:var(--font-sans);margin-bottom:1rem;font-size:1.8rem;font-weight:700;line-height:1.2;transition:color .3s}.project-card:hover .project-name{color:var(--accent)}.project-desc{color:var(--muted-foreground);flex:1;margin-bottom:1rem;font-size:.85rem;line-height:1.6}.project-desc.placeholder{opacity:.5;font-style:italic}.project-tech{flex-wrap:wrap;gap:.35rem;margin-bottom:1rem;display:flex}.project-tech span{border:1px solid var(--border);color:var(--secondary);text-transform:uppercase;letter-spacing:.08em;background:0 0;padding:.25rem .5rem;font-size:.55rem}.project-meta{text-transform:uppercase;letter-spacing:.1em;gap:1.5rem;font-size:.7rem;display:flex}.project-meta a{color:var(--foreground);align-items:center;gap:.5rem;text-decoration:none;display:flex}.project-meta a svg{color:inherit;opacity:.8}.project-meta a:hover{color:var(--accent)}@media (max-width:1024px){.projects-grid{grid-template-columns:1fr}.project-card{border-right:none}.project-media{height:clamp(220px,36vw,320px)}.project-placeholder{font-size:2.5rem}}@media (max-width:600px){.project-content{padding:2rem}.project-name{font-size:1.5rem}.project-media{height:220px}}
.section-header{border-bottom:2px solid var(--border);background:var(--card);grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;padding:2rem;scroll-margin-top:70px;display:grid}.section-number{font-family:var(--font-sans);color:var(--secondary);font-size:1rem;font-weight:400}.section-title{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.2em;color:var(--primary);font-size:.9rem}.section-line{background:var(--accent);height:1px}
.skills-section{border-bottom:2px solid var(--border);background:var(--background);grid-template-columns:1fr 2fr;display:grid}.skills-sidebar{border-right:2px solid var(--border);background:var(--card);padding:4rem}.skills-sidebar h3{font-family:var(--font-sans);margin-bottom:1.5rem;font-size:2.5rem;font-weight:900;line-height:1.1}.skills-sidebar p{color:var(--muted-foreground);font-size:.9rem;line-height:1.8}.skills-grid{background:var(--popover);grid-template-columns:repeat(2,1fr);display:grid}.skill-category{border-bottom:1px solid var(--border);border-right:1px solid var(--border);background:var(--card);padding:2rem}.skill-category:nth-child(2n){border-right:none}.skill-category-title{text-transform:uppercase;letter-spacing:.2em;color:var(--accent);align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:.65rem;display:flex}.skill-list{flex-wrap:wrap;gap:.5rem;display:flex}.skill-tag{background:var(--secondary);color:var(--secondary-foreground);text-transform:uppercase;letter-spacing:.05em;padding:.4rem .8rem;font-size:.7rem}.skill-tag.accent{background:var(--accent-2);color:var(--accent-2-foreground)}@media (max-width:1024px){.skills-section{grid-template-columns:1fr}.skills-sidebar{border-right:none;border-bottom:2px solid var(--border)}}@media (max-width:600px){.skills-sidebar{padding:2rem}}
