*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #1B1C23;--bg-surface-1: #21222C;--bg-surface-2: #2C2E3A;--bg-surface-3: #44475A;--text-primary: #EAE7DC;--text-secondary:#A89B85;--text-muted: #7A6F5B;--accent-green: #6FAF6F;--accent-lavender:#A287C4;--accent-teal: #7DB4B5;--accent-amber: #D5A65A;--accent-lemon: #E3D58C;--font-mono: "JetBrains Mono", monospace;--font-display: "Syne", sans-serif;--nav-height: 88px;--nav-gap: 24px}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + var(--nav-gap))}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-mono);font-size:14px;line-height:1.6;overflow-x:hidden}nav{position:fixed;top:0;left:0;right:0;z-index:10002;display:flex;align-items:center;justify-content:space-between;padding:14px 28px 14px 12px;border-bottom:1px solid var(--bg-surface-3);background:var(--bg-primary)}.site-main{padding-top:calc(var(--nav-height) + var(--nav-gap))}.site-main--flush{padding-top:0}.nav-logo{display:flex;align-items:center;text-decoration:none;line-height:0;margin-left:-12px}.nav-logo-canvas{display:block;width:160px;height:auto;pointer-events:auto;transform:translate(-6px)}.nav-panel{display:flex;align-items:center;gap:32px}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;background:transparent;border:1px solid var(--bg-surface-3);cursor:pointer;flex-shrink:0}.nav-toggle-bar{display:block;width:100%;height:2px;background:var(--text-primary);transition:transform .2s ease,opacity .2s ease}body.nav-open .nav-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}body.nav-open .nav-toggle-bar:nth-child(2){opacity:0}body.nav-open .nav-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}body.nav-open{overflow:hidden}.nav-drawer{display:none}.nav-links{display:flex;gap:32px;list-style:none}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:12px;text-transform:uppercase;letter-spacing:.1em;transition:color .2s}.nav-links a:hover{color:var(--accent-green)}.nav-cta{background:transparent;border:1px solid var(--accent-green);color:var(--accent-green);font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.1em;padding:8px 16px;cursor:pointer;text-decoration:none;transition:background .2s,color .2s}.nav-cta:hover{background:var(--accent-green);color:var(--bg-primary)}.hero-stage{position:relative;overflow:hidden}.hero{min-height:100vh;display:flex;align-items:center;padding:calc(var(--nav-height) + 48px) 40px 80px;position:relative;border-bottom:none}#asciiCanvas{position:absolute;inset:0;z-index:0;font-family:var(--font-mono);font-size:11px;line-height:1.35;color:var(--accent-green);opacity:.18;padding:8px;white-space:pre;overflow:hidden;pointer-events:none;letter-spacing:.05em}.hero-video-bg{position:absolute;inset:0;z-index:0;overflow:hidden}.hero-video-bg iframe{position:absolute;top:50%;left:50%;width:100%;height:100%;min-width:100%;min-height:100%;transform:translate(-50%,-50%);border:0;pointer-events:none;opacity:.45;filter:grayscale(25%)}.hero-video-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,#1b1c23c7 35%,#1b1c2359),linear-gradient(to bottom,#1b1c2326,#1b1c238c)}.hero-left,.hero-stats{position:relative;z-index:2;max-width:720px}.hero-guitar{--guitar-x: -165px;--guitar-scale: 1.12;--parallax-y: 0px;--parallax-opacity: .9;position:absolute;inset:0 -6% 0 22%;z-index:0;pointer-events:none;transform:translate3d(var(--guitar-x),var(--parallax-y),0) scale(var(--guitar-scale));transform-origin:50% 50%;opacity:var(--parallax-opacity);will-change:transform,opacity}@media(min-width:1400px){.hero-guitar{--guitar-x: -220px;left:24%;right:-4%}}@media(min-width:1800px){.hero-guitar{--guitar-x: -280px;left:26%;right:-2%}}.hero-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--accent-green);margin-bottom:24px;display:flex;align-items:center;gap:12px}.hero-eyebrow:before{content:"";display:block;width:32px;height:1px;background:var(--accent-green)}.hero-headline{font-size:clamp(40px,5vw,72px);font-weight:800;font-family:var(--font-display);line-height:1;letter-spacing:-.03em;margin-bottom:24px;color:var(--text-primary);animation:crt-flicker 6s infinite}.hero-headline em{font-style:normal;color:var(--accent-green);text-shadow:0 0 10px rgba(111,175,111,.8),0 0 30px rgba(111,175,111,.4),0 0 60px rgba(111,175,111,.2)}@keyframes crt-flicker{0%,95%,to{opacity:1}96%{opacity:.85}97%{opacity:1}98%{opacity:.6}99%{opacity:1}}.hero-body{color:var(--text-secondary);font-size:14px;line-height:1.8;max-width:440px;margin-bottom:40px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.btn-primary{background:var(--accent-green);color:var(--bg-primary);border:1px solid var(--accent-green);font-family:var(--font-mono);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:14px 28px;cursor:pointer;text-decoration:none;transition:opacity .2s,box-shadow .2s;display:inline-block;box-shadow:0 0 12px #6faf6f66,inset 0 0 12px #6faf6f1a}.btn-primary:hover{opacity:.9;box-shadow:0 0 24px #6faf6fb3,inset 0 0 20px #6faf6f33}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--bg-surface-3);font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.1em;padding:14px 28px;cursor:pointer;text-decoration:none;transition:border-color .2s,color .2s;display:inline-block}.btn-ghost:hover{border-color:var(--text-secondary);color:var(--text-primary)}.hero-stats{display:flex;flex-direction:column;gap:2px;position:relative}.stat-card{background:var(--bg-surface-1);border:1px solid var(--bg-surface-3);padding:28px 32px;display:flex;justify-content:space-between;align-items:center;transition:border-color .2s,box-shadow .2s;position:relative}.stat-card:hover{border-color:var(--accent-green);box-shadow:0 0 16px #6faf6f26,inset 0 0 16px #6faf6f0d}.stat-card:first-child{border-left:3px solid #6FAF6F;box-shadow:-4px 0 12px #6faf6f40}.stat-card:nth-child(2){border-left:3px solid #7DB4B5;box-shadow:-4px 0 12px #7db4b533}.stat-card:nth-child(3){border-left:3px solid #A287C4;box-shadow:-4px 0 12px #a287c433}.stat-card:nth-child(4){border-left:3px solid #B84A4A;box-shadow:-4px 0 12px #b84a4a40}.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.stat-value{font-size:24px;font-weight:800;color:var(--text-primary)}section{padding:80px 40px;border-bottom:1px solid var(--bg-surface-3)}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:48px;padding-bottom:24px;border-bottom:1px solid var(--bg-surface-3)}.section-title{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--accent-green)}.section-headline{font-size:clamp(28px,3vw,40px);font-weight:800;font-family:var(--font-display);letter-spacing:-.02em;margin-top:8px}.section-link{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);text-decoration:none;transition:color .2s}.section-link:hover{color:var(--accent-green)}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px}.work-card{background:var(--bg-surface-1);border:1px solid var(--bg-surface-3);overflow:hidden;cursor:pointer;text-decoration:none;display:block;transition:border-color .2s;position:relative}.work-card:hover{border-color:var(--accent-green)}.work-card:hover .work-thumb-overlay{opacity:1}.work-card.featured{grid-column:span 2}.work-thumb{width:100%;aspect-ratio:16/9;background:var(--bg-surface-2);position:relative;overflow:hidden}.work-thumb-overlay{position:absolute;inset:0;background:#6faf6f14;opacity:0;transition:opacity .3s;display:flex;align-items:center;justify-content:center}.play-icon{width:48px;height:48px;border:2px solid var(--accent-green);display:flex;align-items:center;justify-content:center}.play-icon:after{content:"▶";color:var(--accent-green);font-size:16px;margin-left:4px}.work-thumb-visual{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:20px;opacity:.3}.waveform-bar{width:4px;background:var(--accent-green);border-radius:0}.work-meta{padding:20px 24px}.work-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.tag{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);border:1px solid var(--bg-surface-3);padding:3px 8px}.tag.accent{border-color:var(--accent-green);color:var(--accent-green)}.work-title{font-size:16px;font-weight:700;font-family:var(--font-display);color:var(--text-primary);margin-bottom:6px}.work-client{font-size:12px;color:var(--text-muted)}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.post-card{background:var(--bg-surface-1);border:1px solid var(--bg-surface-3);padding:28px;text-decoration:none;display:block;transition:border-color .2s;position:relative}.post-card:hover{border-color:var(--accent-teal)}.post-type{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--accent-teal);margin-bottom:16px}.post-title{font-size:16px;font-weight:700;font-family:var(--font-display);color:var(--text-primary);line-height:1.3;margin-bottom:12px}.post-excerpt{font-size:12px;color:var(--text-secondary);line-height:1.7;margin-bottom:20px}.post-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--bg-surface-3)}.post-date{font-size:11px;color:var(--text-muted)}.post-arrow{color:var(--accent-teal);font-size:14px}.philosophy{background:var(--bg-surface-1);border-top:1px solid var(--bg-surface-3);border-bottom:1px solid var(--bg-surface-3);padding:60px 40px}.philosophy--hero-extend{position:relative;z-index:2;background:transparent;border-top:none;border-bottom:none;padding:40px 40px 140px;margin-top:0}.philosophy--hero-extend .philosophy-inner{position:relative}.philosophy--hero-extend .philosophy-quote,.philosophy--hero-extend .philosophy-sub{opacity:0;transform:translateY(48px);transition:opacity 1.1s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1)}.philosophy--hero-extend .philosophy-sub{transition-delay:.12s}.philosophy--hero-extend.in-view .philosophy-quote,.philosophy--hero-extend.in-view .philosophy-sub{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.philosophy--hero-extend .philosophy-quote,.philosophy--hero-extend .philosophy-sub{opacity:1;transform:none;transition:none}}.philosophy--hero-extend .philosophy-inner:before{content:"";position:absolute;inset:-160px -240px;z-index:-1;background:radial-gradient(ellipse 60% 55% at 50% 50%,#14151be6,#14151bd1 22%,#14151b80 48%,#14151b33 70%,#14151b00);pointer-events:none}.philosophy--hero-extend .philosophy-quote{margin-bottom:28px;text-shadow:0 2px 12px rgba(0,0,0,.6)}.philosophy--hero-extend .philosophy-sub{text-shadow:0 1px 8px rgba(0,0,0,.7)}.philosophy-inner{max-width:800px;margin:0 auto;text-align:center}.reel{background:var(--bg-surface-1);border-top:1px solid var(--bg-surface-3);border-bottom:1px solid var(--bg-surface-3)}.reel-inner{max-width:1100px;margin:0 auto}.reel-head{margin-bottom:28px}.reel-title{font-family:var(--font-display);font-weight:800;font-size:clamp(24px,3.4vw,44px);line-height:1.1;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:16px}.reel-divider{display:block;width:100%;height:1px;background:linear-gradient(90deg,var(--accent-green) 0%,var(--bg-surface-3) 40%,var(--bg-surface-3) 100%)}.reel-frame{position:relative;aspect-ratio:16 / 9;width:100%;overflow:hidden;border:1px solid var(--bg-surface-3);border-radius:4px;background:#000;box-shadow:0 24px 60px #00000080}.reel-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.philosophy-quote{font-size:clamp(20px,2.5vw,32px);font-weight:700;font-family:var(--font-display);line-height:1.3;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:20px}.philosophy-quote em{font-style:normal;color:var(--accent-amber)}.philosophy-sub{font-size:13px;color:var(--text-muted);letter-spacing:.05em}.strings-divider{display:flex;flex-direction:column;gap:6px;margin:40px 0;opacity:.2}.string-line{height:1px;background:linear-gradient(90deg,transparent,var(--accent-green),transparent)}.string-line:nth-child(1){opacity:.4}.string-line:nth-child(2){opacity:.6;height:1.5px}.string-line:nth-child(3){opacity:.8;height:2px}.string-line:nth-child(4){opacity:.8;height:2.5px}.string-line:nth-child(5){opacity:.6;height:3px}.string-line:nth-child(6){opacity:.4;height:3.5px}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.tool-card{background:var(--bg-surface-1);border:1px solid var(--bg-surface-3);padding:28px;text-decoration:none;display:flex;flex-direction:column;transition:border-color .2s}.tool-card:hover{border-color:var(--accent-lavender)}.tool-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.tool-name{font-size:16px;font-weight:700;font-family:var(--font-display);color:var(--text-primary)}.tool-version{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-lavender);border:1px solid var(--accent-lavender);padding:2px 8px}.tool-desc{font-size:12px;color:var(--text-secondary);line-height:1.7;margin-bottom:20px;flex:1}.tool-features{list-style:none;margin-bottom:24px}.tool-features li{font-size:11px;color:var(--text-muted);padding:4px 0;border-bottom:1px solid var(--bg-surface-2);display:flex;align-items:center;gap:8px}.tool-features li:before{content:"─";color:var(--accent-lavender);flex-shrink:0}.tool-buy{display:block;text-align:center;background:transparent;border:1px solid var(--accent-lavender);color:var(--accent-lavender);font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:10px;text-decoration:none;transition:background .2s,color .2s}.tool-buy:hover{background:var(--accent-lavender);color:var(--bg-primary)}.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:100px 40px}.contact-headline{font-size:clamp(32px,4vw,56px);font-weight:800;font-family:var(--font-display);letter-spacing:-.03em;line-height:1}.contact-headline em{font-style:normal;color:var(--accent-green)}.contact-body{font-size:13px;color:var(--text-secondary);line-height:1.8;margin-top:20px}.contact-form{display:flex;flex-direction:column;gap:12px}.form-field{display:flex;flex-direction:column;gap:6px}.form-label{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted)}.form-input{background:var(--bg-surface-1);border:1px solid var(--bg-surface-3);color:var(--text-primary);font-family:var(--font-mono);font-size:13px;padding:12px 16px;outline:none;transition:border-color .2s;border-radius:0;-webkit-appearance:none}.form-input:focus{border-color:var(--accent-green)}.form-input::placeholder{color:var(--text-muted)}textarea.form-input{min-height:100px;resize:vertical}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.form-status{font-size:12px;min-height:1.2em}.form-status--success{color:var(--accent-green)}.form-status--error{color:#b84a4a}footer{padding:40px;display:flex;justify-content:space-between;align-items:center;background:#b84a4a;border-top:none}.footer-logo{font-size:16px;font-weight:800;color:var(--text-primary)}.footer-logo span{color:#eae7dca6;font-weight:400}.footer-links{display:flex;gap:24px;list-style:none}.footer-links a{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#eae7dcbf;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--text-primary)}.footer-copy{font-size:11px;color:#eae7dc99}.detail-page{padding:0 40px 80px;max-width:960px;margin:0 auto}.detail-back{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);text-decoration:none;margin-bottom:32px;transition:color .2s}.detail-back:hover{color:var(--accent-green)}.detail-title{font-size:clamp(32px,4vw,48px);font-weight:800;font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:16px}.detail-meta{font-size:12px;color:var(--text-muted);margin-bottom:32px}.detail-video{width:100%;aspect-ratio:16/9;border:1px solid var(--bg-surface-3);margin-bottom:40px;background:var(--bg-surface-2)}.detail-video iframe{width:100%;height:100%;border:0}.detail-body{color:var(--text-secondary);line-height:1.8;font-size:14px}.detail-body :global(p){margin-bottom:1em}.blog-prose :global(h2){font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--text-primary);margin:2em 0 .6em}.blog-prose :global(h2):before{content:"// ";color:var(--accent-green)}.blog-list{display:flex;flex-direction:column;border-top:1px solid var(--bg-surface-3)}.blog-entry{display:grid;grid-template-columns:140px 1fr auto;gap:24px;align-items:start;padding:28px 8px;border-bottom:1px solid var(--bg-surface-3);text-decoration:none;color:inherit;transition:background .2s ease,padding-left .2s ease}.blog-entry:hover{background:var(--bg-surface-1);padding-left:18px}.blog-entry-date{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding-top:4px;white-space:nowrap}.blog-entry-title{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:8px;line-height:1.2}.blog-entry:hover .blog-entry-title{color:var(--accent-green)}.blog-entry-excerpt{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:14px}.blog-entry-arrow{color:var(--accent-green);font-size:18px;padding-top:4px;opacity:0;transform:translate(-6px);transition:opacity .2s ease,transform .2s ease}.blog-entry:hover .blog-entry-arrow{opacity:1;transform:translate(0)}@media(max-width:720px){.blog-entry{grid-template-columns:1fr;gap:10px}.blog-entry-arrow{display:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-eyebrow,.hero-headline,.hero-body,.hero-actions{animation:fadeUp .6s ease both}.hero-headline{animation-delay:.1s}.hero-body{animation-delay:.2s}.hero-actions{animation-delay:.3s}.hero-stats{animation:fadeUp .6s .2s ease both}@keyframes wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(.3)}}.waveform-bar{animation:wave 1.2s ease-in-out infinite}@keyframes glitch-clip-1{0%{clip-path:inset(0 0 98% 0);transform:translate(-6px)}5%{clip-path:inset(25% 0 40% 0);transform:translate(6px,-1px)}10%{clip-path:inset(60% 0 15% 0);transform:translate(-4px,1px)}15%{clip-path:inset(5% 0 80% 0);transform:translate(8px)}20%{clip-path:inset(45% 0 30% 0);transform:translate(-5px)}25%{clip-path:inset(80% 0 5% 0);transform:translate(4px,-2px)}30%{clip-path:inset(10% 0 65% 0);transform:translate(-8px,1px)}35%{clip-path:inset(0 0 98% 0);transform:translate(0)}36%,72%{clip-path:inset(0 0 100% 0);transform:translate(0);opacity:0}73%{clip-path:inset(50% 0 20% 0);transform:translate(-6px);opacity:.7}76%{clip-path:inset(20% 0 55% 0);transform:translate(7px);opacity:.7}79%{clip-path:inset(70% 0 5% 0);transform:translate(-5px,2px);opacity:.7}82%{clip-path:inset(0 0 100% 0);transform:translate(0);opacity:0}to{clip-path:inset(0 0 100% 0);transform:translate(0);opacity:0}}@keyframes glitch-clip-2{0%{clip-path:inset(85% 0 0 0);transform:translate(6px);color:#b84a4a}5%{clip-path:inset(15% 0 70% 0);transform:translate(-7px,1px);color:#b84a4a}10%{clip-path:inset(55% 0 25% 0);transform:translate(5px,-1px);color:#ff6b6b}15%{clip-path:inset(0 0 80% 0);transform:translate(-8px);color:#b84a4a}20%{clip-path:inset(35% 0 45% 0);transform:translate(6px,2px);color:#ff6b6b}25%{clip-path:inset(75% 0 10% 0);transform:translate(-4px);color:#b84a4a}30%{clip-path:inset(20% 0 60% 0);transform:translate(9px,-2px);color:#ff6b6b}35%{clip-path:inset(85% 0 0 0);transform:translate(0)}36%,60%{clip-path:inset(0 0 100% 0);transform:translate(0);opacity:0}61%{clip-path:inset(30% 0 50% 0);transform:translate(8px);color:#b84a4a;opacity:.85}65%{clip-path:inset(65% 0 10% 0);transform:translate(-6px,1px);color:#ff6b6b;opacity:.85}69%{clip-path:inset(5% 0 75% 0);transform:translate(5px,-1px);color:#b84a4a;opacity:.85}72%{clip-path:inset(0 0 100% 0);transform:translate(0);opacity:0}to{clip-path:inset(0 0 100% 0);transform:translate(0);opacity:0}}@keyframes glitch-skew{0%,to{transform:skew(0)}4%{transform:skew(-3deg) scaleX(1.02)}8%{transform:skew(2.5deg)}12%{transform:skew(-1.5deg)}16%{transform:skew(0)}61%{transform:skew(0)}64%{transform:skew(3.5deg) scaleX(.98)}67%{transform:skew(-2deg)}70%{transform:skew(1deg)}73%{transform:skew(0)}}@keyframes glitch-scramble{0%,32%,to{transform:translate(0);filter:none}3%{transform:translate(-4px);filter:brightness(1.4) saturate(2)}6%{transform:translate(5px,-1px);filter:hue-rotate(90deg) brightness(1.2)}9%{transform:translate(-2px,1px);filter:none}12%{transform:translate(6px);filter:brightness(.8)}15%{transform:translate(-3px);filter:hue-rotate(-60deg)}18%{transform:translate(0);filter:none}62%{transform:translate(4px);filter:brightness(1.5) hue-rotate(45deg)}65%{transform:translate(-6px,1px);filter:saturate(3)}68%{transform:translate(2px,-1px);filter:none}71%{transform:translate(0);filter:none}}.glitch-wrap{position:relative;display:block;animation:glitch-skew 2.8s infinite ease-in-out,glitch-scramble 2.8s infinite ease-in-out}.glitch-wrap:before,.glitch-wrap:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;font-size:inherit;font-weight:inherit;font-family:inherit;letter-spacing:inherit;line-height:inherit;pointer-events:none;white-space:pre-wrap}.glitch-wrap:before{color:#7db4b5;animation:glitch-clip-1 2.8s infinite ease-in-out;opacity:.85;text-shadow:2px 0 #7DB4B5}.glitch-wrap:after{animation:glitch-clip-2 2.8s infinite ease-in-out;opacity:.9;text-shadow:-2px 0 #B84A4A}.glitch-wrap--subtle{animation:glitch-subtle-skew 7s infinite ease-in-out}.glitch-wrap--subtle:before,.glitch-wrap--subtle:after{clip-path:none}.glitch-wrap--subtle:before{color:#7db4b5;opacity:.35;text-shadow:none;animation:glitch-subtle-cyan 7s infinite ease-in-out}.glitch-wrap--subtle:after{color:#b84a4a;opacity:.35;text-shadow:none;animation:glitch-subtle-red 7s infinite ease-in-out}@keyframes glitch-subtle-skew{0%,86%,to{transform:none}88%{transform:translate(-1px) skew(-1.5deg)}90%{transform:translate(2px)}92%{transform:translate(-1px) skew(1deg)}94%{transform:none}}@keyframes glitch-subtle-cyan{0%,86%,to{transform:translate(0);opacity:0}87%{opacity:.4;transform:translate(-2px,-1px)}90%{transform:translate(-3px,1px)}93%{transform:translate(-1px)}94%{opacity:0}}@keyframes glitch-subtle-red{0%,86%,to{transform:translate(0);opacity:0}87%{opacity:.4;transform:translate(2px,1px)}90%{transform:translate(3px,-1px)}93%{transform:translate(1px)}94%{opacity:0}}@media(prefers-reduced-motion:reduce){.glitch-wrap--subtle,.glitch-wrap--subtle:before,.glitch-wrap--subtle:after{animation:none}.glitch-wrap--subtle:before,.glitch-wrap--subtle:after{opacity:0}}.crimson-cut{width:100%;height:2px;background:linear-gradient(90deg,#B84A4A 0%,transparent 60%);opacity:.7;display:block}.tag.danger{border-color:#b84a4a;color:#b84a4a}.contact-headline .cut{color:#b84a4a}.philosophy-quote .scratch{text-decoration:underline;text-decoration-color:#b84a4a;text-decoration-thickness:2px;text-underline-offset:6px}body:before{content:"";position:fixed;inset:0;z-index:9997;pointer-events:none;background:radial-gradient(130% 130% at 50% 40%,transparent 62%,rgba(0,0,0,.4) 100%)}::selection{background:#6faf6f52;color:var(--text-primary);text-shadow:0 0 6px rgba(111,175,111,.7)}a:focus-visible,button:focus-visible,.form-input:focus-visible,.nav-cta:focus-visible,.nav-toggle:focus-visible{outline:2px solid var(--accent-green);outline-offset:2px;box-shadow:0 0 12px #6faf6f80}.work-card,.tool-card,.stat-card,.post-card{position:relative}.work-card:before,.work-card:after,.tool-card:before,.tool-card:after,.stat-card:before,.stat-card:after,.post-card:before,.post-card:after{content:"";position:absolute;width:14px;height:14px;pointer-events:none;opacity:0;transition:opacity .25s ease;z-index:3;border-color:var(--accent-green)}.work-card:before,.tool-card:before,.stat-card:before,.post-card:before{top:6px;left:6px;border-top:1px solid;border-left:1px solid}.work-card:after,.tool-card:after,.stat-card:after,.post-card:after{bottom:6px;right:6px;border-bottom:1px solid;border-right:1px solid}.tool-card:before,.tool-card:after{border-color:var(--accent-lavender)}.post-card:before,.post-card:after{border-color:var(--accent-teal)}.work-card:hover:before,.work-card:hover:after,.tool-card:hover:before,.tool-card:hover:after,.stat-card:hover:before,.stat-card:hover:after,.post-card:hover:before,.post-card:hover:after{opacity:1}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:var(--accent-green);box-shadow:0 0 6px var(--accent-green);transition:right .25s ease}.nav-links a:hover:after,.nav-links a.active:after{right:0}.nav-links a.active{color:var(--accent-green)}.nav-cta:hover{box-shadow:0 0 14px #6faf6f80,inset 0 0 10px #6faf6f26}.btn-primary{position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(120deg,transparent,rgba(234,231,220,.35),transparent);transform:skew(-20deg);transition:left .5s ease;pointer-events:none}.btn-primary:hover:after{left:140%}@media(max-width:900px){nav{padding:16px 20px 16px 8px}.nav-toggle{display:flex}.nav-panel{display:none}.nav-drawer{display:flex;flex-direction:column;position:fixed;inset:0;z-index:10001;padding:calc(var(--nav-height) + 24px) 20px 32px;background-color:#1b1c23;border-left:1px solid var(--bg-surface-3);transform:translate(100%);transition:transform .25s ease,visibility .25s ease;visibility:hidden;pointer-events:none}body.nav-open .nav-drawer{transform:translate(0);visibility:visible;pointer-events:auto}.nav-drawer .nav-links{flex-direction:column;gap:0;width:100%}.nav-drawer .nav-links li{border-bottom:1px solid var(--bg-surface-3)}.nav-drawer .nav-links a{display:block;padding:18px 0;font-size:13px;color:var(--text-primary)}.nav-drawer .nav-links a:after{display:none}.hero{padding:calc(var(--nav-height) + 32px) 20px 60px}.hero-guitar{--guitar-x: -32px;--guitar-scale: 1.12;inset:0 -22% 0 -12%}.hero-left{max-width:100%}.hero-stats{display:none}section{padding:60px 20px}.work-grid{grid-template-columns:1fr}.work-card.featured{grid-column:span 1}.posts-grid,.tools-grid{grid-template-columns:1fr}.contact{grid-template-columns:1fr;gap:40px;padding:60px 20px}.detail-page{padding:0 20px 60px}footer{flex-direction:column;gap:20px;text-align:center;padding:32px 20px}}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.52s;animation-timing-function:cubic-bezier(.4,0,.2,1);mix-blend-mode:normal}::view-transition-old(root){animation-name:page-glitch-out;z-index:1}::view-transition-new(root){animation-name:page-glitch-in;z-index:2}::view-transition-group(root){animation-duration:.52s}@keyframes page-glitch-out{0%{opacity:1;transform:none;filter:none;clip-path:inset(0 0 0 0)}12%{opacity:.95;transform:translate(-6px) skew(-2.5deg);filter:brightness(1.35) hue-rotate(60deg);clip-path:inset(8% 0 72% 0)}24%{opacity:.85;transform:translate(7px,-1px) skew(2deg);filter:brightness(.85) hue-rotate(-40deg);clip-path:inset(42% 0 28% 0)}36%{opacity:.65;transform:translate(-4px,1px) skew(-1deg);filter:saturate(2.5);clip-path:inset(68% 0 8% 0)}48%{opacity:.4;transform:translate(5px);filter:brightness(1.2);clip-path:inset(18% 0 58% 0)}to{opacity:0;transform:translate(-8px) skew(1deg);filter:brightness(.6);clip-path:inset(0 0 100% 0)}}@keyframes page-glitch-in{0%{opacity:0;transform:translate(8px) skew(2.5deg);filter:brightness(1.4) hue-rotate(45deg) saturate(2);clip-path:inset(0 0 100% 0)}18%{opacity:.55;transform:translate(-6px,1px) skew(-2deg);filter:brightness(.9) hue-rotate(-30deg);clip-path:inset(55% 0 20% 0)}36%{opacity:.75;transform:translate(4px,-1px) skew(1.5deg);filter:brightness(1.15);clip-path:inset(22% 0 48% 0)}54%{opacity:.9;transform:translate(-3px);filter:none;clip-path:inset(72% 0 5% 0)}72%{opacity:.98;transform:translate(2px) skew(-.5deg);clip-path:inset(5% 0 82% 0)}to{opacity:1;transform:none;filter:none;clip-path:inset(0 0 0 0)}}html:active-view-transition-type(forwards):after,html:active-view-transition-type(backwards):after{content:"";position:fixed;inset:0;z-index:9998;pointer-events:none;background:linear-gradient(90deg,rgba(184,74,74,.12),transparent 40%),linear-gradient(180deg,rgba(125,180,181,.08),transparent 50%);animation:transition-flash .52s steps(3,end) both}@keyframes transition-flash{0%,to{opacity:0}15%,45%{opacity:1}70%{opacity:.35}}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root),::view-transition-group(root){animation-duration:.01ms!important}html:active-view-transition-type(forwards):after,html:active-view-transition-type(backwards):after{animation:none;opacity:0}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}