.showroom:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}.showroom:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at var(--spotlight-x, 50%) var(--spotlight-y, 55%),rgba(0,212,255,.045) 0%,transparent 55%);transition:background .8s ease}.showroom{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-bg);display:flex;flex-direction:column;overflow:hidden}.showroom-topbar{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:2rem 3rem}.showroom-name{font-family:var(--font-display);font-size:2rem;letter-spacing:3px;text-transform:uppercase;color:var(--color-text);-webkit-user-select:none;user-select:none}.showroom-nav{display:flex;gap:2.5rem;align-items:center}.showroom-nav button{background:none;border:none;color:var(--color-muted);font-family:var(--font-body);font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:2.5px;cursor:pointer;padding:.25rem 0;position:relative;transition:color .3s ease}.showroom-nav button:hover{color:var(--color-text)}.showroom-nav button.active{color:var(--color-accent)}.showroom-nav button:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:1px;background:var(--color-accent);transform:scaleX(0);transform-origin:center;transition:transform .3s ease}.showroom-nav button.active:after{transform:scaleX(1)}.showroom-stage{position:relative;z-index:2;flex:1;display:flex;align-items:center;justify-content:center}.car-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transition:var(--transition-state);z-index:1}.car-stage[data-state=home]{transform:translate(0) scale(1)}.car-stage[data-state=projects]{transform:translate(18%,12%) scale(.85)}.car-stage[data-state=about]{transform:translate(-16%) scale(.85)}.car-stage[data-state=contact]{transform:translate(0) scale(.7)}.panel{position:absolute;z-index:5;opacity:0;pointer-events:none;transition:opacity .5s ease,transform .5s cubic-bezier(.4,0,.2,1)}.panel.visible{opacity:1;pointer-events:auto}.panel-projects{left:3rem;top:50%;transform:translate(-30px,-50%);width:38%;max-width:520px}.panel-projects.visible{transform:translateY(-50%)}.project-card{background:#1a1a2ed9;border:1px solid rgba(0,212,255,.1);border-radius:12px;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.project-image-container{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden}.project-image-container img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-image-container img{transform:scale(1.03)}.project-info{padding:1.5rem}.project-title{font-family:var(--font-display);font-size:1.6rem;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:.5rem}.project-description{font-size:.9rem;color:var(--color-muted);line-height:1.5;margin-bottom:1rem;min-height:2.7rem}.project-tech{display:flex;flex-wrap:wrap;align-content:flex-start;gap:.5rem;margin-bottom:1.25rem;min-height:3.25rem}.tech-pill{font-family:var(--font-mono);font-size:.7rem;padding:.25rem .6rem;border-radius:4px;background:#00d4ff14;border:1px solid rgba(0,212,255,.2);color:var(--color-accent);letter-spacing:.5px}.project-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-text);text-decoration:none;font-size:.85rem;font-weight:500;letter-spacing:1px;text-transform:uppercase;transition:color .3s ease,gap .3s ease}.project-link:hover{color:var(--color-accent);gap:.75rem}.project-link:after{content:"→";transition:transform .3s ease}.project-link:hover:after{transform:translate(3px)}.project-nav{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.25rem}.project-nav button{background:none;border:1px solid rgba(255,255,255,.15);color:var(--color-text);width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all .3s ease}.project-nav button:hover{border-color:var(--color-accent);color:var(--color-accent)}.project-dots{display:flex;gap:8px}.project-dot{width:6px;height:6px;border-radius:50%;background:#fff3;cursor:pointer;transition:all .3s ease}.project-dot.active{background:var(--color-accent);box-shadow:0 0 8px #00d4ff66}.panel-about{right:3rem;top:50%;transform:translate(30px,-50%);width:38%;max-width:480px}.panel-about.visible{transform:translateY(-50%)}.about-content h2{font-family:var(--font-display);font-size:2.8rem;letter-spacing:2px;text-transform:uppercase;margin-bottom:1.5rem;line-height:1.1}.about-content h2 span{color:var(--color-accent)}.about-content p{font-size:1.05rem;line-height:1.7;color:#f0f0f0cc;margin-bottom:1rem}.about-links{display:flex;gap:1.25rem;margin-top:2rem}.about-link{display:flex;align-items:center;gap:.5rem;color:var(--color-muted);text-decoration:none;font-size:.85rem;font-weight:500;letter-spacing:1px;text-transform:uppercase;padding:.6rem 1.2rem;border:1px solid rgba(255,255,255,.12);border-radius:6px;transition:all .3s ease}.about-link:hover{color:var(--color-accent);border-color:#00d4ff66;background:#00d4ff0d}.about-link i,.about-link svg{font-size:1.1rem}.panel-contact{bottom:15%;left:50%;transform:translate(-50%,20px);text-align:center}.panel-contact.visible{transform:translate(-50%)}.contact-content h2{font-family:var(--font-display);font-size:3.2rem;letter-spacing:3px;text-transform:uppercase;margin-bottom:.75rem}.contact-email{font-family:var(--font-mono);font-size:1.1rem;color:var(--color-accent);text-decoration:none;letter-spacing:1px;transition:opacity .3s ease}.contact-email:hover{opacity:.7}.contact-links{display:flex;gap:1.5rem;justify-content:center;margin-top:1.5rem}.contact-link{color:var(--color-muted);text-decoration:none;font-size:1.4rem;display:inline-flex;align-items:center;justify-content:center;transition:color .3s ease,transform .3s ease}.contact-link:hover{color:var(--color-accent);transform:translateY(-2px)}.panel-home{bottom:18%;left:50%;transform:translate(-50%,10px);text-align:center}.panel-home.visible{transform:translate(-50%)}.home-tagline{font-family:var(--font-display);font-size:1.4rem;letter-spacing:6px;text-transform:uppercase;color:#f0f0f066}.car-selector{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:.25rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:4px}.car-selector button{background:none;border:none;color:var(--color-muted);font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:1px;padding:.4rem 1rem;cursor:pointer;border-radius:6px;transition:all .3s ease}.car-selector button:hover{color:var(--color-text)}.car-selector button.active{color:var(--color-accent);background:#00d4ff1a;box-shadow:0 0 12px #00d4ff26}.showroom-skills{position:absolute;top:3rem;right:15rem;z-index:3;opacity:0;transform:translateY(-10px) scale(.85);transform-origin:top right;transition:opacity .4s ease .2s,transform .4s ease .2s;pointer-events:none}.showroom-skills.visible{opacity:1;transform:translateY(0) scale(.85);pointer-events:auto}.car-wrapper{position:relative;width:100%;height:100%}.car-instance{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity .4s ease}.car-instance.active{opacity:1;pointer-events:auto}.skills-honeycomb{width:100%;max-width:700px;z-index:10}:root{--hex-color: #005baf;--hex-dark: #003b6f;--hex-border: #404040;--hex-glow: rgba(125, 249, 255, 1)}.skills{display:flex;align-items:center;justify-content:center}.container{width:calc(100% - 20px);max-width:600px;display:flex;flex-direction:column;padding:0;background-color:transparent;border-radius:10px;border:none}.honeycomb-grid{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap;padding:10px 0}.honeycomb-row{display:flex;justify-content:center}.honeycomb-row:last-child{transform:none}.honeycomb-row .hexagon{position:relative;width:80px;height:92px;margin:-8px 4px;display:flex;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.25,.46,.45,.94);z-index:1;opacity:0;transform:scale(.5);animation:hexagonAppear .5s ease forwards;animation-delay:calc(var(--delay, 0) * .1s);cursor:pointer}.honeycomb-row .hexagon .skill-name{position:absolute;color:#fff;font-size:11px;font-weight:700;text-align:center;opacity:0;transition:opacity .3s ease;z-index:3;padding:0 5px;pointer-events:none;text-shadow:0 1px 4px rgba(0,0,0,.9);letter-spacing:.3px}.honeycomb-row .hexagon img{width:42px;height:42px;background-color:transparent;padding:0;position:relative;z-index:2;transition:all .3s ease;object-fit:contain}.honeycomb-row .hexagon:hover img{opacity:0}.honeycomb-row .hexagon:hover .skill-name{opacity:1}.honeycomb-row .hexagon:hover{filter:drop-shadow(0 0 12px var(--hex-glow))}.honeycomb-row .hexagon:hover:before{background-color:var(--hex-dark)}.honeycomb-row .hexagon:hover:after{opacity:1}.honeycomb-row .hexagon:before,.honeycomb-row .hexagon:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;transition:all .4s ease;clip-path:polygon(0 25%,50% 0,100% 25%,100% 75%,50% 100%,0 75%)}.honeycomb-row .hexagon:before{background-color:var(--hex-color);z-index:1}.honeycomb-row .hexagon:after{background-color:var(--hex-border);z-index:-1;opacity:0;transform:scale(1.05)}.hexagon.highlighted{filter:drop-shadow(0 0 15px var(--hex-glow));transform:scale(1.1);z-index:2;animation:hexagonAppear .5s ease forwards,pulseGlow 2.4s ease-in-out infinite;animation-delay:calc(var(--delay, 0) * .1s),0s}.hexagon.highlighted:before{background-color:var(--hex-dark)}.hexagon.highlighted:after{opacity:1}.hexagon.dimmed{opacity:.3;filter:saturate(.15) brightness(.6)}.hexagon.dimmed:hover{opacity:1;filter:drop-shadow(0 0 12px var(--hex-glow)) saturate(1) brightness(1)}@keyframes hexagonAppear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 0 12px var(--hex-glow))}50%{filter:drop-shadow(0 0 22px var(--hex-glow)) drop-shadow(0 0 44px rgba(125,249,255,.25))}}@media (max-width: 768px){.skills-honeycomb{width:40%}.honeycomb-row .hexagon{width:60px;height:70px;margin:-8px 5px}.honeycomb-row .hexagon img{width:30px;height:30px}.honeycomb-row.staggered-row{margin-left:30px}.honeycomb-row.staggered-row:last-child{margin-left:0;transform:translate(-35px)}}@media (max-width: 480px){.skills-honeycomb{width:70%;right:1rem;bottom:1rem}.honeycomb-row.staggered-row{margin-left:20px}.honeycomb-row.staggered-row:last-child{margin-left:0;transform:translate(-35px)}}