*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-deep: #070706;--bg-primary: #0a0a09;--bg-elevated: #111110;--bg-surface: #191917;--glass-bg: rgba(14, 14, 12, .6);--glass-border: rgba(200, 255, 45, .1);--glass-hover: rgba(200, 255, 45, .28);--glass-blur: 22px;--text-primary: #f3efe4;--text-secondary: rgba(243, 239, 228, .62);--text-muted: rgba(243, 239, 228, .36);--accent: #c8ff2d;--accent-light: #e0ff7a;--accent-glow: rgba(200, 255, 45, .35);--accent-dim: rgba(200, 255, 45, .08);--cyan: #ff5a1f;--cyan-glow: rgba(255, 90, 31, .32);--pink: #ff8a5c;--pink-glow: rgba(255, 138, 92, .3);--amber: #ffb347;--gradient-hero: linear-gradient(135deg, var(--accent) 0%, var(--cyan) 100%);--gradient-text: linear-gradient(115deg, var(--accent-light) 0%, var(--accent) 45%, var(--cyan) 100%);--gradient-card: linear-gradient(145deg, rgba(200, 255, 45, .06), rgba(255, 90, 31, .03));--border-subtle: rgba(200, 255, 45, .08);--border-visible: rgba(200, 255, 45, .2);--section-padding: clamp(60px, 8vh, 100px);--container-max: 1200px;--container-padding: clamp(24px, 5vw, 80px);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Space Grotesk", "Inter", sans-serif;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--transition-fast: .2s var(--ease-out-expo);--transition-medium: .4s var(--ease-out-expo);--transition-slow: .7s var(--ease-out-expo)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}body{font-family:var(--font-sans);font-weight:400;font-size:16px;line-height:1.7;color:var(--text-primary);background:var(--bg-deep);overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c8ff2d52;border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::selection{background:var(--accent);color:#0a0a09}.section{position:relative;padding:var(--section-padding) 0}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.15;color:var(--text-primary)}.text-gradient{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-label{display:inline-flex;align-items:center;gap:14px;font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-light);margin-bottom:24px}.section-label:before{content:"";display:block;width:40px;height:1px;background:linear-gradient(90deg,var(--accent),transparent)}.section-title{font-size:clamp(2.2rem,5.5vw,3.6rem);margin-bottom:20px;letter-spacing:-.02em}.section-subtitle{font-size:1.05rem;color:var(--text-secondary);max-width:560px;line-height:1.8}.section-number{position:absolute;top:clamp(40px,8vh,100px);right:var(--container-padding);font-family:var(--font-display);font-size:clamp(6rem,15vw,12rem);font-weight:700;color:#c8ff2d08;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:20px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.glass:hover{border-color:var(--glass-hover);box-shadow:0 8px 40px #c8ff2d0f}.section-divider{width:100%;height:6px;background-image:radial-gradient(circle,var(--accent) 1.1px,transparent 1.4px);background-size:14px 6px;background-repeat:repeat-x;background-position:center;opacity:.35;margin:0 auto;max-width:600px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 36px;border-radius:14px;font-family:var(--font-sans);font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);border:none;position:relative;overflow:hidden;letter-spacing:.02em}.btn-primary{background:var(--accent);color:#0a0a09;font-weight:700;box-shadow:0 4px 24px var(--accent-glow)}.btn-primary:hover{background:var(--accent-light);box-shadow:0 8px 44px var(--accent-glow),0 0 0 1px #c8ff2d80;transform:translateY(-2px)}.btn-outline{background:#c8ff2d0d;color:var(--accent);border:1px solid var(--border-visible)}.btn-outline:hover{background:var(--accent-dim);border-color:var(--accent);box-shadow:0 0 24px #c8ff2d24;transform:translateY(-2px)}.tag{display:inline-block;padding:5px 14px;border-radius:100px;font-size:11px;font-weight:600;letter-spacing:.03em;color:var(--accent-light);background:var(--accent-dim);border:1px solid var(--border-subtle);transition:all var(--transition-fast)}.tag:hover{background:#c8ff2d26;border-color:#c8ff2d52;box-shadow:0 0 16px #c8ff2d26}a{color:inherit;text-decoration:none}.link-glow{color:var(--accent-light);transition:all var(--transition-fast);position:relative}.link-glow:hover{color:var(--cyan);text-shadow:0 0 16px var(--cyan-glow)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 15px var(--accent-glow)}50%{box-shadow:0 0 35px var(--accent-glow),0 0 80px #c8ff2d1a}}@keyframes typing-cursor{0%,to{opacity:1}50%{opacity:0}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dash{to{stroke-dashoffset:0}}@keyframes dot-pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.6);opacity:1}}@keyframes grain-shift{0%{transform:translate(0)}10%{transform:translate(-4%,-4%)}20%{transform:translate(-8%,3%)}30%{transform:translate(5%,-6%)}40%{transform:translate(-3%,8%)}50%{transform:translate(-8%,4%)}60%{transform:translate(6%,2%)}70%{transform:translate(-2%,-7%)}80%{transform:translate(3%,6%)}90%{transform:translate(-5%,-2%)}to{transform:translate(0)}}.halftone{background-image:radial-gradient(circle,var(--accent) 1px,transparent 1.4px);background-size:10px 10px}.halftone-ember{background-image:radial-gradient(circle,var(--cyan) 1px,transparent 1.4px);background-size:10px 10px}.grain-overlay{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;width:200%;height:200%;pointer-events:none;z-index:50;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain-shift 8s steps(10) infinite}@media(max-width:768px){:root{--section-padding: clamp(40px, 6vh, 70px);--container-padding: 20px}.section-number{font-size:5rem;opacity:.5}.project-card-grid{grid-template-columns:1fr!important}.project-card-grid>div:first-child{padding:20px!important;border-right:none!important;border-bottom:1px solid rgba(200,255,45,.08);flex-direction:row!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.grain-overlay{animation:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}