@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;700;900&display=swap";:root{--bg: #080808;--fg: #f0f0f0;--accent: #ff2d00;--accent2: #c8ff00;--muted: #333}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--bg);color:var(--fg);font-family:Space Grotesk,Courier New,monospace;overflow-x:hidden;cursor:none}#cursor{position:fixed;width:12px;height:12px;background:var(--accent);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .15s,height .15s,background .15s;mix-blend-mode:difference}#cursor.hover{width:40px;height:40px;background:var(--accent2)}#hero-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}#pigeon-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}#app{position:relative;z-index:2}section{min-height:100vh;padding:80px 40px}#hero{display:flex;flex-direction:column;justify-content:flex-end;min-height:100vh;padding:40px;pointer-events:none;background:transparent}.hero-title{font-size:clamp(4rem,14vw,16rem);font-weight:900;line-height:.85;text-transform:uppercase;letter-spacing:-.04em;mix-blend-mode:difference}.hero-title .line-accent{color:var(--accent);display:block;transform:translate(8vw)}.hero-sub{font-size:clamp(.8rem,1.5vw,1.1rem);text-transform:uppercase;letter-spacing:.3em;color:var(--muted);margin-top:24px}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:20px 40px;mix-blend-mode:difference}nav .logo{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--fg);text-decoration:none}nav ul{list-style:none;display:flex;gap:40px}nav ul a{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--fg);text-decoration:none;transition:color .2s}nav ul a:hover{color:var(--accent)}#portfolio{background:var(--bg);padding:60px 40px 120px;isolation:isolate}.section-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.4em;color:var(--muted);margin-bottom:60px;display:flex;align-items:center;gap:16px}.section-label:after{content:"";flex:1;height:1px;background:var(--muted)}.portfolio-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.project-card{background:#111;border:1px solid #1a1a1a;overflow:hidden;cursor:none;transition:border-color .2s;position:relative}.project-card:hover{border-color:var(--accent)}.project-card:nth-child(1){grid-column:span 7;grid-row:span 2}.project-card:nth-child(2){grid-column:span 5}.project-card:nth-child(3){grid-column:span 5}.project-card:nth-child(4){grid-column:span 12}.project-canvas{width:100%;aspect-ratio:16/10;display:block;background:#0d0d0d}.project-info{padding:16px 20px;border-top:1px solid #1a1a1a}.project-name{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.project-type{font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:.15em;margin-top:4px}#contact{background:#0d0d0d;display:flex;flex-direction:column;justify-content:center;border-top:1px solid #1a1a1a}.contact-headline{font-size:clamp(3rem,8vw,9rem);font-weight:900;text-transform:uppercase;line-height:.9;letter-spacing:-.03em;margin-bottom:80px}.contact-headline em{font-style:normal;color:var(--accent);display:block}.contact-form{max-width:640px;display:flex;flex-direction:column;gap:0}.form-field{border-bottom:1px solid #2a2a2a;padding:20px 0;transition:border-color .2s}.form-field:focus-within{border-color:var(--accent)}.form-field label{display:block;font-size:.6rem;text-transform:uppercase;letter-spacing:.3em;color:var(--muted);margin-bottom:8px}.form-field input,.form-field textarea,.form-field select{width:100%;background:transparent;border:none;outline:none;color:var(--fg);font-family:inherit;font-size:1rem;resize:none}.form-field select option{background:#111}.submit-btn{margin-top:40px;background:var(--accent);color:#fff;border:none;padding:18px 48px;font-family:inherit;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;cursor:none;align-self:flex-start;transition:background .2s,transform .1s}.submit-btn:hover{background:var(--accent2);color:#000}.submit-btn:active{transform:scale(.97)}footer{padding:40px;border-top:1px solid #1a1a1a;display:flex;justify-content:space-between;align-items:center;font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--muted)}@keyframes glitch{0%,to{text-shadow:none;transform:none}20%{text-shadow:-2px 0 var(--accent);transform:translate(2px)}40%{text-shadow:2px 0 var(--accent2);transform:translate(-2px)}60%{text-shadow:none;transform:none}}.glitch{animation:glitch 4s infinite}.lang-toggle{display:flex;align-items:center;gap:4px}.lang-btn{background:none;border:none;color:var(--fg);font-family:inherit;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;cursor:none;opacity:.3;transition:opacity .2s;padding:0}.lang-btn.active{opacity:1;color:var(--accent)}.lang-btn:hover{opacity:.8}.lang-sep{font-size:.6rem;opacity:.3;color:var(--fg)}@media (max-width: 768px){body{cursor:auto}#cursor{display:none}section{padding:60px 20px}nav{padding:16px 20px}nav ul{gap:20px}#hero{min-height:80vh;justify-content:flex-end;padding-top:0;padding-bottom:24px}#portfolio{padding-top:32px}.portfolio-grid{grid-template-columns:1fr}.project-card:nth-child(n){grid-column:span 1;grid-row:span 1}.contact-form{max-width:100%}}