@font-face{font-family:"Brother 1816";src:url(/assets/Brother1816-Regular-DgxJyLdx.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Brother 1816";src:url(/assets/Brother1816-BookItalic-C-qrbEYi.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"Brother 1816";src:url(/assets/Brother1816-ExtraBold-DslFJ7ns.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:"Brother 1816";src:url(/assets/Brother1816-ExtraBoldItalic-BMwkuao6.ttf) format("truetype");font-weight:800;font-style:italic;font-display:swap}:root{--color-bg: #101010;--color-text: #eae5ca;--color-text-muted: rgba(234, 229, 202, .6);--color-accent-blue: #a7d5f5;--color-accent-gold: #c4ab57;--color-accent-red: #ed8e6a;--color-accent-outline: rgba(234, 229, 202, .15);--font-heading: "Brother 1816", sans-serif;--font-body: "Brother 1816", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{background-color:var(--color-bg);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;touch-action:pan-x pan-y}body{font-family:var(--font-body);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:none;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;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.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.04;mix-blend-mode:overlay}html{scroll-behavior:smooth}html.no-smooth-scroll{scroll-behavior:auto!important}html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.1;font-weight:800}h1{font-size:clamp(3.5rem,8vw,6.5rem);letter-spacing:-.04em}h2{font-size:clamp(2.5rem,5vw,4rem);letter-spacing:-.03em}.text-body-large{font-size:clamp(1rem,1.5vw,1.25rem);color:var(--color-text-muted);line-height:1.6;font-weight:400;max-width:800px}.text-accent{color:var(--color-accent-gold);font-family:var(--font-body);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:600}.section-padding{padding:clamp(5rem,12vh,12rem) 5vw}.container{max-width:1200px;margin:0 auto}::selection{background-color:var(--color-accent-gold);color:var(--color-bg)}a{color:inherit;text-decoration:none}.custom-scrollbar-container{position:fixed;top:0;right:-10px;width:40px;height:100vh;height:100dvh;z-index:10001;pointer-events:all;cursor:pointer}.custom-scrollbar-container.is-dragging{cursor:grabbing}.custom-scrollbar-svg{width:100%;height:100%;overflow:visible}.scrollbar-guide{stroke:#ffffff0d;stroke-width:1px}.scrollbar-path{fill:none;stroke:var(--color-text);stroke-width:1px;stroke-linecap:round;transition:stroke .3s ease;opacity:.3}.scrollbar-thumb-circle{position:absolute;width:8px;height:8px;background-color:var(--color-text);border:1px solid var(--color-bg);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);z-index:2}.navbar{position:fixed;top:0;left:0;width:100%;padding:2rem 5vw;z-index:1000;transition:all .6s cubic-bezier(.16,1,.3,1);display:flex;justify-content:center}.navbar.scrolled{padding:1rem 5vw}.navbar.scrolled .navbar-container{background:#10101066;backdrop-filter:blur(12px) saturate(200%) contrast(1.2);-webkit-backdrop-filter:blur(12px) saturate(200%) contrast(1.2);border:1px solid rgba(234,229,202,.1);border-radius:100px;padding:.8rem 2rem;box-shadow:0 10px 30px #00000080,inset 0 2px 5px #ffffff0d}.navbar-container{max-width:1400px;width:100%;display:flex;justify-content:space-between;align-items:center;transition:all .4s cubic-bezier(.16,1,.3,1);border:1px solid transparent;border-radius:100px;padding:.8rem 0}.navbar-logo-link{display:flex;align-items:center;text-decoration:none}.logo-desktop{height:24px;display:block}.logo-mobile{height:32px;display:none}.navbar-menu{display:flex;align-items:center;gap:2.5rem}.nav-home-link{display:none}.navbar.is-lab-route{padding:1rem 5vw}.navbar.is-lab-route .navbar-container{background:#10101066;backdrop-filter:blur(12px) saturate(200%) contrast(1.2);-webkit-backdrop-filter:blur(12px) saturate(200%) contrast(1.2);border:1px solid rgba(234,229,202,.1);border-radius:30px;padding:.8rem 2rem;box-shadow:0 10px 30px #00000080,inset 0 2px 5px #ffffff0d}.is-lab-route .nav-home-link{display:block!important}.is-lab-route .nav-link-anchor{display:none!important}.nav-link{font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;opacity:.7;transition:opacity .3s ease,color .3s ease}.nav-link:hover{opacity:1}.btn-nav-contact{color:var(--color-accent-gold);border:1px solid var(--color-accent-gold);padding:.6rem 1.2rem;border-radius:40px;opacity:1}.btn-nav-contact:hover{background:var(--color-accent-gold);color:var(--color-bg)}.nav-toggle{display:none;width:28px;height:28px;background:none;border:none;cursor:pointer;padding:0;z-index:1001;align-items:center;justify-content:center}.nav-toggle svg{width:100%;height:100%;overflow:visible}.nav-toggle line{stroke:var(--color-text);stroke-linecap:round;transition:all .4s cubic-bezier(.16,1,.3,1);transform-origin:12px 12px}.line-1{stroke-width:.8px}.line-2{stroke-width:1.6px}.line-3{stroke-width:2.6px}.nav-toggle.active .line-1{transform:translateY(5px) rotate(45deg)}.nav-toggle.active .line-2{opacity:0;transform:translate(5px)}.nav-toggle.active .line-3{transform:translateY(-5px) rotate(-45deg)}@media (max-width: 950px){.navbar{padding:1rem 5vw}.navbar-container{padding:.8rem 1.5rem;flex-wrap:wrap;background:#10101066;backdrop-filter:blur(12px) saturate(200%) contrast(1.2);-webkit-backdrop-filter:blur(12px) saturate(200%) contrast(1.2);border:1px solid rgba(234,229,202,.1);border-radius:30px;max-height:60px;overflow:hidden;transition:all .5s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px #00000080}.navbar.scrolled .navbar-container{background:#10101099;border-radius:30px}.menu-open .navbar-container,.navbar.scrolled.menu-open .navbar-container{max-height:320px;padding-bottom:4rem!important;transition:all .6s cubic-bezier(.3,1.5,.5,1)}.nav-toggle{display:flex}.logo-desktop{display:none}.logo-mobile{display:block}.navbar-menu{width:100%;flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;padding-top:2rem;opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.16,1,.3,1);transform:translateY(-20px) scale(.95)}.nav-home-link{display:block!important}.navbar-menu.is-open .nav-link.nav-link-anchor{display:none!important}.navbar-menu.is-open{opacity:1;pointer-events:all;transform:translateY(0) scale(1);transition:all .6s cubic-bezier(.3,1.5,.5,1)}.nav-link{display:block!important;font-size:1.2rem;font-weight:800;letter-spacing:.1em;opacity:0;transform:translateY(10px);transition:all .4s cubic-bezier(.16,1,.3,1)}.navbar-menu.is-open .nav-link{opacity:1;transform:translateY(0);transition:all .5s cubic-bezier(.3,1.5,.5,1)}.navbar-menu.is-open .nav-home-link,.is-lab-route .navbar-menu.is-open .nav-home-link{transition-delay:.1s}.navbar-menu.is-open .nav-link-lab{transition-delay:.2s}.navbar-menu.is-open .btn-nav-contact{transition-delay:.3s}.btn-nav-contact{border:1px solid var(--color-accent-gold);width:auto;padding:.8rem 2rem;font-size:.9rem}}.hero{min-height:100vh;display:flex;align-items:center;position:relative;padding-top:15vh;overflow:hidden}.hero-vector-bg{position:absolute;bottom:0;left:0;width:100%;height:60%;z-index:0;pointer-events:none;overflow:hidden;opacity:.2}.grid-perspective{position:absolute;bottom:0;left:-50%;width:200%;height:100%;perspective:400px}.grid-lines{position:absolute;bottom:0;left:0;width:100%;height:200%;transform-origin:bottom center;transform:rotateX(75deg);background-image:linear-gradient(var(--color-accent-gold) 1px,transparent 1px),linear-gradient(90deg,var(--color-accent-gold) 1px,transparent 1px);background-size:60px 60px;animation:gridMove 3s linear infinite;mask-image:linear-gradient(to top,#000 5%,#0000 60%);-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,1) 5%,rgba(0,0,0,0) 60%)}@keyframes gridMove{0%{background-position:0 0}to{background-position:0 60px}}.relative-z{position:relative;z-index:1}.hero-content{display:flex;flex-direction:column;gap:2.5rem;max-width:1100px}.hero-greeting{animation:fadeInDown .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0;color:var(--color-accent-gold);letter-spacing:.15em;font-size:.8rem}.hero-title{animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.2s;opacity:0;line-height:1.05}.text-outline{color:transparent;-webkit-text-stroke:1px #ed8e6a;transition:all .3s ease}.text-outline:hover{color:#ffffff0d;-webkit-text-stroke:1px rgba(255,255,255,.4)}.text-highlight-blue{color:var(--color-accent-blue)}.hero-subtitle{animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.4s;opacity:0;font-size:1.1rem;max-width:800px;line-height:1.6}.hero-actions{display:flex;gap:1.5rem;margin-top:1rem;animation:fadeIn 1.2s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.6s;opacity:0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1.2rem 2.5rem;font-family:var(--font-body);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;transition:all .3s cubic-bezier(.16,1,.3,1);cursor:pointer;border:none}.btn-primary{background-color:var(--color-text);color:var(--color-bg)}.btn-primary:hover{background-color:var(--color-text-muted);transform:translateY(-4px);box-shadow:0 10px 20px #00000080}.btn-secondary{background-color:#ffffff0d;color:var(--color-text);border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background-color:#ffffff1a;border-color:#fff3;transform:translateY(-4px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.hero{padding-top:15vh}.hero-actions{flex-direction:column;width:100%}.btn{width:100%}.hero-title{font-size:clamp(3rem,12vw,4rem)}}.value-prop{background-color:var(--color-bg);position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.05)}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.value-card{background:#111;border:1px solid rgba(255,255,255,.05);padding:3rem 2.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:1.5rem}.value-card:hover{transform:translateY(-5px);background:#151515;border-color:#ffffff1a}.title-with-icon{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}.abstract-icon{width:16px;height:16px;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.abstract-icon .shape{position:absolute;background-color:currentColor;transition:all .5s ease}.abstract-icon-1 .shape{width:14px;height:14px;animation:morph-square-rhombus 8s infinite cubic-bezier(.8,0,.2,1)}@keyframes morph-square-rhombus{0%,35%,to{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);transform:scale(1)}50%,85%{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);transform:scale(1.1)}}.abstract-icon-2 .shape{width:15px;height:15px;animation:morph-triangle-square 8s infinite cubic-bezier(.8,0,.2,1);animation-delay:-1ms}@keyframes morph-triangle-square{0%,35%,to{clip-path:polygon(50% 0%,0% 100%,100% 100%,100% 100%);transform:rotate(0)}50%,85%{clip-path:polygon(100% 0,0 0,0 100%,100% 100%)}}.abstract-icon-3 .shape{width:16px;height:16px;animation:morph-pentagon-triangle 8s infinite cubic-bezier(.8,0,.2,1);animation-delay:-.1s}@keyframes morph-pentagon-triangle{0%,35%,to{clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);transform:rotate(0)}50%,85%{clip-path:polygon(50% 18%,100% 100%,50% 100%,0% 100%,0% 100%)}}.abstract-icon-4 .shape{width:16px;height:16px;animation:morph-rhombus-pentagon 8s infinite cubic-bezier(.8,0,.2,1);animation-delay:-.2s}@keyframes morph-rhombus-pentagon{0%,35%,to{clip-path:polygon(50% 0%,100% 50%,100% 50%,50% 100%,0% 50%);transform:scale(1)}50%,85%{clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);transform:scale(1.1)}}.icon-blue{color:var(--color-accent-blue)}.icon-gold{color:var(--color-accent-gold)}.icon-cream{color:var(--color-text)}.icon-orange{color:var(--color-accent-red)}.value-title{font-family:var(--font-body);font-size:.9rem;letter-spacing:.1em;font-weight:700;color:var(--color-text);margin:0}.value-desc{font-family:var(--font-body);font-size:.95rem;line-height:1.6;color:var(--color-text-muted)}@media (max-width: 1024px){.value-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.value-grid{grid-template-columns:1fr}}.skills-cta-wrapper{margin:2.5rem 0}.btn-skills-lab{display:inline-flex;align-items:center;gap:1.5rem;padding:1.2rem 2rem;background:#58a6ff0d;border:1px solid rgba(88,166,255,.3);color:var(--color-accent-blue);text-decoration:none;font-family:Courier New,Courier,monospace;font-weight:700;font-size:.9rem;letter-spacing:.1em;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.btn-skills-lab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(88,166,255,.1),transparent);transition:left .6s ease}.btn-skills-lab:hover{border-color:var(--color-accent-blue);background:#58a6ff1a;transform:translate(5px);box-shadow:0 0 20px #58a6ff33}.btn-skills-lab:hover:before{left:100%}.btn-icon{transition:transform .3s ease}.btn-skills-lab:hover .btn-icon{transform:translate(5px)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}.about-image-wrapper{position:relative}.about-image-container{position:relative;width:100%;aspect-ratio:4/5;border-radius:4px;overflow:hidden;background-color:#1a1a1a}.about-image{width:100%;height:100%;object-fit:cover;animation:floating-image 50s ease-in-out infinite}@keyframes floating-image{0%,to{transform:translate(0) scale(1.05)}25%{transform:translate(10px,-10px) scale(1.05)}50%{transform:translate(-5px,-15px) scale(1.05)}75%{transform:translate(-10px,-5px) scale(1.05)}}.about-badge{position:absolute;bottom:2rem;left:2rem;right:2rem;background:#0a0a0ab3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.2rem 1.5rem;display:flex;flex-direction:column;gap:.4rem;border:1px solid rgba(255,255,255,.08);border-radius:4px;max-width:fit-content}.badge-title{color:var(--color-accent-gold);font-family:var(--font-body);font-size:.8rem;font-weight:700;letter-spacing:.1em}.badge-subtitle{color:var(--color-text);font-size:.9rem;line-height:1.4}.about-title{margin-bottom:2.5rem}.text-highlight-red{color:var(--color-accent-red)}.text-bold{font-weight:700;color:var(--color-text)}.about-content{display:flex;flex-direction:column;gap:1.5rem;padding-bottom:2.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.about-content p{font-size:1.05rem;line-height:1.7;color:var(--color-text-muted)}.skills-cta-wrapper{margin-top:2.5rem}.about-cta{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.about-cta p:first-child{color:var(--color-text);font-weight:600;margin-bottom:.5rem}.about-contact-text{font-size:.95rem}@media (max-width: 992px){.about-grid{grid-template-columns:1fr;gap:4rem}}.quote-section{background-color:var(--color-bg);text-align:center;border-top:1px solid rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.03);position:relative;overflow:hidden}.quote-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px;background-position:center center;pointer-events:none}.quote-content{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:2.5rem;position:relative;z-index:1}.quote-label{font-family:var(--font-body);font-size:.7rem;font-weight:700;letter-spacing:.3em;color:var(--color-accent-red);text-transform:uppercase}.quote-text{font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.15;letter-spacing:-.03em;font-family:var(--font-heading);font-weight:800;color:var(--color-text);text-transform:uppercase}.text-highlight-gold{color:var(--color-accent-gold)}@media (max-width: 768px){.quote-text{font-size:1.8rem}}.projects{background-color:var(--color-bg);position:relative;z-index:1}.projects-header-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:1rem;letter-spacing:-.02em}.projects-header-subtitle{font-family:var(--font-body);font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-muted);font-weight:600;margin-bottom:6rem;position:relative;display:inline-block}.projects-header-subtitle:after{content:"";position:absolute;bottom:-10px;left:0;width:40px;height:2px;background-color:var(--color-accent-red)}.projects-list{display:flex;flex-direction:column;gap:12rem}.project-card{display:grid;grid-template-columns:1.2fr .8fr;gap:5rem;align-items:flex-start}.project-card.img-right{grid-template-columns:.8fr 1.2fr}.project-card.img-right .project-image-container{order:2}.project-card.img-right .project-content{order:1}.project-image-container{width:100%;aspect-ratio:16/10;border-radius:4px;overflow:hidden;background:#0a0a0a;border:1px solid rgba(255,255,255,.03);position:relative}.project-image-placeholder{width:100%;height:100%;position:relative;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px;display:flex;align-items:center;justify-content:center;transition:all .6s cubic-bezier(.16,1,.3,1)}.project-image-placeholder:before{content:"";position:absolute;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:8px 8px}.project-image-container:hover .project-image-placeholder{transform:scale(1.02);background-size:50px 50px;border-color:#ffffff1a}.bg-gold{background-color:#0d0c08;border:1px solid rgba(212,175,55,.1)}.bg-blue{background-color:#080a0d;border:1px solid rgba(0,122,255,.1)}.bg-red{background-color:#0d0808;border:1px solid rgba(255,59,48,.1)}.project-real-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1)}.project-image-container:hover .project-real-image{transform:scale(1.04)}.project-category{font-family:var(--font-body);font-size:.65rem;letter-spacing:.25em;color:var(--color-text-muted);font-weight:700;text-transform:uppercase}.project-link-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 1.6rem;border:1px solid rgba(255,255,255,.12);border-radius:100px;font-family:var(--font-body);font-size:.8rem;font-weight:700;letter-spacing:.05em;color:var(--color-text);text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);width:fit-content;background:#ffffff08}.project-link-btn:hover{background:#ffffff14;border-color:#ffffff4d;transform:translateY(-2px);gap:.9rem}.color-cyan{color:#00d2ff}.color-gold{color:var(--color-accent-gold)}.color-blue{color:var(--color-accent-blue)}.color-red{color:var(--color-accent-red)}.project-content{display:flex;flex-direction:column;gap:2.5rem}.project-title{font-family:var(--font-heading);font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.1;font-weight:800;text-transform:uppercase;letter-spacing:-.01em}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem 2.5rem}.project-grid-item{display:flex;flex-direction:column;gap:.75rem}.technical-mark{font-family:var(--font-body);font-size:5rem;font-weight:900;color:#ffffff08;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;letter-spacing:-.05em;z-index:1}.project-grid-item h4{font-family:var(--font-body);font-size:.65rem;letter-spacing:.15em;color:var(--color-text-muted);font-weight:700;text-transform:uppercase;margin:0;display:flex;align-items:center;gap:.5rem}.project-grid-item h4:before{content:"";width:4px;height:4px;background:currentColor;border-radius:50%}.project-grid-item p{font-family:var(--font-body);font-size:.9rem;line-height:1.6;color:var(--color-text);margin:0;opacity:.8}@media (max-width: 1200px){.project-card,.project-card.img-right{grid-template-columns:1fr;gap:4rem}.project-card.img-right .project-image-container{order:1}}@media (max-width: 768px){.project-grid{grid-template-columns:1fr;gap:2rem}.projects-list{gap:8rem}}.skills-section{padding:0;background-color:var(--color-bg);position:relative;overflow:hidden;height:100dvh}.skills-header{position:absolute;top:80px;left:5vw;right:5vw;z-index:10;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.blueprint-quote{text-align:right;max-width:300px}.blueprint-quote p{font-family:var(--font-body);font-size:.8rem;font-style:italic;opacity:.5;margin-bottom:.5rem}.quote-id{font-family:Courier New,Courier,monospace;font-size:.6rem;letter-spacing:.2em;color:var(--color-accent-blue);opacity:.6}.skills-game-container{position:relative;width:100vw;height:100dvh;background-color:var(--color-bg);overflow:hidden;touch-action:none}.global-flash-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:150;pointer-events:none;opacity:0}.global-flash-overlay.active.flash-hard{animation:flashHard .4s ease-out forwards}.global-flash-overlay.active.flash-soft{animation:flashSoft .4s ease-out forwards}@keyframes flashHard{0%{opacity:.3;background:var(--color-accent-blue)}to{opacity:0}}@keyframes flashSoft{0%{opacity:.3;background:var(--color-accent-red)}to{opacity:0}}.physics-scene{width:100%;height:100%;position:relative;z-index:20;pointer-events:auto}.blueprint-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.blueprint-grid{width:100%;height:100%;background-image:linear-gradient(rgba(234,229,202,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(234,229,202,.02) 1px,transparent 1px);background-size:50px 50px}.skills-overlay{position:fixed;top:0;left:0;width:100vw;height:100dvh;background:#0a0a0a66;z-index:100;display:flex;align-items:center;justify-content:center;text-align:center}.instruction-modal{background:#0a0a0ab3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(234,229,202,.1);padding:3rem;max-width:700px;width:90%;position:relative;overflow:hidden;box-shadow:0 40px 100px #000c,inset 0 0 100px #a7d5f50d;animation:modalScaleIn .8s cubic-bezier(.16,1,.3,1)}.modal-scanline{position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(to right,transparent,var(--color-accent-blue),transparent);opacity:.3;z-index:5;animation:scanlineMove 4s linear infinite}@keyframes scanlineMove{0%{top:-10%}to{top:110%}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.terminal-header{display:flex;align-items:center;gap:1rem;margin-bottom:3rem;border-bottom:1px solid rgba(234,229,202,.1);padding-bottom:1rem}.terminal-title{font-family:Courier New,Courier,monospace;font-size:.75rem;font-weight:700;letter-spacing:.3em;color:var(--color-accent-blue)}.instruction-lore{margin-bottom:2.5rem;text-align:left}.instruction-lore p{font-family:var(--font-body);font-size:.95rem;line-height:1.6;color:var(--color-text-muted);font-style:italic;font-weight:400}.instruction-grid{display:grid;gap:1.5rem;text-align:left;margin-bottom:3rem}.instruction-item{display:flex;gap:1.2rem;align-items:flex-start}.inst-icon{font-family:Courier New,Courier,monospace;font-size:.75rem;color:var(--color-accent-gold);border:1px solid rgba(196,171,87,.3);width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:4px;background:#c4ab570d}.inst-text h3{font-size:.7rem;letter-spacing:.15em;color:var(--color-text);margin-bottom:.3rem;font-weight:800}.inst-text p{font-size:.8rem;line-height:1.5;opacity:.6;margin:0}.instruction-quote{margin-bottom:3rem;padding:1.5rem;background:#eae5ca08;border-left:2px solid var(--color-accent-gold);text-align:left}.instruction-quote p{font-family:Courier New,Courier,monospace;font-size:.85rem;line-height:1.5;color:var(--color-text-muted);margin:0}.instruction-quote span{color:var(--color-accent-gold);font-weight:700}.pulse-button{position:relative}.pulse-button:after{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border:1px solid var(--color-accent-blue);opacity:0;pointer-events:none;animation:buttonPulse 2s infinite}@keyframes buttonPulse{0%{transform:scale(1);opacity:.5}to{transform:scale(1.1);opacity:0}}.btn-start-game{background:transparent;color:var(--color-accent-blue);border:1px solid var(--color-accent-blue);padding:1.2rem 3rem;font-family:var(--font-body);font-weight:700;letter-spacing:.3em;text-transform:uppercase;cursor:pointer;transition:all .5s cubic-bezier(.16,1,.3,1)}.btn-start-game:hover{background:var(--color-accent-blue);color:var(--color-bg);box-shadow:0 0 50px #a7d5f566;transform:translateY(-2px)}.btn-back-home{position:fixed;top:25px;left:5vw;z-index:1000;display:flex;align-items:center;justify-content:center;gap:.5rem;background:#10101080;border:1px solid var(--color-accent-outline);color:var(--color-text-muted);width:auto;height:45px;padding:0 1.2rem;border-radius:4px;text-decoration:none;font-family:Courier New,Courier,monospace;font-size:.75rem;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-back-home:hover{border-color:var(--color-accent-gold);color:var(--color-accent-gold);box-shadow:0 0 20px #eae5ca33}.game-controls-top{position:absolute;top:25px;right:5vw;z-index:1000;display:flex;align-items:center;gap:1rem}.timer-display{display:flex;align-items:baseline;gap:.5rem;pointer-events:none}.timer-label{font-family:var(--font-body);font-size:.6rem;color:var(--color-text-muted);letter-spacing:.1em;font-weight:700}.timer-value{font-family:var(--font-body);font-size:.9rem;color:var(--color-text);font-weight:800;min-width:3.5rem;text-align:right;letter-spacing:.05em}.btn-reset-game{background:#10101080;border:1px solid var(--color-accent-outline);color:var(--color-text-muted);width:45px;height:45px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-reset-game svg{transition:transform .6s cubic-bezier(.16,1,.3,1)}.btn-reset-game:hover{border-color:var(--color-accent-gold);color:var(--color-accent-gold);box-shadow:0 0 20px #eae5ca33}.btn-reset-game:hover svg{transform:rotate(180deg)}.btn-reset-game:active svg{transform:rotate(180deg) scale(.8)}.archive-racks-bottom{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:space-between;padding:2rem 5vw;gap:2rem;z-index:5;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.rack-panel{flex:1;background:#10101066;border:1px solid var(--color-accent-outline);padding:1rem 1.5rem;border-radius:4px;display:flex;align-items:center;gap:1.5rem;transition:all .6s cubic-bezier(.16,1,.3,1)}.rack-panel.completed{background:#10101099;border-color:#eae5ca4d}.hard-rack.completed{box-shadow:0 0 30px #a7d5f51a;border-color:#a7d5f566}.soft-rack.completed{box-shadow:0 0 30px #ed8e6a1a;border-color:#ed8e6a66}.rack-panel.completed .rack-label{color:var(--color-text);opacity:1;text-shadow:0 0 10px rgba(234,229,202,.3)}.soft-rack{justify-content:flex-end}.soft-rack .rack-label{order:2}.soft-rack .slots-container{order:1}.rack-label{font-family:var(--font-body),sans-serif;font-size:.7rem;font-weight:800;letter-spacing:.2rem;color:var(--color-text-muted);white-space:nowrap}.slots-container{display:flex;gap:4px;flex:1}.archive-slot{flex:1;height:8px;background:#ffffff08;border:1px solid var(--color-accent-outline);transition:all .5s cubic-bezier(.16,1,.3,1);border-radius:1px}.soft-rack .slots-container{flex-direction:row-reverse}.hard-rack .archive-slot.active{background:var(--color-accent-blue);border-color:var(--color-accent-blue);box-shadow:0 0 15px #a7d5f566;animation:slotPulse .5s ease-out}.soft-rack .archive-slot.active{background:var(--color-accent-red);border-color:var(--color-accent-red);box-shadow:0 0 15px #ed8e6a66;animation:slotPulse .5s ease-out}@keyframes slotPulse{0%{transform:scale(1);filter:brightness(1) white(0);box-shadow:0 0 0 transparent}10%{transform:scale(1.4);filter:brightness(8);box-shadow:0 0 50px #fff;background-color:#fff}to{transform:scale(1);filter:brightness(1);box-shadow:0 0 15px currentColor}}.core-environment{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);width:400px;height:350px;pointer-events:none;display:flex;align-items:center;justify-content:center}.visual-core{position:relative;width:100px;height:100px}.core-inner-static{position:absolute;width:100%;height:100%;border:2px solid var(--color-accent-outline);border-radius:50%;background:radial-gradient(circle,rgba(196,171,87,.05) 0%,transparent 70%)}.core-glow-active{position:absolute;width:100%;height:100%;border-radius:50%;box-shadow:0 0 40px var(--color-accent-gold);border:2px solid var(--color-accent-gold);opacity:0;pointer-events:none}.core-glow-active.pulse{animation:corePulseFlash .6s cubic-bezier(.16,1,.3,1)}@keyframes corePulseFlash{0%{transform:scale(.8);opacity:0}30%{transform:scale(1.2);opacity:1}to{transform:scale(1.4);opacity:0}}@keyframes coreSync{0%{transform:scale(.9);opacity:.3}to{transform:scale(1.1);opacity:.7}}.visual-arcs{position:absolute;width:100%;height:100%}.arc-line{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid var(--color-accent-gold);border-radius:50%;opacity:.2}.arc-outer{width:650px;height:650px;border:1px solid var(--color-accent-gold);border-top-color:transparent;border-bottom-color:transparent;opacity:.3;animation:rotateClockwise 20s linear infinite}.arc-mid-a{width:460px;height:460px;border:1px solid var(--color-accent-blue);border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent;opacity:.35;animation:rotateClockwise 12s linear infinite reverse}.arc-mid-b{width:460px;height:460px;border:1px solid var(--color-accent-blue);border-top-color:transparent;border-left-color:transparent;border-right-color:transparent;opacity:.35;animation:rotateClockwise 12s linear infinite reverse}.arc-inner{width:280px;height:280px;border:1px solid var(--color-accent-red);border-top-color:transparent;border-right-color:transparent;opacity:.3;animation:rotateCounterClockwise 8s linear infinite}@keyframes rotateClockwise{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes rotateCounterClockwise{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}.floor-line{position:absolute;bottom:120px;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent-outline),transparent);box-shadow:0 0 10px #eae5ca0d}.skill-chip.pop-style{background:#fff;border:none;border-radius:0;padding:0 .7rem;height:28px;display:flex;align-items:center;justify-content:center;font-family:var(--font-body),sans-serif;font-weight:400;font-size:.65rem;letter-spacing:.05em;box-shadow:none;cursor:grab;pointer-events:none;transition:transform .1s ease;white-space:nowrap;filter:saturate(.85)}.skill-chip.pop-style:active{cursor:grabbing}.skill-chip.pop-style.large{height:35px;padding:0 1rem;font-size:.9rem;border-radius:0;letter-spacing:-.01em}.chip-content{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;height:100%}.chip-icon{font-size:1.1rem;flex-shrink:0}.skill-chip.pop-style.large .chip-icon{font-size:2.2rem}.skill-chip.pop-style:after{display:none}.skill-chip{position:absolute;width:110px;height:44px;background:#101010e6;border:1px solid var(--color-accent-blue);color:var(--color-text);display:flex;align-items:center;justify-content:center;z-index:5;cursor:grab;pointer-events:none;box-shadow:0 4px 15px #00000080;transition:border-color .3s ease,background .3s ease;will-change:transform,left,top}.skill-chip:active{cursor:grabbing;border-color:var(--color-accent-red)}.chip-trail{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);background:var(--color-accent-blue);filter:blur(20px);opacity:0;pointer-events:none;z-index:-1;transition:opacity .2s ease}.victory-modal{border-color:var(--color-accent-gold);box-shadow:0 40px 100px #000c,inset 0 0 100px #c4ab570d}.victory-message h2{font-size:2.5rem;color:var(--color-accent-gold);margin-bottom:.5rem;letter-spacing:-.02em}.victory-message p{font-size:1rem;opacity:.7;margin-bottom:2.5rem}.victory-stats{display:flex;justify-content:center;gap:3rem;margin-bottom:3rem;padding:2rem;background:#eae5ca08;border:1px solid rgba(234,229,202,.1)}.stat-item{display:flex;flex-direction:column;gap:.5rem}.stat-label{font-family:Courier New,Courier,monospace;font-size:.65rem;color:var(--color-accent-gold);opacity:.6}.stat-value{font-size:1.5rem;font-weight:800;letter-spacing:.05em}.victory-actions{display:flex;flex-direction:row;justify-content:center;gap:1.5rem;margin-top:1rem;margin-bottom:1rem;width:100%;position:relative;z-index:10}.victory-actions .btn-start-game{flex:1;padding:1rem 1.5rem;border-radius:4px;background:var(--color-accent-red);color:var(--color-bg);border:none;font-size:.8rem;box-shadow:0 4px 15px #ed8e6a33}.victory-actions .btn-start-game:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ed8e6a66;background:var(--color-accent-red);color:var(--color-bg)}.victory-actions .secondary-action{background:var(--color-accent-blue)!important;color:var(--color-bg)!important;border:none!important;box-shadow:0 4px 15px #a7d5f533!important}.victory-actions .secondary-action:hover{transform:translateY(-3px)!important;box-shadow:0 8px 25px #a7d5f566!important;background:var(--color-accent-blue)!important;color:var(--color-bg)!important}.victory-stats{position:relative;overflow:hidden;display:flex;justify-content:center;gap:3rem;margin-bottom:2rem;padding:1.5rem}.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.confetti-piece{position:absolute;top:-20px;width:6px;height:6px;background:var(--color-accent-gold);border-radius:2px;opacity:0;animation:confettiFall 2.5s infinite linear}@keyframes confettiFall{0%{top:-10%;transform:translate(0) rotate(0);opacity:0}10%{opacity:.8}90%{opacity:.8}to{top:110%;transform:translate(var(--x-offset, 20px)) rotate(360deg);opacity:0}}.confetti-piece:nth-child(3n){background:var(--color-accent-blue);width:4px;height:8px}.confetti-piece:nth-child(3n+1){background:var(--color-accent-red);width:8px;height:4px}.confetti-piece:nth-child(3n+2){background:#fff;width:5px;height:5px}.confetti-piece:nth-child(1){left:10%;--x-offset: 15px;animation-delay:0s}.confetti-piece:nth-child(2){left:25%;--x-offset: -10px;animation-delay:.4s}.confetti-piece:nth-child(3){left:40%;--x-offset: 20px;animation-delay:.8s}.confetti-piece:nth-child(4){left:55%;--x-offset: -15px;animation-delay:1.2s}.confetti-piece:nth-child(5){left:70%;--x-offset: 10px;animation-delay:1.6s}.confetti-piece:nth-child(6){left:85%;--x-offset: -20px;animation-delay:2s}.confetti-piece:nth-child(7){left:15%;--x-offset: 12px;animation-delay:.2s}.confetti-piece:nth-child(8){left:35%;--x-offset: -18px;animation-delay:.6s}.confetti-piece:nth-child(9){left:50%;--x-offset: 25px;animation-delay:1s}.confetti-piece:nth-child(10){left:65%;--x-offset: -12px;animation-delay:1.4s}.confetti-piece:nth-child(11){left:80%;--x-offset: 18px;animation-delay:1.8s}.confetti-piece:nth-child(12){left:95%;--x-offset: -15px;animation-delay:2.2s}.confetti-piece:nth-child(13){left:5%;--x-offset: 8px;animation-delay:.3s}.confetti-piece:nth-child(14){left:45%;--x-offset: -22px;animation-delay:.7s}.confetti-piece:nth-child(15){left:75%;--x-offset: 15px;animation-delay:1.1s}.btn-close-modal-victory{background:none;border:none;color:var(--color-text-muted);font-family:Courier New,Courier,monospace;font-size:.7rem;letter-spacing:.2em;cursor:pointer;transition:all .3s ease;margin-top:1rem}.btn-close-modal-victory:hover{color:var(--color-text);letter-spacing:.3em}@media (max-width: 768px){.victory-modal{padding:2rem 1.5rem}.victory-message h2{font-size:1.8rem}.victory-stats{gap:1.5rem;padding:1.5rem;flex-direction:column}.victory-actions{flex-direction:column}}.game-progress{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:300px;display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:5}.progress-value{font-family:var(--font-body),sans-serif;font-size:.7rem;color:var(--color-accent-gold);font-weight:700;letter-spacing:.1em}.progress-bar-container{width:100%;height:4px;background:#ffffff0d;border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--color-accent-gold);box-shadow:0 0 10px #c4ab5780;transition:width .4s ease}.core-pulse-fast{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid var(--color-accent-blue);border-radius:50%;animation:corePulseFast 1s infinite alternate}@keyframes corePulseFast{0%{transform:scale(.8);opacity:.2}to{transform:scale(1.1);opacity:.5}}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.glitch-title{font-size:1.8rem;line-height:1.2;margin-bottom:2rem}.glitch-title:after{display:none}.overlay-content{padding:0 10vw}.btn-start-game{padding:1rem 1.5rem;font-size:.8rem;width:100%}.archive-racks-bottom{flex-direction:row;padding:.6rem;gap:.4rem;align-items:stretch}.rack-panel{flex-direction:column;align-items:flex-start;padding:.5rem .6rem;gap:.4rem}.soft-rack{align-items:flex-end;justify-content:flex-start}.rack-label{font-size:.55rem;order:0!important}.soft-rack .rack-label{order:0!important}.slots-container{order:1!important;width:100%}.soft-rack .slots-container{order:1!important;flex-direction:row}.archive-slot{height:5px}.core-environment{transform:translate(-50%,-70%) scale(.55);top:45%}.instruction-modal{padding:1.2rem;width:95%;max-height:95dvh;display:flex;flex-direction:column;justify-content:center}.terminal-header{margin-bottom:1rem;padding-bottom:.5rem}.instruction-lore{margin-bottom:1rem}.instruction-lore p{font-size:.75rem;line-height:1.4}.instruction-grid{gap:.8rem;margin-bottom:1.2rem}.instruction-item{gap:.6rem}.inst-icon{width:24px;height:24px;font-size:.55rem}.inst-text h3{font-size:.6rem;margin-bottom:.1rem}.inst-text p{font-size:.7rem;line-height:1.3}.instruction-quote{padding:.8rem;margin-bottom:1.2rem}.instruction-quote p{font-size:.7rem}.btn-start-game{width:100%;padding:.8rem;font-size:.7rem}.victory-modal{padding:1.2rem}.victory-message h2{font-size:1.5rem;margin-bottom:.2rem}.victory-message p{font-size:.85rem;margin-bottom:1rem}.victory-stats{flex-direction:row;gap:2rem;padding:1rem;margin-bottom:1.5rem}.stat-value{font-size:1.2rem}.victory-actions{margin-bottom:1rem;gap:.6rem}.contact-row{gap:.4rem}.victory-actions .btn-start-game{padding:.8rem .4rem;font-size:.65rem;min-width:0}.floor-line{bottom:220px}}.lab-page{min-height:100vh;background:#0a0a0a;color:var(--color-text);font-family:var(--font-body),sans-serif;overflow-x:hidden;position:relative}body.project-open .lab-scrollbar-container{display:none!important}.lab-hero{height:60vh;position:relative;display:flex;align-items:center;justify-content:flex-start;padding:12vh 5vw 0;overflow:hidden;background:#0a0a0a}.lab-hero:before{content:"";position:absolute;top:-10%;left:-10%;width:120%;height:120%;background-image:inherit;background-size:cover;background-position:center;z-index:1;animation:floating-hero 40s ease-in-out infinite;pointer-events:none}@keyframes floating-hero{0%,to{transform:translate(0) scale(1.02)}25%{transform:translate(5px,-5px) scale(1.03)}50%{transform:translate(-3px,-8px) scale(1.02)}75%{transform:translate(-5px,-3px) scale(1.04)}}.lab-hero:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:60%;background:linear-gradient(to top,#0a0a0a 5%,transparent 100%);z-index:2;pointer-events:none}.lab-hero-content{position:relative;z-index:3;width:100%;max-width:none;margin:0}.lab-hero-content{position:relative;z-index:3;width:100%;max-width:1200px;margin:0;display:flex;flex-direction:column;gap:.5rem}.lab-hero-tag{display:inline-block;font-family:var(--font-body);font-size:.7rem;font-weight:700;color:var(--color-accent-gold);letter-spacing:.2em;text-transform:uppercase;margin-bottom:.1rem;text-shadow:0px 2px 2px #4b4b4b;position:relative;padding-left:1.5rem}.lab-hero-tag:before{content:"";position:absolute;left:0;top:50%;width:1rem;height:1px;background:var(--color-accent-gold)}.lab-hero-title{font-family:var(--font-heading);font-size:clamp(4rem,15vw,10rem);line-height:.9;margin:0;text-transform:uppercase;letter-spacing:-.05em;display:flex;flex-direction:column}.lab-hero-title .text-outline{color:transparent;-webkit-text-stroke:1.5px rgba(234,229,202,.4);transition:-webkit-text-stroke .4s ease}.lab-hero-title .text-solid{color:var(--color-text-bright);background:linear-gradient(180deg,#fff,#eae5ca);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:8px}.lab-hero-title .dot{color:var(--color-accent-red);-webkit-text-fill-color:var(--color-accent-red)}.lab-hero-desc{font-family:var(--font-body);font-size:clamp(.9rem,1.3vw,1.05rem);font-weight:500;letter-spacing:.02em;color:var(--color-text);opacity:.7;margin-top:.8rem;line-height:1.6;border-left:2px solid var(--color-accent-red);padding-left:1.5rem}.lab-rows{padding:4rem 0 10vh;position:relative;z-index:10}.lab-row{margin-bottom:1rem;width:100%;padding:0 5vw;position:relative}.lab-row-wrapper{position:relative;display:flex;align-items:center}.lab-row-title{font-size:1.4rem;font-weight:700;color:var(--color-text-bright);letter-spacing:-.02em}.lab-cards-container{display:flex;overflow-x:auto;overflow-y:hidden;padding:.5rem 5vw 2rem;margin:0 -5vw;gap:1.2rem;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none}.lab-cards-container.is-dragging{cursor:grabbing;scroll-behavior:auto}.lab-cards-container::-webkit-scrollbar{display:none}.nav-arrow{position:absolute;top:0;bottom:2rem;width:5rem;background:linear-gradient(to right,#0a0a0a 15%,transparent 100%);border:none;color:var(--color-text);z-index:30;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .4s cubic-bezier(.16,1,.3,1);pointer-events:none}.nav-arrow.visible{opacity:1;pointer-events:all}.nav-arrow:hover{background:linear-gradient(to right,rgba(10,10,10,.95),transparent);transform:scaleY(1.1)}.nav-arrow.right{right:-5vw;background:linear-gradient(to left,#0a0a0a 15%,transparent 100%)}.nav-arrow.right:hover{background:linear-gradient(to left,#0a0a0a 30%,transparent 100%)}.nav-arrow.left{left:-5vw}.nav-arrow.left:hover{background:linear-gradient(to right,#0a0a0a 30%,transparent 100%)}.nav-arrow svg{transition:transform .2s ease;filter:drop-shadow(0 0 10px rgba(0,0,0,.5))}.nav-arrow:hover svg{transform:scale(1.2)}.lab-card{flex:0 0 300px;min-width:300px;aspect-ratio:16 / 9;background:#1a1a1a;border-radius:8px;position:relative;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);border:1px solid rgba(255,255,255,.05)}.lab-card:hover{transform:scale(1.08);z-index:20;box-shadow:0 10px 30px #0009;border-color:#fff3}.lab-card-img{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.lab-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.5) 40%,transparent 80%);display:flex;flex-direction:column;justify-content:flex-end;padding:1.2rem;transition:all .4s ease}.lab-card:hover .lab-card-overlay{background:linear-gradient(to top,#000000f2,#000000b3 60%,#0006)}.lab-card-header{transition:transform .4s ease}.lab-card:hover .lab-card-header{transform:translateY(-5px)}.lab-card-body{max-height:0;opacity:0;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);transform:translateY(10px)}.lab-card:hover .lab-card-body{max-height:100px;opacity:1;transform:translateY(0);margin-top:.8rem}.lab-card-category{font-size:.65rem;color:var(--color-accent-blue);font-weight:800;text-transform:uppercase;margin-bottom:.2rem;display:block}.lab-card-title{font-size:1.1rem;font-weight:700;color:#fff;margin:0;line-height:1.2}.lab-card-desc{font-size:.75rem;line-height:1.4;opacity:.8;color:#ccc;margin-bottom:.8rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lab-card-tags{display:flex;gap:.6rem;flex-wrap:wrap}.lab-tag{font-size:.6rem;color:var(--color-text-muted);background:#ffffff0d;padding:.2rem .5rem;border-radius:4px}.project-viewer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--color-bg);z-index:20000;display:flex;flex-direction:column;animation:fadeInViewer .5s cubic-bezier(.16,1,.3,1)}@keyframes fadeInViewer{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.project-iframe{width:100%;height:100%;border:none;background:#fff}.project-iframe.is-dragging-btn{pointer-events:none}.back-to-lab-btn{position:fixed;z-index:20001;background:#10101033;backdrop-filter:blur(4px) saturate(180%) contrast(1.1);-webkit-backdrop-filter:blur(4px) saturate(180%) contrast(1.1);border:.5px solid #ffffff;color:#fff;padding:.8rem 1.6rem;border-radius:100px;display:flex;align-items:center;gap:.8rem;cursor:grab;transition:transform .4s cubic-bezier(.16,1,.3,1),background .4s ease,box-shadow .4s ease;box-shadow:0 2px 8px #00000026;-webkit-user-select:none;user-select:none;touch-action:none;mix-blend-mode:difference}.back-to-lab-btn.dragging{cursor:grabbing;transform:scale(1.05);box-shadow:0 4px 12px #0003}.back-to-lab-btn span{font-size:.8rem;font-weight:700;letter-spacing:.1em;opacity:.8}.back-to-lab-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 4px 10px #0003,inset 0 1px 3px #ffffff1a}.back-to-lab-btn:hover span{opacity:1}.back-to-lab-btn svg{transition:transform .4s ease}.back-to-lab-btn:hover svg{transform:translate(-3px)}.back-to-lab-btn.hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-20px) scale(.8)}@media (max-width: 768px){.lab-hero{height:60vh;padding:18vh 1.5rem 5vh}.lab-hero-content{max-width:100%;margin:0}.lab-row{padding:0 1.5rem;margin-bottom:1rem}.lab-hero-title{font-size:clamp(2rem,12vw,3rem)}.lab-card{flex:0 0 260px;min-width:260px}.nav-arrow{display:none!important}}.lab-card.is-development{cursor:default;filter:grayscale(.8);opacity:.8}.lab-card.is-development:hover{transform:none!important;z-index:1!important;box-shadow:none!important;border-color:#ffffff0d!important}.lab-card-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.2rem}.dev-badge{font-size:.55rem;background:var(--color-accent-red);color:#fff;padding:.1rem .4rem;border-radius:2px;font-weight:800;letter-spacing:.05em;box-shadow:0 0 10px #ff4b2b4d}.lab-card.is-placeholder{background:#ffffff05;border:1px dashed rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:default;transition:border-color .4s ease,background .4s ease}.lab-card.is-placeholder:hover{transform:none!important;border-color:#fff3!important;background:#ffffff0a}.placeholder-content{display:flex;flex-direction:column;align-items:center;gap:.8rem;opacity:.3;transition:opacity .4s ease}.lab-card.is-placeholder:hover .placeholder-content{opacity:.6}.placeholder-icon{color:var(--color-text);transform:scale(1.2)}.placeholder-text{font-size:.7rem;font-weight:700;letter-spacing:.2em;color:var(--color-text);text-transform:uppercase}.contact-page{min-height:100vh;background-color:var(--color-bg);padding-top:100px;position:relative;overflow:hidden}.contact-hero{max-width:1400px;margin:0 auto;padding:0 5vw;display:flex;flex-direction:column;position:relative;z-index:1}.contact-globe-container{position:absolute;top:-100px;right:-50px;opacity:.6;pointer-events:none;z-index:-1}.contact-tag{font-family:Courier New,Courier,monospace;font-size:.75rem;font-weight:700;letter-spacing:.3em;color:var(--color-accent-blue);margin-bottom:1rem;display:block}.contact-title{font-size:clamp(3rem,10vw,8rem);font-weight:800;letter-spacing:-.04em;line-height:.9;margin-bottom:2rem;color:var(--color-text)}.contact-title .dot{color:var(--color-accent-blue)}.contact-desc{font-family:var(--font-body);font-size:clamp(1rem,1.5vw,1.25rem);opacity:.6;max-width:600px;margin-bottom:2rem;line-height:1.6}.contact-grid{display:grid;grid-template-columns:1fr 300px;gap:4rem;margin-bottom:10vh}.contact-form-container{max-width:500px}.contact-form{display:flex;flex-direction:column;gap:1.2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-family:Courier New,Courier,monospace;font-size:.65rem;font-weight:700;letter-spacing:.15em;opacity:.4}.form-group input,.form-group textarea{background:#ffffff08;border:1px solid rgba(254,253,245,.1);padding:.9rem;color:var(--color-text);font-family:var(--font-body);font-size:.95rem;transition:all .3s ease;border-radius:4px}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent-blue);background:#ffffff0d;box-shadow:0 0 20px #a7d5f51a}.btn-send-contact{display:flex;align-items:center;justify-content:center;gap:1rem;background:var(--color-text);color:var(--color-bg);border:none;padding:1.2rem;font-size:.9rem;font-weight:800;letter-spacing:.1em;cursor:pointer;transition:all .5s cubic-bezier(.16,1,.3,1);border-radius:4px;margin-top:.5rem}.btn-send-contact:hover{background:var(--color-accent-blue);box-shadow:0 20px 60px #a7d5f54d;transform:translateY(-3px)}.contact-info-lateral{display:flex;flex-direction:column;gap:4rem}.info-block h3{font-family:Courier New,Courier,monospace;font-size:.7rem;font-weight:700;letter-spacing:.3em;opacity:.4;margin-bottom:2rem}.info-block{display:flex;flex-direction:column;gap:1rem}.info-block a{font-size:1.1rem;font-weight:700;opacity:.8;transition:all .3s ease;text-decoration:none;color:var(--color-text)}.info-block a:hover{opacity:1;color:var(--color-accent-blue);padding-left:10px}@media (max-width: 1024px){.contact-grid{grid-template-columns:1fr;gap:4rem}.contact-globe-container{right:-100px}}@media (max-width: 768px){.contact-globe-container{right:-150px}}.lab-scrollbar-container{position:fixed;top:10vh;right:2px;width:10px;height:80vh;z-index:10001;cursor:pointer;display:flex;justify-content:flex-end;pointer-events:all}.lab-scrollbar-container.is-dragging{cursor:grabbing}.lab-scrollbar-track{position:relative;width:1px;height:100%;background:#ffffff1a;border-radius:1px}.lab-scrollbar-thumb{position:absolute;left:50%;width:2px;height:60px;background:var(--color-text);transform:translate(-50%,-50%);border-radius:10px;box-shadow:0 0 10px #00000080;transition:width .3s ease,background .3s ease}.lab-scrollbar-container:hover .lab-scrollbar-thumb,.lab-scrollbar-container.is-dragging .lab-scrollbar-thumb{width:4px;background:var(--color-accent-blue)}.lab-scrollbar-container:hover .lab-scrollbar-track{background:#fff3}@media (max-width: 768px){.lab-scrollbar-container{right:0;width:6px}}.footer{background-color:var(--color-bg);position:relative;overflow:hidden}.footer-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(15rem,40vw,50rem);font-weight:800;color:var(--color-text);opacity:.03;pointer-events:none;z-index:0;letter-spacing:-.05em}.footer-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;max-width:1000px;margin:0 auto}.footer-top-info{display:flex;gap:3rem;margin-bottom:5rem}.info-item{display:flex;flex-direction:column;align-items:center;gap:.4rem}.info-label{font-family:Courier New,Courier,monospace;font-size:.65rem;font-weight:700;color:var(--color-text-muted);letter-spacing:.1em}.info-value{font-size:.8rem;font-weight:700;letter-spacing:.05em}.status-online{color:#0f8;display:flex;align-items:center;gap:.5rem}.status-online:before{content:"";width:6px;height:6px;background:#0f8;border-radius:50%;box-shadow:0 0 8px #0f8}.footer-title{font-size:clamp(2.5rem,8vw,6rem);font-weight:800;letter-spacing:-.04em;margin-bottom:4rem;text-align:center;line-height:1}.footer-main-actions{margin-bottom:6rem}.btn-contact-main{display:flex;align-items:center;gap:1.5rem;font-size:clamp(1rem,2vw,1.5rem);font-weight:800;color:var(--color-bg);background:var(--color-text);padding:1.5rem 4rem;border-radius:100px;transition:all .5s cubic-bezier(.16,1,.3,1)}.btn-contact-main:hover{transform:scale(1.05);background:var(--color-accent-blue);box-shadow:0 20px 60px #a7d5f54d}.footer-social-links{display:flex;justify-content:center;gap:6rem;width:100%;margin-bottom:8rem;border-top:1px solid rgba(234,229,202,.1);padding-top:4rem}.social-group{display:flex;flex-direction:column;gap:1.5rem;align-items:flex-start}.group-label{font-family:Courier New,Courier,monospace;font-size:.65rem;font-weight:700;opacity:.4;letter-spacing:.2em}.group-links{display:flex;flex-direction:column;gap:.8rem;align-items:flex-start}.group-links a{font-size:.9rem;font-weight:700;letter-spacing:.05em;transition:all .3s ease;position:relative}.group-links a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--color-accent-blue);transition:width .3s ease}.group-links a:hover{color:var(--color-accent-blue)}.group-links a:hover:after{width:100%}.footer-bottom{width:100%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(234,229,202,.05);padding-top:2rem}.footer-copyright{font-size:.75rem;opacity:.3;font-weight:500}.footer-motto{font-size:.7rem;font-weight:800;letter-spacing:.3em;opacity:.4;display:flex;align-items:center;gap:.5rem}.heart-icon{display:inline-flex;color:var(--color-accent-red)}.heart-icon svg{filter:drop-shadow(0 0 5px rgba(255,75,43,.3))}@media (max-width: 768px){.footer-top-info{flex-direction:column;gap:1.5rem;margin-bottom:3rem}.footer-title{font-size:3rem}.footer-social-links{flex-direction:column;gap:3rem;align-items:center}.social-group,.group-links{align-items:center}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}