@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800;900&display=swap";:root{--void-black:#050505;--void-deep:#0a0a0a;--blood-red:#ff003c;--blood-dark:#8a001a;--text-main:#fff;--text-muted:#9ca3af;--glass-bg:#ffffff08;--glass-border:#ffffff14;--glow-red:0 0 20px #ff003c99;--max-width:1200px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--void-black);color:var(--text-main);background-image:radial-gradient(circle at 15%,#8a001a26,#0000 40%),radial-gradient(circle at 85% 30%,#ff003c1a,#0000 50%);font-family:Outfit,sans-serif;overflow-x:hidden}::selection{background:var(--blood-red);color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--void-black)}::-webkit-scrollbar-thumb{background:var(--blood-dark);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--blood-red)}.container{max-width:var(--max-width);margin:0 auto;padding:0 2rem}.section{flex-direction:column;justify-content:center;min-height:100vh;padding:6rem 2rem 6rem 8rem;display:flex;position:relative}h1,h2,h3,h4{text-transform:uppercase;letter-spacing:2px}.title-glitch{background:linear-gradient(to right, #fff, var(--text-muted));-webkit-text-fill-color:transparent;text-shadow:0 0 30px #fff3;white-space:nowrap;-webkit-background-clip:text;font-size:clamp(2.5rem,8vw,7rem);font-weight:900;line-height:1;animation:3s linear infinite alternate-reverse glitch-skew;position:relative}@keyframes glitch-skew{0%{transform:skew(0deg)}9%{transform:skew(0deg)}10%{opacity:.8;transform:skew(-15deg)}11%{opacity:1;transform:skew(0deg)}39%{transform:skew(0deg)}40%{opacity:.9;transform:skew(15deg)translate(10px)}41%{opacity:1;transform:skew(0deg)translate(0)}69%{transform:skew(0deg)}70%{opacity:.8;transform:skew(-5deg)translate(-5px)}71%{opacity:1;transform:skew(0deg)translate(0)}99%{transform:skew(0deg)}to{transform:skew(0deg)}}.title-glitch:before,.title-glitch:after{content:attr(data-text);background:var(--void-black);width:100%;height:100%;position:absolute;top:0;left:0}.title-glitch:before{text-shadow:-2px 0 var(--blood-red);clip:rect(24px, 9999px, 90px, 0);animation:3s linear infinite alternate-reverse glitch-anim;left:2px}.title-glitch:after{text-shadow:-2px 0 #0ff;clip:rect(85px, 9999px, 140px, 0);animation:2.5s linear infinite alternate-reverse glitch-anim;left:-2px}@keyframes glitch-anim{0%{clip:rect(13px, 9999px, 86px, 0);transform:translate(2px)}5%{clip:rect(74px, 9999px, 12px, 0);transform:translate(-2px)}10%{clip:rect(93px, 9999px, 84px, 0);transform:translate(2px)}15%{clip:rect(12px, 9999px, 78px, 0);transform:translate(-2px)}20%{clip:rect(4px, 9999px, 95px, 0)}25%{clip:rect(81px, 9999px, 5px, 0)}30%{clip:rect(31px, 9999px, 45px, 0)}35%{clip:rect(90px, 9999px, 19px, 0)}40%{clip:rect(17px, 9999px, 66px, 0)}45%{clip:rect(47px, 9999px, 32px, 0)}50%{clip:rect(61px, 9999px, 57px, 0);transform:translate(-2px)}55%{clip:rect(19px, 9999px, 94px, 0);transform:translate(2px)}60%{clip:rect(89px, 9999px, 21px, 0);transform:translate(-2px)}65%{clip:rect(44px, 9999px, 49px, 0);transform:translate(2px)}70%{clip:rect(96px, 9999px, 81px, 0)}75%{clip:rect(52px, 9999px, 16px, 0)}80%{clip:rect(7px, 9999px, 91px, 0)}85%{clip:rect(68px, 9999px, 74px, 0)}90%{clip:rect(22px, 9999px, 3px, 0)}95%{clip:rect(58px, 9999px, 62px, 0)}to{clip:rect(83px, 9999px, 39px, 0)}}.section-title{align-items:center;gap:1rem;margin-bottom:3rem;font-size:3rem;font-weight:800;display:flex}.section-title span{color:var(--blood-red)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:12px;padding:2rem;transition:all .2s ease-out}.glass-card:hover{border-color:var(--glass-border-hover);box-shadow:6px 6px 0px var(--void-black), 6px 6px 0px 1px var(--blood-red);transform:translate(-6px,-6px)}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem;display:grid}.project-card{border:1px solid var(--glass-border);cursor:pointer;border-radius:12px;transition:all .2s ease-out;position:relative;overflow:hidden}.project-card:hover{border-color:var(--blood-red);box-shadow:6px 6px 0px var(--void-black), 6px 6px 0px 1px var(--blood-red);z-index:10;transform:translate(-6px,-6px)}.hero-layout{justify-content:space-between;align-items:center;min-height:100vh;display:flex;position:relative}.hero-text-content{z-index:10;flex:1;max-width:60%;padding-left:5%;position:relative}.hero-image-container{z-index:1;-webkit-mask-composite:source-in;width:50%;height:100vh;position:absolute;top:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 40%),linear-gradient(#000 80%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 40%),linear-gradient(#000 80%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.hero-image-container:after{display:none}.hero-image{object-fit:cover;object-position:center;opacity:.9;width:100%;height:100%}.dot-nav{z-index:100;flex-direction:column;align-items:center;display:flex;position:fixed;top:50%;left:2rem;transform:translateY(-50%)}.dot-wrapper{flex-direction:column;align-items:center;display:flex;position:relative}.dot-node{border:2px solid var(--text-muted);cursor:pointer;z-index:2;background:0 0;border-radius:50%;width:12px;height:12px;transition:all .3s;position:relative}.dot-node.active,.dot-wrapper:hover .dot-node{background:var(--blood-red);border-color:var(--blood-red);box-shadow:0 0 10px var(--blood-red)}.dot-line-container{width:2px;height:40px;margin:4px 0;position:relative}.dot-line-bg{background:var(--glass-border);position:absolute;inset:0}.dot-line-fill{background:var(--blood-red);width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:0 0 8px #ff003c99}.dot-tooltip{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);opacity:0;pointer-events:none;white-space:nowrap;border-radius:8px;flex-direction:column;padding:.75rem 1rem;transition:all .3s;display:flex;position:absolute;top:50%;left:30px;transform:translateY(-50%)translate(-10px)}.dot-wrapper:hover .dot-tooltip{opacity:1;transform:translateY(-50%)translate(0)}.tooltip-title{color:#fff;text-transform:uppercase;letter-spacing:1px;font-size:.8rem;font-weight:800}.tooltip-desc{color:var(--text-muted);margin-top:2px;font-size:.75rem}.mobile-fab{background:var(--void-black);border:1px solid var(--blood-red);color:#fff;z-index:1000;cursor:pointer;appearance:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0;padding:0;transition:all .3s;display:none;position:fixed;bottom:3.5rem;right:1.5rem;box-shadow:0 0 20px #ff003c4d}.fab-dot{background:var(--blood-red);border-radius:50%;width:20px;height:20px;box-shadow:inset -5px -5px 10px #00000080}.mobile-menu{background:var(--glass-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--glass-border);z-index:999;border-radius:12px;flex-direction:column;gap:.5rem;min-width:200px;padding:1rem;display:none;position:fixed;bottom:6rem;right:2rem}.mobile-menu-item{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;border-radius:6px;padding:.75rem 1rem;font-weight:600;text-decoration:none;transition:all .2s}.mobile-menu-item:hover,.mobile-menu-item.active{color:#fff;border-left:2px solid var(--blood-red);background:#ff003c1a}.btn{color:var(--blood-red);text-transform:uppercase;letter-spacing:1px;border:1px solid var(--blood-red);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:.5rem;padding:1rem 2rem;font-family:Outfit,sans-serif;font-weight:600;text-decoration:none;transition:all .2s ease-out;display:inline-flex;position:relative}.btn:hover{background:var(--blood-red);color:var(--void-black);box-shadow:6px 6px 0px var(--void-black), 6px 6px 0px 1px var(--blood-red);transform:translate(-6px,-6px)}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.project-card{aspect-ratio:16/9;cursor:pointer;border-radius:12px;position:relative;overflow:hidden}.project-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project-overlay{opacity:0;background:linear-gradient(#8a001a66 0%,#000000e6 100%);flex-direction:column;justify-content:flex-end;padding:2rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.project-card:hover .project-image{transform:scale(1.05)}.project-card:hover .project-overlay{opacity:1}.social-grid{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.social-item{background:var(--glass-bg);border:1px solid var(--glass-border);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;text-decoration:none;transition:all .3s;display:flex}.social-item:hover{border-color:var(--blood-red);color:var(--blood-red);box-shadow:var(--glow-red);background:#ff003c1a;transform:translateY(-5px)}@media (width<=1024px){.dot-nav{display:none}.mobile-fab,.mobile-menu{display:flex}.hero-layout{align-items:flex-end;padding-bottom:4rem}.hero-image-container:after{display:none}.hero-image-container{z-index:0;width:100%;-webkit-mask-image:linear-gradient(#000 85%,#0000 100%);mask-image:linear-gradient(#000 85%,#0000 100%)}.hero-text-content{max-width:100%;padding:0 1.5rem 3rem}.title-glitch{font-size:clamp(2rem,11vw,5rem)}.glass-card{padding:1.5rem}.section{padding:4rem 1.5rem}}@media (hover:none) and (pointer:coarse){.custom-cursor,.custom-cursor-glow{display:none!important}body{cursor:auto!important}}.noise-overlay{pointer-events:none;z-index:9999;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;top:0;left:0}body{cursor:none}.custom-cursor{background-color:var(--blood-red);pointer-events:none;z-index:10000;mix-blend-mode:difference;border-radius:50%;width:12px;height:12px;transition:width .3s,height .3s,background-color .3s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.custom-cursor-glow{pointer-events:none;z-index:9999;border:1px solid #ff003c66;border-radius:50%;width:40px;height:40px;transition:width .3s,height .3s,border-color .3s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}@media (hover:hover) and (pointer:fine){*{cursor:none!important}}:is(body:has(a:hover) .custom-cursor,body:has(.btn:hover) .custom-cursor,body:has(button:hover) .custom-cursor,body:has(.dot-wrapper:hover) .custom-cursor,body:has(.project-card:hover) .custom-cursor){background-color:var(--blood-red);width:24px;height:24px}:is(body:has(a:hover) .custom-cursor-glow,body:has(.btn:hover) .custom-cursor-glow,body:has(button:hover) .custom-cursor-glow,body:has(.dot-wrapper:hover) .custom-cursor-glow,body:has(.project-card:hover) .custom-cursor-glow){opacity:0}