@import "https://fonts.googleapis.com/css2?family=Quantico:ital,wght@0,400;0,700;1,400;1,700&family=Orbitron:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--void:#08080a;--panel-bg:#0d0d10eb;--panel-border:#ffffff0f;--accretion:#d4a373;--accretion-glow:#d4a3731a;--telemetry-blue:#a5b4fc;--telemetry-glow:#a5b4fc0d;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--section-padding:100px 60px;--container-max:1200px;--font-display:"Orbitron", sans-serif;--font-heading:"Orbitron", sans-serif;--font-main:"Quantico", sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--fs-hero:clamp(3.5rem, 8vw, 7.5rem);--fs-h2:clamp(2rem, 5vw, 3.5rem);--fs-h3:1.25rem;--fs-body:1.05rem;--fs-small:.9rem;--fs-nav:.75rem;--fs-label:.7rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--void);font-size:16px}body{font-family:var(--font-main);background-color:var(--void);color:var(--text-primary);cursor:default;text-align:center;line-height:1.6;overflow-x:hidden}a{color:inherit;cursor:pointer;text-decoration:none}button{cursor:pointer;font-family:var(--font-main)}input,textarea{font-family:var(--font-main)}#three-canvas{z-index:1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}#bg-fallback{z-index:0;background-color:var(--void);pointer-events:none;opacity:1;background-image:radial-gradient(circle,#08080a33 0%,#08080af2 80%),url(/blackhole_matte.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100vw;height:100vh;transition:opacity 1.5s;position:fixed;top:0;left:0}.modern-card{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);border-radius:4px;padding:32px;transition:border-color .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);position:relative}.modern-card:hover{box-shadow:0 12px 30px #0006, 0 0 20px var(--accretion-glow);border-color:#d4a37366;transform:translateY(-4px)}.hud-mono{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase}.neumorph-nav{z-index:100;-webkit-backdrop-filter:blur(20px);background:#08080abf;justify-content:space-between;align-items:center;padding:24px 60px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{font-family:var(--font-display);letter-spacing:8px;color:var(--text-primary);text-transform:uppercase;font-size:1.4rem;font-weight:800}.nav-links{gap:8px;display:flex}.nav-link{font-family:var(--font-display);font-size:var(--fs-nav);letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid #0000;padding:8px 16px;transition:color .3s,border-color .3s}.nav-link:hover,.nav-link.active{color:var(--accretion)}.nav-link.active{border-bottom-color:var(--accretion)}.section{z-index:2;pointer-events:none;opacity:0;visibility:hidden;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .8s,visibility .8s;display:flex;position:fixed;top:0;left:0}.section.active-section{pointer-events:all;opacity:1;visibility:visible}.section-container{max-width:var(--container-max);width:100%;margin:0 auto;padding:40px}.section-title{font-family:var(--font-heading);font-size:var(--fs-h2);letter-spacing:3px;text-transform:uppercase;color:var(--text-primary);margin-bottom:10px;font-weight:700;line-height:1.2}.section-subtitle{font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:40px;font-size:.8rem;font-weight:400}.hero-section{text-align:center}.hero-content{z-index:2;max-width:900px;position:relative}.hero-title{font-family:var(--font-display);font-size:var(--fs-hero);letter-spacing:12px;text-transform:uppercase;color:var(--text-primary);text-shadow:0 0 80px #d4a37326;margin-bottom:24px;font-weight:800}.hero-subtitle{font-family:var(--font-main);letter-spacing:4px;text-transform:uppercase;color:var(--accretion);opacity:.85;font-size:1.15rem}.services-grid{grid-template-columns:repeat(4,1fr);gap:16px;width:100%;display:grid}.service-card.modern-card{height:100%;padding:20px}.service-card{text-align:left}.service-card .service-icon{color:var(--accretion);margin-bottom:12px}.service-card .service-icon svg{width:24px;height:24px}.service-card .service-title{font-family:var(--font-heading);letter-spacing:1px;text-transform:uppercase;color:var(--text-primary);margin-bottom:8px;font-size:.95rem;font-weight:700;line-height:1.3}.service-card .service-desc{color:var(--text-secondary);font-size:.8rem;line-height:1.5}.work-grid{grid-template-columns:repeat(4,1fr);gap:20px;width:100%;display:grid}.work-item-link{text-align:left;display:block}.work-item{height:100%;padding:0;overflow:hidden}.work-thumbnail{border-bottom:1px solid var(--panel-border);background:radial-gradient(circle,#15152533 0%,#09090f 100%) 0 0/cover,linear-gradient(#ffffff05 1px,#0000 1px) 0 0/16px 16px,linear-gradient(90deg,#ffffff05 1px,#0000 1px) 0 0/16px 16px;justify-content:center;align-items:center;width:100%;height:150px;transition:background .4s;display:flex;position:relative;overflow:hidden}.work-item:hover .work-thumbnail{background:radial-gradient(circle,#d4a37314 0%,#09090f 100%),linear-gradient(#d4a3730f 1px,#0000 1px),linear-gradient(90deg,#d4a3730f 1px,#0000 1px)}.work-num{font-family:var(--font-mono);color:var(--accretion);opacity:.8;z-index:3;font-size:.75rem;position:absolute;top:12px;left:12px}.work-thumbnail-placeholder{font-family:var(--font-display);letter-spacing:3px;color:#ffffff26;text-align:center;z-index:2;padding:0 10px;font-size:.95rem;font-weight:700;transition:color .4s,transform .4s}.corner-bracket{pointer-events:none;opacity:.35;z-index:3;border:1.5px solid #0000;width:8px;height:8px;transition:all .4s cubic-bezier(.16,1,.3,1);position:absolute}.corner-bracket.top-left{border-top-color:var(--text-primary);border-left-color:var(--text-primary);top:14px;left:14px}.corner-bracket.top-right{border-top-color:var(--text-primary);border-right-color:var(--text-primary);top:14px;right:14px}.corner-bracket.bottom-left{border-bottom-color:var(--text-primary);border-left-color:var(--text-primary);bottom:14px;left:14px}.corner-bracket.bottom-right{border-bottom-color:var(--text-primary);border-right-color:var(--text-primary);bottom:14px;right:14px}.work-item:hover .corner-bracket{opacity:.9}.work-item:hover .corner-bracket.top-left{border-top-color:var(--accretion);border-left-color:var(--accretion);top:6px;left:6px}.work-item:hover .corner-bracket.top-right{border-top-color:var(--accretion);border-right-color:var(--accretion);top:6px;right:6px}.work-item:hover .corner-bracket.bottom-left{border-bottom-color:var(--accretion);border-left-color:var(--accretion);bottom:6px;left:6px}.work-item:hover .corner-bracket.bottom-right{border-bottom-color:var(--accretion);border-right-color:var(--accretion);bottom:6px;right:6px}.radar-pulse{background-color:var(--accretion);z-index:3;width:5px;height:5px;box-shadow:0 0 8px var(--accretion);border-radius:50%;position:absolute;top:14px;right:14px}.radar-pulse:before,.radar-pulse:after{content:"";border:1px solid var(--accretion);opacity:0;pointer-events:none;border-radius:50%;width:100%;height:100%;animation:3s cubic-bezier(.215,.61,.355,1) infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radar-pulse:after{animation-delay:1.5s}@keyframes pulse{0%{opacity:.8;width:5px;height:5px}to{opacity:0;width:28px;height:28px}}.scanline{pointer-events:none;z-index:2;opacity:0;background:linear-gradient(#0000 0%,#d4a37300 80%,#d4a3731f 95%,#d4a37359 99%,#0000 100%);width:100%;height:100%;position:absolute;top:-100%;left:0}.work-item:hover .scanline{opacity:1;animation:2.2s linear infinite scan}@keyframes scan{0%{top:-100%}to{top:100%}}.work-info{padding:20px}.work-title{font-family:var(--font-heading);letter-spacing:1px;color:var(--text-primary);text-transform:uppercase;margin-bottom:8px;font-size:1.05rem;font-weight:700;line-height:1.3}.work-desc{color:var(--text-secondary);margin-bottom:16px;font-size:.82rem;line-height:1.5}.explore-btn{font-family:var(--font-display);letter-spacing:2px;color:var(--accretion);font-size:.7rem;font-weight:600;transition:opacity .3s,transform .3s;display:inline-block}.work-item:hover .work-thumbnail-placeholder{color:var(--text-primary);transform:scale(1.05)}.work-item:hover .explore-btn{transform:translate(4px)}.about-grid{text-align:left;grid-template-columns:1fr 1.2fr;align-items:start;gap:60px;display:grid}.about-left{flex-direction:column;gap:20px;display:flex}.about-tag{font-family:var(--font-display);letter-spacing:3px;color:var(--accretion);text-transform:uppercase;font-size:.75rem;font-weight:600}.about-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:1px;font-size:2.2rem;font-weight:800;line-height:1.25}.about-right{flex-direction:column;gap:24px;display:flex}.about-lead{color:var(--text-primary);letter-spacing:.5px;font-size:1.2rem;font-weight:600;line-height:1.6}.about-body{font-size:var(--fs-body);color:var(--text-secondary);line-height:1.8}.contact-info-centered{text-align:center;justify-content:center;gap:80px;width:100%;max-width:800px;margin:60px auto 0;display:flex}.contact-info-centered .contact-info-item{align-items:center}.contact-info{text-align:left;border-left:1px solid var(--panel-border);flex-direction:column;align-items:flex-start;gap:32px;height:100%;padding-left:50px;display:flex}.contact-info-item{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.contact-info-label{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);font-size:.75rem;font-weight:600}.contact-info-value{color:var(--text-primary);font-size:1.25rem;font-weight:500}.contact-info-value a{transition:color .3s}.contact-info-value a:hover{color:var(--accretion)}.music-toggle{z-index:999;border:1px solid var(--accretion);color:var(--accretion);font-family:var(--font-display);letter-spacing:2px;cursor:pointer;background:#0d0d10d9;border-radius:4px;padding:8px 16px;font-size:.65rem;transition:all .3s;position:fixed;bottom:24px;right:32px}.music-toggle:hover{background:var(--accretion);color:var(--void)}.scroll-height-trigger{pointer-events:none;width:100vw;height:500vh;position:absolute;top:0;left:0}@media (width<=1024px){html,body{height:auto!important;overflow:hidden auto!important}.services-grid{grid-template-columns:repeat(3,1fr);gap:12px}.service-card.modern-card{padding:16px}.work-grid{grid-template-columns:repeat(2,1fr);gap:16px}.work-thumbnail{height:120px}.work-info{padding:16px}.work-desc{display:none}.about-grid{grid-template-columns:1fr;gap:40px}.contact-info-centered{flex-direction:column;gap:40px}}@media (width<=768px){.services-grid{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:16px;width:100%;padding:10px 4px 20px;display:flex;overflow-x:auto}.services-grid::-webkit-scrollbar{display:none}.service-card.modern-card{scroll-snap-align:center;text-align:left;flex:0 0 82%;padding:18px}.work-grid{grid-template-columns:repeat(2,1fr);gap:12px}.work-thumbnail{height:100px}.work-thumbnail-placeholder{letter-spacing:1.5px;font-size:.75rem}.work-info{padding:10px}.work-title{margin-bottom:0;font-size:.85rem}.explore-btn{display:none}.section{min-height:100vh;opacity:1!important;visibility:visible!important;pointer-events:all!important;z-index:2!important;height:auto!important;transition:none!important;position:relative!important;transform:none!important}.scroll-height-trigger{display:none!important}.neumorph-nav{padding:16px 24px}.nav-logo{letter-spacing:4px;font-size:1.1rem}.nav-links{display:none}}