:root{color:#f7f7ff;background:#040611;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#040611;min-width:320px;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.app{background:radial-gradient(circle at 15% 10%,#00d4ff29,#0000 30%),radial-gradient(circle at 90% 12%,#8b5cf62e,#0000 32%),#040611;min-height:100vh;overflow-x:hidden}.hero{background:#040611;min-height:100vh;padding:28px;position:relative;overflow:hidden}.heroImage{z-index:0;opacity:1;filter:brightness(1.65)contrast(1.12)saturate(1.08);width:min(1220px,80vw);max-width:none;position:absolute;bottom:-5vh;right:-6vw}.heroOverlay{z-index:1;background:linear-gradient(90deg,#040611 0%,#040611e6 24%,#04061140 60%,#040611b8 100%),linear-gradient(#0406111f,#040611 98%);position:absolute;inset:0}.nav{z-index:2;justify-content:space-between;align-items:center;gap:20px;max-width:1320px;margin:0 auto;display:flex;position:relative}.navLogo{filter:drop-shadow(0 0 12px #00d4ff59)drop-shadow(0 0 32px #00d4ff2e);width:120px;height:auto;transition:transform .3s;display:block}.navLogo:hover{transform:scale(1.03)}.nav div{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#04061194;border:1px solid #00d4ff2e;border-radius:999px;align-items:center;gap:18px;padding:10px 16px;display:flex}.nav a{color:#dce8ff;text-transform:uppercase;letter-spacing:.14em;font-size:.82rem}.heroContent{z-index:2;flex-direction:column;justify-content:flex-end;max-width:1320px;min-height:calc(100vh - 110px);margin:0 auto;padding:80px 0;display:flex;position:relative}.eyebrow{color:#00d4ff;letter-spacing:.28em;text-transform:uppercase;text-shadow:0 0 18px #00d4ffa6;margin:0 0 20px}h1{color:#fff;letter-spacing:-.1em;text-transform:uppercase;text-shadow:0 0 24px #00d4ff52,0 0 72px #8b5cf647;flex-direction:column;margin:0;font-size:clamp(4rem,10vw,9rem);line-height:.78;display:flex}h1 span{color:#0000;-webkit-text-stroke:2px #ffffffd6;text-shadow:none}.heroContent h2{color:#8b5cf6;text-transform:uppercase;letter-spacing:.18em;margin:34px 0 0;font-size:clamp(1.35rem,2.6vw,2.4rem)}.heroContent h3{color:#dce8ff;max-width:720px;margin:16px 0 0;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:400}.heroActions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.heroActions a,.emailLink{color:#f7f7ff;text-transform:uppercase;letter-spacing:.12em;background:linear-gradient(135deg,#00d4ff3d,#8b5cf62e);border:1px solid #00d4ffb3;border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:12px 18px;font-size:.82rem;display:inline-flex;box-shadow:0 0 24px #00d4ff2e}.intro{max-width:1320px;margin:0 auto;padding:68px 28px 10px}.intro p{color:#dce8ff;max-width:900px;margin:0;font-size:clamp(1rem,1.4vw,1.18rem)}.section,.about{max-width:1320px;margin:0 auto;padding:90px 28px}.sectionHeader{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:42px;display:flex}.sectionHeader p{color:#00d4ff;text-transform:uppercase;letter-spacing:.24em;margin:0}.sectionHeader h2,.about h2{color:#fff;text-transform:uppercase;letter-spacing:-.07em;margin:0;font-size:clamp(2.4rem,5vw,4.4rem);line-height:.9}.projects{gap:46px;display:grid}.project{background:#070b1d;border:1px solid #00d4ff33;border-radius:22px;display:grid;overflow:hidden;box-shadow:0 34px 120px #0000006b,0 0 40px #00d4ff14}.projectImage{background:radial-gradient(circle at 70% 18%,#00d4ff29,#0000 28%),linear-gradient(135deg,#050713,#10162e);height:clamp(320px,42vw,540px);position:relative;overflow:hidden}.projectImage img{object-fit:cover;width:100%;height:100%}.projectHero .projectImage img{object-fit:contain;object-position:center bottom;background:radial-gradient(circle at 50% 70%,#ffffff24,#0000 34%),linear-gradient(135deg,#02030a,#14182a);padding:24px 8% 0}.projectImage:after{content:"";pointer-events:none;background:linear-gradient(#0000 58%,#040611b8),linear-gradient(135deg,#00d4ff1a,#0000 48%);position:absolute;inset:0}.projectText{background:linear-gradient(135deg,#040611f5,#040611c7),#ffffff0a;grid-template-columns:minmax(0,.9fr) minmax(280px,.6fr);align-items:end;gap:32px;padding:38px;display:grid;position:relative}.projectText:before{content:"";background:#00d4ff;width:80px;height:1px;position:absolute;top:28px;right:28px;box-shadow:0 0 18px #00d4ff}.projectText p:first-child,.projectText h3,.projectText h4{grid-column:1}.projectText span,.projectText small,.projectText p:last-of-type{grid-column:2}.projectText p:first-child{color:#00d4ff;text-transform:uppercase;letter-spacing:.22em;margin:0 0 14px}.projectText h3{color:#fff;text-transform:uppercase;letter-spacing:-.08em;margin:0;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.82}.projectText h4{color:#8b5cf6;text-transform:uppercase;letter-spacing:.16em;margin:18px 0 0;font-size:1rem}.projectText span{color:#00d4ff;text-transform:uppercase;letter-spacing:.14em;margin-top:18px}.projectText small{color:#cbd7ff;margin-top:10px}.projectText p:last-of-type{color:#cbd7ff;max-width:540px;margin:18px 0 0}.gallery{background:#00d4ff24;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.gallery img{object-fit:cover;background:#03040b;width:100%;height:280px}.about{background:linear-gradient(135deg,#00d4ff14,#8b5cf614),#ffffff0a;border:1px solid #00d4ff2e;border-radius:22px;margin-bottom:86px;box-shadow:0 24px 90px #0000004d}.about>p:not(.eyebrow){color:#cbd7ff;max-width:900px;margin-top:20px;font-size:1.12rem}.skills{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.skills span{color:#dce8ff;text-transform:uppercase;letter-spacing:.12em;background:#ffffff0d;border:1px solid #00d4ff2e;border-radius:999px;padding:10px 14px;font-size:.78rem}.emailLink{margin-top:34px}@media (width<=1000px){.heroImage{opacity:.48;width:1100px;right:-24vw}.projectText{grid-template-columns:1fr}.projectText p:first-child,.projectText h3,.projectText h4,.projectText span,.projectText small,.projectText p:last-of-type{grid-column:1}.gallery{grid-template-columns:1fr}.gallery img{height:360px}}@media (width<=720px){.hero{padding:22px}.heroImage{opacity:.35;width:980px;bottom:-2vh;right:-78vw}.nav{align-items:flex-start}.navLogo{width:96px}.nav div{border-radius:24px;flex-wrap:wrap;justify-content:flex-end}.nav a{font-size:.74rem}h1{font-size:clamp(4.2rem,20vw,8rem)}h1 span{-webkit-text-stroke:1.2px #ffffffd6}.intro,.section,.about{padding-left:22px;padding-right:22px}.sectionHeader{flex-direction:column;align-items:flex-start}.projectImage{height:290px}.projectHero .projectImage img{padding:14px 4% 0}.projectText{padding:28px}.gallery img{height:260px}}