* { margin: 0;
    padding: 0;
    box-sizing: border-box; 
}
body { 
    background: #000;
    color: #fff; 
    font-family: 'Inter', sans-serif;
    overflow-x: hidden; 
}
canvas { 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    z-index: 1; 
}
.content { 
    position: relative; 
    z-index: 2; 
    padding: 5vw; 
}
section { 
    min-height: 100vh; 
    display: flex; 
    flex-direction: column; 
    justify-content: center; 
}
h1 { 
    font-size: clamp(4rem, 12vw, 15rem); 
    font-weight: 900; 
}
p { 
    font-size: 1.2rem; 
    max-width: 60ch; 
}
.projects { 
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 
    gap: 2rem; 
}
.project-card { 
    background: #111; 
    padding: 1rem; 
    border-radius: 8px; 
}
footer { text-align: center; padding: 2rem; }
.video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}