:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--text-primary: #f5f5f5;--text-secondary: #a0a0a0;--accent: #c9a227;--accent-hover: #e0b830;--font-heading: "Arial Black", "Helvetica Neue", sans-serif;--font-body: "Helvetica Neue", Arial, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6}main{overflow-x:hidden}section{min-height:100vh;padding:6rem 2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:1200px;margin:0 auto}h2{font-family:var(--font-heading);font-size:3rem;margin-bottom:2rem;color:var(--accent);text-transform:uppercase;letter-spacing:.1em}p{font-size:1.2rem;color:var(--text-secondary);max-width:700px;text-align:center}.reveal{opacity:0;transform:translateY(50px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:translateY(0)}.hero{position:relative;background:var(--bg-primary)}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,rgba(201,162,39,.15) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(201,162,39,.05) 0%,transparent 30%),radial-gradient(circle at 80% 20%,rgba(201,162,39,.05) 0%,transparent 30%);z-index:0}.hero-content{position:relative;z-index:1;text-align:center}.hero-title{font-family:var(--font-heading);font-size:clamp(3rem,12vw,8rem);color:var(--text-primary);letter-spacing:.2em;margin-bottom:1rem;text-shadow:0 0 60px rgba(201,162,39,.3)}.hero-tagline{font-size:clamp(1rem,3vw,1.5rem);color:var(--accent);letter-spacing:.3em;text-transform:uppercase}.about{background:var(--bg-secondary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;width:100%;max-width:1000px}.project-card{background:var(--bg-primary);border:1px solid rgba(201,162,39,.2);padding:2.5rem;text-decoration:none;transition:all .4s ease;position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.project-card:hover{border-color:var(--accent);transform:translateY(-8px);box-shadow:0 20px 40px #0006}.project-card:hover:before{transform:scaleX(1)}.project-card h3{font-family:var(--font-heading);font-size:1.5rem;color:var(--text-primary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.1em}.project-card p{font-size:1rem;text-align:left}.philosophy{background:var(--bg-secondary)}.contact{background:var(--bg-primary)}.contact-email{font-family:var(--font-heading);font-size:clamp(1.5rem,4vw,2.5rem);color:var(--accent);text-decoration:none;letter-spacing:.1em;transition:color .3s ease}.contact-email:hover{color:var(--accent-hover);text-shadow:0 0 30px rgba(201,162,39,.5)}footer{padding:2rem;text-align:center;background:var(--bg-secondary);border-top:1px solid rgba(255,255,255,.05)}footer p{font-size:.9rem;color:var(--text-secondary)}@media (max-width: 768px){section{padding:4rem 1.5rem}h2{font-size:2rem}.project-card{padding:2rem}}