@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Syne:wght@400;500;700&family=DM+Mono:wght@300;400&display=swap";*{box-sizing:border-box}body,html,#root{color:#e0e0e0;background-color:#030308;width:100vw;height:100vh;margin:0;padding:0;font-family:Syne,sans-serif;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ff8c0080;border-radius:10px}h1,h2,h3,h4,h5,h6{margin:0;font-family:Cormorant Garamond,serif}#canvas-container{z-index:1;width:100vw;height:100vh;position:absolute;top:0;left:0}.overlay-container{pointer-events:none;width:100%;padding:10vh 5vw}.section{pointer-events:auto;flex-direction:column;justify-content:center;min-height:100vh;display:flex}.hero-section{align-items:flex-start;max-width:800px}.hero-tag{letter-spacing:.15em;text-transform:uppercase;color:#ff8c00;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2a2a2a80;border:1px solid #ff8c004d;border-radius:100px;align-items:center;gap:.6rem;margin-bottom:2rem;padding:.4rem 1.2rem;font-size:.7rem;display:inline-flex}.hero-name{margin:0 0 1.5rem;font-size:clamp(3rem,5vw,5.5rem);font-weight:300;line-height:1.02}.hero-name em{color:#ff8c00;font-style:italic}.hero-summary{color:#bbb;max-width:500px;margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.btn-group{gap:1.5rem;display:flex}.btn{letter-spacing:.1em;text-transform:uppercase;cursor:pointer;pointer-events:auto;border-radius:100px;justify-content:center;align-items:center;padding:1rem 2rem;font-size:.85rem;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{color:#111;background:#ff8c00;border:1px solid #ff8c00;font-weight:600}.btn-primary:hover{color:#ff8c00;background:0 0;box-shadow:0 0 20px #ff8c0066}.btn-outline{color:#e0e0e0;background:0 0;border:1px solid #444}.btn-outline:hover{color:#ff8c00;border-color:#ff8c00}.section-title{margin-bottom:3rem;font-size:clamp(2.5rem,4vw,4rem);font-weight:300}.section-title em{color:#ff8c00;font-style:italic}.glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#19191e66;border:1px solid #ffffff0d;border-radius:16px;padding:2rem;transition:transform .3s,border-color .3s;position:relative;overflow:hidden}.glass-card:hover{border-color:#ff8c0066;transform:translateY(-5px);box-shadow:0 10px 30px -10px #ff8c0033}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%;display:grid}.tag{color:#bbb;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;margin-bottom:.5rem;margin-right:.5rem;padding:.3rem .8rem;font-family:DM Mono,monospace;font-size:.75rem;display:inline-block}.tag-gold{color:#ff8c00;background:#ff8c000d;border-color:#ff8c004d}.project-name{margin-bottom:1rem;font-size:1.5rem}.project-desc{color:#aaa;margin-bottom:1.5rem;font-size:.9rem;line-height:1.6}.project-arrow{color:#ff8c00;align-items:center;gap:.5rem;font-family:DM Mono,monospace;font-size:.85rem;font-weight:500;text-decoration:none;transition:gap .3s;display:inline-flex}.project-arrow:hover{gap:.8rem}.nav{z-index:100;pointer-events:none;justify-content:space-between;align-items:center;width:100%;padding:3rem 5vw 2rem;display:flex;position:fixed;top:0;left:0}.nav-logo{color:#ff8c00;pointer-events:auto;font-family:Cormorant Garamond,serif;font-size:1.5rem;font-style:italic}.nav a{pointer-events:auto;transition:color .3s}.nav a:hover{color:#ff8c00!important}@media (width<=768px){.hero-name{font-size:clamp(3rem,12vw,4rem)}.nav{flex-direction:column;gap:1rem;padding:2rem 5vw}.nav>div{gap:1.5rem!important}}