.hero{position:relative;min-height:100vh;padding-top:var(--nav-h);display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.hero-left{padding:80px 48px 80px 40px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--gray-2);position:relative;z-index:1}.hero-tag{font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:36px;display:flex;align-items:center;gap:14px}.hero-tag::before{content:'';display:block;width:28px;height:1px;background:var(--red);flex-shrink:0}.hero-headline{font-size:clamp(56px,6.5vw,96px);font-weight:800;line-height:.9;letter-spacing:-0.035em;margin-bottom:44px}.hero-headline em{font-style:normal;color:var(--red)}.hero-desc{font-family:var(--mono);font-size:14px;line-height:1.9;color:var(--gray-4);max-width:360px;margin-bottom:52px}.hero-actions{display:flex;align-items:center;gap:28px}.hero-right{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:60px 40px;gap:0}.hero-bg-letter{position:absolute;bottom:-60px;right:-30px;font-size:320px;font-weight:800;color:var(--gray-1);line-height:1;letter-spacing:-0.08em;user-select:none;pointer-events:none;z-index:0}.hero-photo-wrap{position:relative;z-index:1;width:260px;display:flex;flex-direction:column;align-items:flex-start;gap:0}.hero-photo-frame{width:260px;height:320px;position:relative;overflow:hidden;background:var(--gray-1);border:1px solid var(--gray-2)}.hero-photo-frame img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;animation:glitch-main 4s infinite}.hero-photo-frame::before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;animation:glitch-red 4s infinite;opacity:0}.hero-photo-frame::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--red);z-index:3}@keyframes glitch-main{0%,69%{transform:translate(0,0) skewX(0deg)}70%{transform:translate(-8px,0) skewX(3deg)}71%{transform:translate(8px,-3px) skewX(-4deg)}72%{transform:translate(-6px,2px) skewX(2deg)}73%{transform:translate(0,0)}74%{transform:translate(10px,0) skewX(-3deg)}75%{transform:translate(-10px,3px)}76%{transform:translate(0,0)}77%,83%{transform:translate(0,0)}84%{transform:translate(-12px,0) skewX(5deg)}85%{transform:translate(12px,-4px)}86%{transform:translate(-4px,4px) skewX(-2deg)}87%{transform:translate(0,0)}88%,100%{transform:translate(0,0) skewX(0deg)}}@keyframes glitch-red{0%,69%{opacity:0;transform:translate(0,0);background:transparent}70%{opacity:1;transform:translate(10px,0);background:rgba(232,53,42,0.3);clip-path:inset(15% 0 65% 0)}71%{opacity:0}72%{opacity:1;transform:translate(-10px,3px);background:rgba(232,53,42,0.25);clip-path:inset(55% 0 25% 0)}73%{opacity:0}74%{opacity:1;transform:translate(8px,-3px);background:rgba(232,53,42,0.35);clip-path:inset(75% 0 5% 0)}75%{opacity:0}84%{opacity:1;transform:translate(-14px,0);background:rgba(232,53,42,0.25);clip-path:inset(5% 0 80% 0)}85%{opacity:1;transform:translate(14px,-4px);background:rgba(232,53,42,0.3);clip-path:inset(35% 0 45% 0)}86%{opacity:0}88%,100%{opacity:0;transform:translate(0,0);background:transparent}}.glitch-toggle{display:flex;align-items:center;gap:8px;background:none;border:1px solid var(--gray-2);padding:7px 12px;cursor:pointer;margin-bottom:8px;width:100%;transition:border-color .2s}.glitch-toggle:hover{border-color:var(--red)}.glitch-toggle-dot{width:6px;height:6px;border-radius:50%;background:var(--red);flex-shrink:0;transition:background .2s;box-shadow:0 0 6px var(--red)}.glitch-toggle.off .glitch-toggle-dot{background:var(--gray-3);box-shadow:none}.glitch-toggle-content{display:flex;flex-direction:column;gap:2px;flex:1}.glitch-toggle-sub{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--gray-5);text-align:left;transition:color .2s}.glitch-toggle.off .glitch-toggle-sub{color:var(--gray-4)}.glitch-toggle-state{font-family:var(--mono);font-size:8px;letter-spacing:.15em;color:var(--red);transition:color .2s;flex-shrink:0}.glitch-toggle.off .glitch-toggle-state{color:var(--gray-3)}.hero-photo-frame.paused img{animation-play-state:paused}.hero-photo-frame.paused::before{animation-play-state:paused}.hero-nameplate{width:100%;background:var(--gray-1);border:1px solid var(--gray-2);border-top:none;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.hero-name-full{font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--white)}.hero-name-role{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--red)}.hero-socials{display:flex;gap:10px;margin-top:10px}.hero-social-link{width:28px;height:28px;border:1px solid var(--gray-2);display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--gray-4);font-family:var(--mono);font-size:9px;letter-spacing:.05em;transition:border-color .2s,color .2s,background .2s;cursor:pointer}.hero-social-link:hover{border-color:var(--red);color:var(--white);background:rgba(232,53,42,0.08)}.hero-snapshot-label{position:absolute;bottom:28px;right:40px;font-family:var(--mono);font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:var(--gray-3);display:flex;align-items:center;gap:8px;z-index:1}.hero-snapshot-label::before{content:'';display:block;width:16px;height:1px;background:var(--gray-3)}.work-section{padding:120px 40px;border-top:1px solid var(--gray-2)}.projects-grid{display:flex;flex-direction:column;gap:1px;background:var(--gray-2)}.project-item{background:var(--black);display:grid;grid-template-columns:72px 1fr 1fr 140px;align-items:stretch;transition:background .3s;cursor:auto;overflow:hidden}.project-num{font-family:var(--mono);font-size:10px;color:var(--gray-3);padding:36px 20px;letter-spacing:.1em;border-right:1px solid var(--gray-2);display:flex;align-items:center}.project-info{padding:36px 32px;border-right:1px solid var(--gray-2);display:flex;flex-direction:column;justify-content:center}.project-industry{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--red);margin-bottom:10px}.project-name{font-size:26px;font-weight:700;letter-spacing:-0.02em;line-height:1.1;margin-bottom:14px}.project-desc{font-family:var(--mono);font-size:12px;color:var(--gray-4);line-height:1.8;max-width:280px}.project-tags{display:flex;gap:6px;margin-top:16px;flex-wrap:wrap}.project-tag{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gray-4);border:1px solid var(--gray-2);padding:4px 9px}.project-preview{display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.project-placeholder{width:100%;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed var(--gray-2);gap:8px;transition:border-color .2s}.project-item:hover .project-placeholder{border-color:var(--gray-2)}.placeholder-icon{font-size:20px;opacity:.3}.placeholder-text{font-family:var(--mono);font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:var(--gray-3)}.project-action{padding:36px 28px;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}.project-status{font-family:var(--mono);font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--gray-3);border:1px solid var(--gray-2);padding:4px 10px}.project-status.wip{color:var(--red);border-color:rgba(232,53,42,0.3)}.project-arrow{width:38px;height:38px;border:1px solid var(--gray-2);display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--gray-4);transition:border-color .2s,color .2s}.project-item:hover .project-arrow{border-color:var(--red);color:var(--red)}.components-section{padding:120px 40px;border-top:1px solid var(--gray-2)}.components-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--gray-2)}.comp-card{background:var(--black);padding:48px;transition:background .3s;cursor:auto}.comp-label{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--red);margin-bottom:18px}.comp-name{font-size:20px;font-weight:700;letter-spacing:-0.02em;margin-bottom:10px}.comp-desc{font-family:var(--mono);font-size:12px;color:var(--gray-4);line-height:1.85;margin-bottom:28px}.comp-preview{background:var(--gray-1);border:1px solid var(--gray-2);height:130px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.mag-btn{font-family:var(--mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--black);background:var(--white);padding:13px 28px;border:none;cursor:pointer;transition:background .2s,color .2s}.mag-btn:hover{background:var(--red);color:var(--white)}.counter-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}.counter-num{font-size:52px;font-weight:800;letter-spacing:-0.04em;line-height:1;color:var(--white);position:relative}.counter-plus{color:var(--red);font-size:28px;position:absolute;top:2px;right:-18px}.counter-label{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gray-4)}.trail-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.trail-dot{position:absolute;border-radius:50%;pointer-events:none;animation:trailAnim 2.2s infinite ease-out}@keyframes trailAnim{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0.1)}}.trail-note{font-family:var(--mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--gray-3);z-index:2}.stagger-wrap{display:flex;flex-direction:column;gap:7px;padding:16px 24px;width:100%}.stagger-line{height:7px;background:var(--gray-3);border-radius:1px;animation:staggerReveal 2.6s ease infinite;transform-origin:left}.stagger-line:nth-child(1){width:80%;animation-delay:0s}.stagger-line:nth-child(2){width:58%;animation-delay:.14s}.stagger-line:nth-child(3){width:92%;animation-delay:.28s}.stagger-line:nth-child(4){width:38%;animation-delay:.42s}@keyframes staggerReveal{0%,45%{transform:scaleX(0);opacity:0}65%,82%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:.25}}.comp-badge{position:absolute;top:10px;right:10px;font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--gray-3);border:1px solid var(--gray-2);padding:3px 8px;transition:color .2s,border-color .2s}.comp-card:hover .comp-badge{color:var(--gray-3);border-color:var(--gray-2)}.about-section{padding:120px 40px;border-top:1px solid var(--gray-2);display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.about-eyebrow{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--red);margin-bottom:24px;display:flex;align-items:center;gap:12px}.about-heading{font-size:clamp(28px,3.2vw,48px);font-weight:800;letter-spacing:-0.03em;line-height:1.05;margin-bottom:24px}.about-body{font-family:var(--mono);font-size:13px;color:var(--gray-4);line-height:2}.creds-list{margin-top:48px;display:flex;flex-direction:column;gap:1px;background:var(--gray-2)}.cred-item{background:var(--black);padding:18px 22px;display:flex;justify-content:space-between;align-items:center}.cred-name{font-family:var(--mono);font-size:11px;color:var(--white);letter-spacing:.04em}.cred-badge{font-family:var(--mono);font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:var(--red);border:1px solid rgba(232,53,42,0.4);padding:3px 10px}.about-right{display:flex;flex-direction:column;gap:0}.tools-heading{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gray-5);margin-top:60px;margin-bottom:20px}.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--gray-2);margin-bottom:48px}.tool-item{background:var(--black);padding:18px 20px;font-family:var(--mono);font-size:12px;color:var(--gray-5);letter-spacing:.04em;display:flex;align-items:center;gap:10px}.tool-dot{width:5px;height:5px;background:var(--red);border-radius:50%;flex-shrink:0}.process-items{display:flex;flex-direction:column}.process-item{display:flex;gap:20px;align-items:flex-start;padding:22px 0;border-top:1px solid var(--gray-2)}.process-num{font-family:var(--mono);font-size:10px;color:var(--red);letter-spacing:.1em;flex-shrink:0;margin-top:2px}.process-title{font-size:13px;font-weight:600;margin-bottom:6px}.process-desc{font-family:var(--mono);font-size:12px;color:var(--gray-4);line-height:1.8}footer{border-top:1px solid var(--gray-2);padding:80px 40px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.footer-cta-label{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--red);margin-bottom:20px;display:flex;align-items:center;gap:12px}.footer-cta-head{font-size:clamp(32px,4vw,60px);font-weight:800;letter-spacing:-0.04em;line-height:.95;margin-bottom:40px}.footer-cta-head span{color:var(--red)}.footer-right{display:flex;flex-direction:column;justify-content:flex-end;gap:28px}.footer-nav{display:flex;gap:28px;list-style:none}.footer-nav a{font-family:var(--mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--gray-4);text-decoration:none;transition:color .2s}.footer-nav a:hover{color:var(--white)}.footer-divider{height:1px;background:var(--gray-2)}.footer-bottom{display:flex;justify-content:space-between;align-items:center}.footer-copy{font-family:var(--mono);font-size:10px;font-weight:500;color:var(--gray-4);letter-spacing:.08em}.footer-framer-badge{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gray-3);border:1px solid var(--gray-2);padding:4px 10px}