@import"https://use.typekit.net/pnd4foc.css";@keyframes heroGradientMoveAlt{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.project-page~#waves,body:has(.project-page) #waves{opacity:.25}.project-page{margin-left:60px;min-height:100vh;padding:2rem 4rem;background:transparent}.back-link{display:inline-block;color:var(--accent-cyan);font-family:aktiv-grotesk,sans-serif;font-size:.875rem;text-decoration:none;margin-bottom:2rem;transition:all .3s ease;letter-spacing:.05em;position:relative;left:-1%}.back-link:hover{color:var(--accent-magenta);text-shadow:0 0 10px var(--accent-magenta)}.project-hero{padding:4rem 0 2rem;text-align:center;padding-right:8%}.project-title{font-family:Future Z,sans-serif;font-weight:700;font-style:normal;font-size:clamp(1.5rem,5vw,2.5rem);letter-spacing:.05em;margin-bottom:1rem;background:linear-gradient(90deg,#ff207a,#9050ff,#00d4ff,#1060c0,#9050ff,#ff207a);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:heroGradientMoveAlt 12s ease-in-out infinite;-webkit-mask-image:linear-gradient(to bottom,black 60%,rgba(0,0,0,.3) 100%);mask-image:linear-gradient(to bottom,#000 60%,#0000004d)}.project-tagline{font-family:IBM Plex Sans,sans-serif;font-size:clamp(.75rem,1.4vw,.95rem);color:#ffffff80;max-width:600px;margin:0 auto 2rem;line-height:1.6;white-space:nowrap}.project-links{justify-content:center;display:flex;gap:1rem;flex-wrap:wrap}.project-btn{display:inline-flex;align-items:center;justify-content:center;padding:7px 36px;font-family:aktiv-grotesk,sans-serif!important;font-size:.75rem;font-weight:500;text-decoration:none;letter-spacing:.18em;text-transform:uppercase;color:#ffffffd9;cursor:pointer;border-radius:4px;background:linear-gradient(145deg,#221d27,#000),radial-gradient(circle at 30% 30%,rgba(255,255,255,.1),transparent 50%),radial-gradient(circle at 70% 70%,rgba(0,0,0,.5),transparent 50%),linear-gradient(45deg,#8a2be20d,#00d4ff0d,#8a2be20d);background-size:100% 100%,150% 150%,150% 150%,200% 200%;background-blend-mode:overlay,multiply,overlay;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 8px #0009,inset 0 1px 2px #ffffff1a,0 0 12px #00d4ff1f;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.project-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,#00d4ff40,#8a2be233);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;z-index:-1}.project-btn:hover:before{width:200px;height:200px}.project-btn:hover{color:#00fff7;box-shadow:0 4px 16px #000000b3,inset 0 1px 2px #ffffff26,0 0 20px #00fff74d;text-shadow:0 0 10px rgba(0,255,247,.5)}.project-btn:active{transform:scale(.97);transition:all .1s ease}.project-btn.large{padding:1.125rem 2.5rem;font-size:1rem}.project-note{margin-top:1.5rem;padding:.75rem 1.25rem;font-family:IBM Plex Sans,sans-serif;font-size:.75rem;color:#ffffffd9;background:linear-gradient(145deg,#2a1d1d,#0a0000),radial-gradient(circle at 30% 30%,rgba(255,100,100,.08),transparent 50%),radial-gradient(circle at 70% 70%,rgba(0,0,0,.5),transparent 50%),linear-gradient(45deg,#c8323214,#00d4ff08,#c8323214);border:1px solid rgba(255,100,100,.25);border-radius:60% 40% 55% 45%/45% 55% 40% 60%;text-align:center;max-width:500px;margin-left:auto;margin-right:auto;box-shadow:0 4px 8px #000c,0 0 12px #ff32321a,inset 0 1px 3px #ffffff1a,inset 0 -1px 3px #00000080}.project-note strong{color:#ff7878}.project-gallery{padding:2rem 0 4rem;max-width:1200px;margin:0 auto;transform:translate(-3%)}.gallery-main{position:relative;border-radius:12px;overflow:hidden;border:1px solid rgba(0,212,255,.3);background:linear-gradient(145deg,#221d27,#000),radial-gradient(circle at 30% 30%,rgba(255,255,255,.05),transparent 50%),radial-gradient(circle at 70% 70%,rgba(0,0,0,.5),transparent 50%),linear-gradient(45deg,#8a2be20d,#00d4ff0d,#8a2be20d);box-shadow:0 4px 8px #000c,inset 0 1px 3px #ffffff1a,inset 0 -1px 3px #00000080}.gallery-hero-img{width:100%;height:auto;display:block;aspect-ratio:16 / 9;object-fit:cover}.gallery-hero-img.architecture-img{aspect-ratio:auto;object-fit:contain;max-height:600px;background:linear-gradient(145deg,#0a0a0f,#151520)}.architecture-section{margin-top:2rem;padding:1.5rem;background:linear-gradient(145deg,#221d2766,#0000004d),radial-gradient(circle at 30% 30%,rgba(255,255,255,.03),transparent 50%),radial-gradient(circle at 70% 70%,rgba(0,0,0,.3),transparent 50%),linear-gradient(45deg,#8a2be208,#00d4ff08,#8a2be208);background-size:100% 100%,150% 150%,150% 150%,200% 200%;background-blend-mode:overlay,multiply,overlay;border:1px solid rgba(0,212,255,.15);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 8px #0006,inset 0 1px 2px #ffffff0d,inset 0 -1px 2px #0000004d;transition:all .3s ease}.architecture-section:hover{border-color:#00d4ff66;box-shadow:0 0 15px #00d4ff26,0 4px 8px #0006,inset 0 1px 2px #ffffff1a,inset 0 -1px 2px #0000004d}.architecture-section h3{font-family:Orbitron,sans-serif;font-size:.875rem;background:linear-gradient(90deg,#ff006e,#8338ec,#07429f);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:heroGradientMoveAlt 8s linear infinite;margin-bottom:1rem;letter-spacing:.1em;text-transform:uppercase;text-align:center;-webkit-mask-image:linear-gradient(to bottom,black 30%,rgba(0,0,0,.3) 100%);mask-image:linear-gradient(to bottom,#000 30%,#0000004d)}.architecture-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.architecture-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.architecture-item img{width:100%;height:120px;object-fit:cover;border-radius:8px;cursor:pointer;opacity:.7;border:2px solid transparent;transition:all .3s ease}.architecture-item img:hover{opacity:1;border-color:#00d4ff80;box-shadow:0 0 15px #00d4ff4d}.architecture-item img.active{opacity:1;border-color:var(--accent-cyan);box-shadow:0 0 15px #4fffff66}.architecture-item .arch-label{font-family:IBM Plex Sans,sans-serif;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80}.architecture-item.wireframe .arch-label{color:#00ff88b3}.architecture-item.erd .arch-label{color:#8a2be2b3}@media (max-width: 480px){.architecture-grid{grid-template-columns:1fr}}.gallery-thumbs{display:flex;gap:1rem;margin-top:1rem;overflow-x:auto;padding-bottom:.5rem}.gallery-thumbs .thumb{width:120px;height:80px;object-fit:cover;border-radius:8px;cursor:pointer;opacity:.5;border:2px solid transparent;transition:all .3s ease}.gallery-thumbs .thumb:hover{opacity:.8}.gallery-thumbs .thumb.active{opacity:1;border-color:var(--accent-cyan);box-shadow:0 0 15px #4fffff66}.project-about{padding:4rem 0;content-visibility:auto;contain-intrinsic-size:auto 600px}.project-about h2,.project-features h2,.project-diagram h2,.project-design h2,.project-cta h2{font-family:Future Z,sans-serif;font-size:clamp(1.3rem,3.5vw,1.8rem);white-space:nowrap;font-weight:700;letter-spacing:.15em;background:linear-gradient(90deg,#ff207a,#9050ff,#00d4ff,#1060c0);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:heroGradientMoveAlt 8s linear infinite;margin-bottom:2rem;letter-spacing:.1em;-webkit-mask-image:linear-gradient(to bottom,black 60%,rgba(0,0,0,.3) 100%);mask-image:linear-gradient(to bottom,#000 60%,#0000004d)}.about-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:3rem}.about-description p{font-family:IBM Plex Sans,sans-serif;font-size:1.0625rem;font-weight:300;line-height:1.8;color:#ffffffd9;margin-bottom:1.5rem}.about-description strong{color:var(--accent-cyan)}.about-description h3{font-family:IBM Plex Sans,sans-serif;font-size:1.2rem;background:linear-gradient(90deg,#ff006e,#8338ec,#07429f);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:heroGradientMoveAlt 8s linear infinite;margin:2rem 0 1rem;letter-spacing:.1em;text-transform:uppercase;-webkit-mask-image:linear-gradient(to bottom,black 30%,rgba(0,0,0,.3) 100%);mask-image:linear-gradient(to bottom,#000 30%,#0000004d)}.about-description h4{font-family:IBM Plex Sans,sans-serif;font-size:.875rem;background:linear-gradient(90deg,#ff006e,#8338ec,#07429f);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:heroGradientMoveAlt 8s linear infinite;margin:1.5rem 0 .75rem;letter-spacing:.1em;text-transform:uppercase;-webkit-mask-image:linear-gradient(to bottom,black 30%,rgba(0,0,0,.3) 100%);mask-image:linear-gradient(to bottom,#000 30%,#0000004d)}.tech-table{margin:1.5rem 0 2rem;border:1px solid rgba(0,212,255,.2);border-radius:12px;overflow:hidden;background:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tech-row{display:grid;grid-template-columns:160px 1fr;border-bottom:1px solid rgba(0,212,255,.1);transition:background .3s ease}.tech-row:last-child{border-bottom:none}.tech-row:hover{background:#00d4ff0d}.tech-feature{font-family:Orbitron,sans-serif;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-cyan);padding:1rem 1.25rem;border-right:1px solid rgba(0,212,255,.1);display:flex;align-items:center;background:#00d4ff08}.tech-impl{font-family:IBM Plex Sans,sans-serif;font-size:.9375rem;font-weight:300;line-height:1.6;color:#fffc;padding:1rem 1.25rem}@media (max-width: 600px){.tech-row{grid-template-columns:1fr}.tech-feature{border-right:none;border-bottom:1px solid rgba(0,212,255,.1);padding:.75rem 1rem}.tech-impl{padding:.75rem 1rem}}.about-details{display:flex;flex-direction:column;gap:1.5rem}.detail-card{position:relative;isolation:isolate;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);filter:drop-shadow(0 4px 8px rgba(0,0,0,.6));transition:all .3s ease}.detail-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ff006eb3,#8338ecb3,#00d4ffb3);z-index:-2;transition:background .3s ease}.detail-card:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px);background:linear-gradient(145deg,#221d27,#000),radial-gradient(circle at 30% 30%,rgba(255,255,255,.05),transparent 50%),radial-gradient(circle at 70% 70%,rgba(0,0,0,.5),transparent 50%),linear-gradient(45deg,#8a2be20d,#00d4ff0d,#8a2be20d);background-size:100% 100%,150% 150%,150% 150%,200% 200%;background-blend-mode:overlay,multiply,overlay;z-index:-1}.detail-card:hover{filter:drop-shadow(0 0 10px rgba(131,56,236,.5)) drop-shadow(0 4px 8px rgba(0,0,0,.8))}.detail-card:hover:before{background:linear-gradient(135deg,#ff006e,#8338ec,#00d4ff)}.detail-card h3{font-family:Orbitron,sans-serif;font-size:.875rem;background:linear-gradient(90deg,#ff006e,#8338ec,#07429f);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:heroGradientMoveAlt 8s linear infinite;margin-bottom:1rem;letter-spacing:.1em;text-transform:uppercase;-webkit-mask-image:linear-gradient(to bottom,black 30%,rgba(0,0,0,.3) 100%);mask-image:linear-gradient(to bottom,#000 30%,#0000004d)}.detail-card p{font-family:IBM Plex Sans,sans-serif;font-size:.9375rem;font-weight:300;color:#fffc;line-height:1.6}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{display:inline-block;padding:.375rem .75rem;font-family:var(--font-display);font-size:.75rem;font-weight:500;color:#ffffffb3;background:linear-gradient(145deg,#221d27,#000);border:1px solid rgba(0,212,255,.3);border-radius:4px;letter-spacing:.05em;box-shadow:0 2px 4px #0009,inset 0 1px 2px #ffffff1a}.project-features{padding:4rem 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.feature-card{position:relative;isolation:isolate;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);filter:drop-shadow(0 4px 8px rgba(0,0,0,.6));transition:all .3s ease}.feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ff006eb3,#8338ecb3,#00d4ffb3);z-index:-2;transition:background .3s ease}.feature-card:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px);background:linear-gradient(145deg,#221d27,#000),radial-gradient(circle at 30% 30%,rgba(255,255,255,.05),transparent 50%),radial-gradient(circle at 70% 70%,rgba(0,0,0,.5),transparent 50%),linear-gradient(45deg,#8a2be20d,#00d4ff0d,#8a2be20d);background-size:100% 100%,150% 150%,150% 150%,200% 200%;background-blend-mode:overlay,multiply,overlay;z-index:-1}.feature-card:hover{transform:translateY(-4px);filter:drop-shadow(0 0 10px rgba(131,56,236,.5)) drop-shadow(0 4px 8px rgba(0,0,0,.8))}.feature-card:hover:before{background:linear-gradient(135deg,#ff006e,#8338ec,#00d4ff)}.feature-icon{width:48px;height:48px;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.feature-icon svg{width:100%;height:100%;stroke-linecap:round;stroke-linejoin:round}.feature-icon.cyan{color:var(--accent-cyan);filter:drop-shadow(0 0 8px rgba(79,255,255,.5))}.feature-icon.purple{color:var(--accent-magenta);filter:drop-shadow(0 0 8px rgba(233,78,200,.5))}.feature-card h3{font-family:Orbitron,sans-serif;font-size:1.125rem;background:linear-gradient(90deg,#ff006e,#8338ec,#07429f);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:heroGradientMoveAlt 8s linear infinite;margin-bottom:.75rem;letter-spacing:.05em;-webkit-mask-image:linear-gradient(to bottom,black 30%,rgba(0,0,0,.3) 100%);mask-image:linear-gradient(to bottom,#000 30%,#0000004d)}.feature-card p{font-family:IBM Plex Sans,sans-serif;font-size:.9375rem;font-weight:300;color:#ffffffb3;line-height:1.6}.project-diagram{padding:4rem 0}.diagram-container{position:relative;isolation:isolate;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);padding:2rem;overflow-x:auto;display:flex;justify-content:center;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}.diagram-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ff006eb3,#8338ecb3,#00d4ffb3);z-index:-2}.diagram-container:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px);background:linear-gradient(145deg,#221d27,#000),radial-gradient(circle at 30% 30%,rgba(255,255,255,.05),transparent 50%),radial-gradient(circle at 70% 70%,rgba(0,0,0,.5),transparent 50%),linear-gradient(45deg,#8a2be20d,#00d4ff0d,#8a2be20d);background-size:100% 100%,150% 150%,150% 150%,200% 200%;background-blend-mode:overlay,multiply,overlay;z-index:-1;pointer-events:none}.ascii-diagram{font-family:Courier New,monospace;font-size:.875rem;color:var(--accent-cyan);white-space:pre;line-height:1.4;margin:0;text-align:center}.diagram-caption{font-family:IBM Plex Sans,sans-serif;font-size:.9375rem;color:#fff9;text-align:center;margin-top:1.5rem;font-style:italic}.project-design{padding:4rem 0}.design-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.color-palette h3,.design-effects h3{font-family:Orbitron,sans-serif;font-size:1rem;background:linear-gradient(90deg,#ff006e,#8338ec,#07429f);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:heroGradientMoveAlt 8s linear infinite;margin-bottom:1.5rem;letter-spacing:.1em;text-transform:uppercase;-webkit-mask-image:linear-gradient(to bottom,black 30%,rgba(0,0,0,.3) 100%);mask-image:linear-gradient(to bottom,#000 30%,#0000004d)}.colors{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.color-swatch{aspect-ratio:1.5;border-radius:8px;display:flex;flex-direction:column;justify-content:flex-end;padding:.75rem;position:relative}.color-swatch span{font-family:var(--font-display);font-size:.75rem;color:#0a0a0f;font-weight:600;letter-spacing:.05em}.color-swatch code{font-family:monospace;font-size:.6875rem;color:#0a0a0fb3}.design-effects ul{list-style:none;padding:0}.design-effects li{font-family:IBM Plex Sans,sans-serif;font-size:1rem;font-weight:300;color:#fffc;border-bottom:1px solid rgba(79,255,255,.1);padding:.75rem 0 .75rem 1.5rem;position:relative}.design-effects li:before{content:"◆";position:absolute;left:0;color:var(--accent-cyan);font-size:.625rem}.project-cta{padding:4rem 0;text-align:center}.cta-buttons{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.system-metrics{padding:4rem 1rem;max-width:1200px;margin:0 auto;position:relative}.metrics-header{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:3rem}.system-metrics h2{font-family:Orbitron,sans-serif;font-size:clamp(1.25rem,3vw,1.75rem);background:linear-gradient(90deg,#00d4ff,#8338ec,#ff006e);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:heroGradientMoveAlt 6s linear infinite;text-transform:uppercase;letter-spacing:.15em;margin:0}.live-indicator{display:flex;align-items:center;gap:.5rem;font-family:IBM Plex Sans,sans-serif;font-size:.75rem;color:#0f8;text-transform:uppercase;letter-spacing:.1em}.live-indicator .pulse{width:8px;height:8px;background:#0f8;border-radius:50%;animation:livePulse 1.5s ease-in-out infinite;box-shadow:0 0 8px #0f8,0 0 16px #00ff8880}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.metric-node{position:relative;isolation:isolate;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);padding:2rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);filter:drop-shadow(0 4px 8px rgba(0,0,0,.6));transition:all .3s ease}.metric-node:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ff006eb3,#8338ecb3,#00d4ffb3);z-index:-2;transition:background .3s ease}.metric-node:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px);background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,212,255,.03) 2px,rgba(0,212,255,.03) 4px),linear-gradient(145deg,#1a1525,#0a0510),radial-gradient(circle at 30% 30%,rgba(0,212,255,.08),transparent 50%),radial-gradient(circle at 70% 70%,rgba(138,43,226,.08),transparent 50%);z-index:-1;pointer-events:none}.metric-node:hover{transform:translateY(-4px);filter:drop-shadow(0 0 10px rgba(131,56,236,.5)) drop-shadow(0 4px 8px rgba(0,0,0,.8))}.metric-node:hover:before{background:linear-gradient(135deg,#ff006e,#8338ec,#00d4ff)}.metric-node:hover .metric-value{animation:metricGlitch .3s ease}@keyframes metricGlitch{0%,to{transform:translate(0);text-shadow:0 0 20px rgba(0,212,255,.8)}20%{transform:translate(-2px,1px);text-shadow:-2px 0 #ff006e,2px 0 #00d4ff}40%{transform:translate(2px,-1px);text-shadow:2px 0 #ff006e,-2px 0 #00d4ff}60%{transform:translate(-1px,2px);text-shadow:-1px 0 #ff006e,1px 0 #00d4ff}80%{transform:translate(1px,-2px);text-shadow:0 0 20px rgba(0,212,255,.8)}}.metric-icon{width:48px;height:48px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center}.metric-icon svg{width:100%;height:100%;stroke:var(--accent-cyan, #00d4ff);opacity:.7;filter:drop-shadow(0 0 6px rgba(0,212,255,.5))}.metric-value{font-family:Orbitron,sans-serif;font-size:clamp(2rem,5vw,2.5rem);font-weight:700;color:#fff;text-shadow:0 0 20px rgba(0,212,255,.6);margin-bottom:.5rem;position:relative;z-index:1}.metric-label{font-family:Orbitron,sans-serif;font-size:.875rem;color:var(--accent-cyan, #00d4ff);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem;position:relative;z-index:1}.metric-sublabel{font-family:IBM Plex Sans,sans-serif;font-size:.75rem;color:#ffffff80;letter-spacing:.05em;position:relative;z-index:1}.metrics-footer{margin-top:2rem;text-align:center}.data-source{font-family:IBM Plex Sans,sans-serif;font-size:.7rem;color:#ffffff59;text-transform:uppercase;letter-spacing:.1em}@media (max-width: 768px){html,body{height:auto;min-height:100%;overflow-y:auto!important;overflow-x:hidden;-webkit-overflow-scrolling:touch;background-attachment:scroll}#waves,.parallax-bg-overlay{display:none!important}.project-page{margin-left:0;margin-bottom:80px;padding:1.5rem;position:relative;z-index:1}.project-hero{padding:2rem 0;padding-right:0;text-align:center}.project-title{text-align:center}.project-tagline{text-align:center;margin-left:auto;margin-right:auto}.project-gallery{transform:none;margin:0 auto;padding:1rem}.about-grid{grid-template-columns:1fr;gap:2rem}.design-grid{grid-template-columns:1fr}.colors{grid-template-columns:repeat(4,1fr)}.color-swatch{aspect-ratio:1}.project-links{flex-direction:column;align-items:center}.project-btn{width:auto;max-width:180px;padding:6px 24px;justify-content:center}.gallery-thumbs .thumb{width:80px;height:54px}.ascii-diagram{font-size:.625rem}.system-metrics{padding:3rem 1rem}.metrics-header{flex-direction:column;gap:.75rem}.metrics-grid{grid-template-columns:1fr;gap:1rem}.metric-node{padding:1.5rem}}@media (max-width: 480px){.project-page{padding:1rem}.project-title{font-size:clamp(1.25rem,6vw,1.75rem)}.colors{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:1fr}}