@import "https://fonts.googleapis.com/css2?family=VT323&family=Share+Tech+Mono&family=Orbitron:wght@400;700&display=swap";
.services .services-inner{background:#fff;flex-direction:column;display:flex;position:relative;box-shadow:0 16px 32px #00000079}.services .services-num{letter-spacing:4px;opacity:.6;color:var(--dark-charcoal);font-size:26px;font-weight:700}.services .section-title{color:var(--dark-charcoal)}.services-grid{grid-template-columns:40% 60%;align-items:stretch;gap:24px;display:grid}.services-grid-left{height:100%;display:flex}.services-grid-right{flex-direction:column;gap:24px;display:flex}.service-card{border:2px solid var(--dark-charcoal);color:#fff;background:#a8b89a;flex-direction:column;gap:16px;padding:32px;display:flex;position:relative;overflow:hidden}.service-card:before{content:"";filter:url(#risograph);pointer-events:none;z-index:0;position:absolute;inset:0}.service-card-ai{color:var(--dark-charcoal);background:#a8b89a}.service-card-ai:before{filter:url(#risograph);background:#a8b89a}.service-card-ai:after{content:"";opacity:.5;pointer-events:none;z-index:1;filter:none;background-image:url("data:image/svg+xml;utf8,<svg width=\"800px\" height=\"800px\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M20.5 9a3.49 3.49 0 0 0-3.45 3h-1.1a2.49 2.49 0 0 0-4.396-1.052L8.878 9.731l3.143-4.225a2.458 2.458 0 0 0 2.98-.019L17.339 8H16v1h3V6h-1v1.243l-2.336-2.512A2.473 2.473 0 0 0 16 3.5a2.5 2.5 0 0 0-5 0 2.474 2.474 0 0 0 .343 1.243L7.947 9.308 4.955 7.947a2.404 2.404 0 0 0-.161-1.438l3.704-1.385-.44 1.371.942.333L10 4 7.172 3l-.334.943 1.01.357-3.659 1.368a2.498 2.498 0 1 0-.682 4.117l2.085 2.688-2.053 2.76a2.5 2.5 0 1 0 .87 3.864l3.484 1.587-1.055.373.334.943L10 21l-1-2.828-.943.333.435 1.354-3.608-1.645A2.471 2.471 0 0 0 5 17.5a2.5 2.5 0 0 0-.058-.527l3.053-1.405 3.476 4.48a2.498 2.498 0 1 0 4.113.075L18 17.707V19h1v-3h-3v1h1.293l-2.416 2.416a2.466 2.466 0 0 0-2.667-.047l-3.283-4.23 2.554-1.176A2.494 2.494 0 0 0 15.95 13h1.1a3.493 3.493 0 1 0 3.45-4zm-7-7A1.5 1.5 0 1 1 12 3.5 1.502 1.502 0 0 1 13.5 2zm0 18a1.5 1.5 0 1 1-1.5 1.5 1.502 1.502 0 0 1 1.5-1.5zM1 7.5a1.5 1.5 0 1 1 2.457 1.145l-.144.112A1.496 1.496 0 0 1 1 7.5zm3.32 1.703a2.507 2.507 0 0 0 .264-.326l2.752 1.251-1.124 1.512zM2.5 19A1.5 1.5 0 1 1 4 17.5 1.502 1.502 0 0 1 2.5 19zm2.037-2.941a2.518 2.518 0 0 0-.193-.234l1.885-2.532 1.136 1.464zm3.76-1.731L6.849 12.46l1.42-1.908L11.1 11.84a2.29 2.29 0 0 0-.033 1.213zM13.5 14a1.5 1.5 0 1 1 1.5-1.5 1.502 1.502 0 0 1-1.5 1.5zm7 1a2.5 2.5 0 1 1 2.5-2.5 2.502 2.502 0 0 1-2.5 2.5zm1.5-2.5a1.5 1.5 0 1 1-1.5-1.5 1.502 1.502 0 0 1 1.5 1.5z\" fill=\"black\"/></svg>");background-position:50%;background-repeat:no-repeat;background-size:contain;width:360px;height:360px;position:absolute;bottom:-100px;right:20px;transform:rotate(-10deg)}.service-card-ai>*{z-index:2;position:relative}.service-card-ai .service-title{color:var(--dark-charcoal)}.service-card-ai .service-description{color:var(--dark-charcoal);opacity:1;flex-grow:0;font-size:18px;font-weight:500}.service-card-ai .retro-badge{color:var(--dark-charcoal);background:#1a1a1833;border-color:#1a1a1866}.service-card-ai .tech-item{color:var(--dark-charcoal);border-color:var(--dark-charcoal);background:#fff;padding:6px 14px;font-size:13px}.service-card-fullstack{color:var(--dark-charcoal);background:#a8d5d8}.service-card-fullstack:before{filter:url(#risograph);background:#a8d5d8}.service-card-fullstack:after{content:"";opacity:.5;pointer-events:none;z-index:1;background-image:url("data:image/svg+xml;utf8,<svg width=\"800px\" height=\"800px\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M8.01005 0.858582L6.01005 14.8586L7.98995 15.1414L9.98995 1.14142L8.01005 0.858582Z\" fill=\"black\"/><path d=\"M12.5 11.5L11.0858 10.0858L13.1716 8L11.0858 5.91422L12.5 4.5L16 8L12.5 11.5Z\" fill=\"black\"/><path d=\"M2.82843 8L4.91421 10.0858L3.5 11.5L0 8L3.5 4.5L4.91421 5.91422L2.82843 8Z\" fill=\"black\"/></svg>");background-position:50%;background-repeat:no-repeat;background-size:contain;width:150px;height:150px;position:absolute;bottom:-30px;right:20px;transform:rotate(10deg)}.service-card-fullstack>*{z-index:2;position:relative}.service-card-fullstack .service-title{color:var(--dark-charcoal)}.service-card-fullstack .service-description{color:var(--dark-charcoal);opacity:.7;flex-grow:0;font-size:18px;font-weight:500}.service-card-fullstack .tech-item{color:var(--dark-charcoal);border-color:var(--dark-charcoal);background:#fff;padding:6px 14px;font-size:13px}.service-card-design{filter:url(#risographSubtle);background:#f5b5a8;padding:0;overflow:hidden}.service-card-design:before{display:none}.design-card-content{height:100%;min-height:340px;display:flex}.design-card-left{z-index:2;background:#111010;flex-direction:column;gap:16px;width:60%;min-height:100%;padding:32px;display:flex;position:relative}.design-card-divider{background:var(--dark-charcoal);flex-shrink:0;width:2px}.design-card-right{flex-shrink:0;width:40%;margin-left:-1px;padding:0;position:relative;overflow:hidden}.design-image{-o-object-fit:cover;object-fit:cover;-o-object-position:left top;object-position:left top}.service-card-design .service-title{color:#ffcba4}.service-card-design .service-description{color:#ffcba4;opacity:.9;flex-grow:0;font-size:18px;font-weight:500}.service-card-design .tech-item{color:var(--dark-charcoal);border-color:var(--dark-charcoal);background:#fff;padding:6px 14px;font-size:13px}.service-card-vertical{height:100%;min-height:420px}.service-card-horizontal{flex:1}.service-title{font-family:var(--font-mono);color:#fff;letter-spacing:.5px;margin:0;font-size:26px;font-weight:700;line-height:1.3}.service-description{font-family:var(--font-mono);color:#fff;opacity:.9;flex-grow:1;margin:0;font-size:16px;line-height:1.7}.service-description strong{color:var(--dark-charcoal);font-weight:700}.service-tech{z-index:10;flex-wrap:wrap;gap:8px;padding-top:16px;display:flex;position:relative}.tech-item{font-family:var(--font-mono);color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#ffffff26;border:1px solid #ffffff4d;padding:5px 12px;font-size:11px;font-weight:600}.service-card .retro-badge{color:#fff;background:#fff3;border-color:#fff6;align-self:flex-start}.services-announcement-banner{cursor:pointer;border-top:2px solid var(--dark-charcoal);background:#ff6b6b;width:calc(100% + 120px);height:40px;margin:40px -60px -60px;text-decoration:none;display:block;position:relative;overflow:hidden}.services-announcement-banner:hover{background:#ff5252}.services-announcement-content{white-space:nowrap;align-items:center;height:100%;animation:30s linear infinite scroll-left;display:flex}.services-announcement-text{font-family:var(--font-mono);color:#fff;letter-spacing:.5px;text-transform:uppercase;padding:0 60px;font-size:14px;font-weight:600}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width:1280px){.service-card-design{height:400px!important;min-height:400px!important}}@media (max-width:1480px){.service-card-design{height:300px!important;min-height:300px!important}}@media (max-width:900px){.services-grid{grid-template-columns:1fr;gap:20px}.service-card-vertical{min-height:auto}.service-card{padding:24px}.services .services-num{font-size:20px}.service-title{font-size:22px}.service-description{font-size:15px}.service-card-design{filter:url(#risographSubtle)!important;background:#111010!important;height:auto!important;min-height:auto!important}.design-card-content{flex-direction:column;min-height:auto}.design-card-left{width:100%;min-height:auto;padding:24px}.design-card-divider,.design-card-right{display:none}.services-announcement-banner{width:calc(100% + 60px);margin-bottom:-40px;margin-left:-30px;margin-right:-30px}.service-card-ai:after{bottom:-200px}}@media (max-width:600px){.service-card{gap:12px;padding:20px}.services .services-num{font-size:18px}.service-title{font-size:20px}.service-description{font-size:14px}.tech-item{padding:4px 10px;font-size:10px}.service-card-design{filter:url(#risographSubtle)!important;background:#111010!important;height:auto!important;min-height:auto!important}.design-card-left{padding:20px}.design-card-right{display:none}.services-announcement-banner{width:calc(100% + 40px);margin-bottom:-30px;margin-left:-20px;margin-right:-20px}.service-card-ai:after{bottom:-300px}}
.blue-lcd-container{background:0 0;justify-content:center;align-items:center;font-family:Share Tech Mono,monospace;display:flex}.blue-lcd-device{flex-direction:column;gap:0;display:flex;position:relative}.antenna{z-index:10;flex-direction:column;align-items:center;display:flex;position:absolute;top:-60px;left:30px}.antenna-rod{z-index:-1;background:linear-gradient(90deg,#1a1a1a 0%,#0f0f0f 50%,#1a1a1a 100%);border-radius:2px;width:10px;height:100%;position:absolute;top:0;box-shadow:inset 1px 0 2px #ffffff0d,inset -1px 0 2px #0000004d}.antenna-base{background:linear-gradient(#3a3a3a 0%,#2a2a2a 50%,#1a1a1a 100%);border-radius:4px 4px 0 0;width:28px;height:12px;box-shadow:inset 0 1px #ffffff1a,0 2px 4px #0000004d}.antenna-neck{background:linear-gradient(90deg,#2a2a2a 0%,#1a1a1a 30%,#0f0f0f 70%,#1a1a1a 100%);width:22px;height:25px;box-shadow:inset 2px 0 3px #ffffff0d,inset -2px 0 3px #0000004d}.antenna-ring{background:linear-gradient(#3a3a3a 0%,#1a1a1a 50%,#2a2a2a 100%);border-radius:2px;width:26px;height:5px;margin:1px 0;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0000004d}.antenna-tip{background:linear-gradient(#2a2a2a 0%,#1a1a1a 50%,#0f0f0f 100%);border-radius:4px 4px 50% 50%;width:18px;height:14px;box-shadow:inset 0 1px #ffffff1a,0 2px 4px #0006}.blue-lcd-top-section{background:linear-gradient(#1a1a1a 0%,#0f0f0f 50%,#0a0a0a 100%);border-radius:12px 12px 0 0;align-items:stretch;padding:15px 8px;display:flex;position:relative;box-shadow:0 -2px 10px #00000080,inset 0 2px #ffffff0d,inset 0 -1px #000c}.blue-lcd-top-section:after{content:"";opacity:.15;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");border-radius:12px 12px 0 0;position:absolute;inset:0}.side-grip{flex-direction:column;justify-content:center;gap:20px;padding:10px 5px;display:flex}.side-grip.left{margin-right:5px}.side-grip.right{margin-left:5px}.grip-button{cursor:pointer;background:linear-gradient(90deg,#2a2a2a 0%,#1a1a1a 50%,#0f0f0f 100%);border-radius:4px;width:18px;height:35px;transition:all .1s;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #00000080,0 2px 4px #00000080}.grip-button:hover{background:linear-gradient(90deg,#3a3a3a 0%,#2a2a2a 50%,#1f1f1f 100%)}.grip-button:active{transform:scale(.95);box-shadow:inset 0 2px 4px #00000080}.blue-lcd-bezel{background:linear-gradient(145deg,#1a1a1a 0%,#0f0f0f 50%,#050505 100%);border-radius:8px;flex-direction:column;gap:8px;padding:10px 15px;display:flex;box-shadow:inset 0 3px 10px #000c,inset 0 -1px 2px #ffffff08,0 1px #ffffff0d}.status-bar-top,.status-bar-bottom{color:#5a7a8a;letter-spacing:1px;justify-content:space-between;align-items:center;padding:0 5px;font-family:VT323,monospace;font-size:12px;display:flex}.status-label{text-transform:uppercase}.battery-indicator{border:1px solid #3a5a6a;border-radius:2px;gap:2px;padding:2px 4px;display:flex}.battery-bar{background:#5a8a9a;border-radius:1px;width:6px;height:8px}.battery-bar.empty{background:#2a3a4a}.model-text{color:#4a6a7a;letter-spacing:3px;font-family:Orbitron,sans-serif;font-size:14px;font-weight:700}.model-number{color:#3a5a6a;font-family:Share Tech Mono,monospace;font-size:11px}.blue-lcd-screen{background:linear-gradient(#6a8a9a 0%,#5a7a8a 30%,#4a6a7a 70%,#3a5a6a 100%);border-radius:4px;width:420px;height:360px;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #0000004d,inset 0 0 80px #0003,0 0 1px #000c,0 0 20px #5a829633}.blue-lcd-screen:before{content:"";pointer-events:none;z-index:20;background:repeating-linear-gradient(0deg,#0000 0 2px,#0000000d 2px 3px),repeating-linear-gradient(90deg,#0000 0 2px,#0000000d 2px 3px);position:absolute;inset:0}.blue-lcd-scanlines{pointer-events:none;z-index:21;background:repeating-linear-gradient(0deg,#00000005 0 1px,#0000 1px 2px);position:absolute;inset:0}.blue-lcd-scan-beam{pointer-events:none;z-index:22;background:linear-gradient(#0000 0%,#6496b41a 50%,#0000 100%);height:3px;position:absolute;left:0;right:0}.blue-lcd-glass{pointer-events:none;z-index:23;background:linear-gradient(135deg,#ffffff14 0%,#ffffff08 30%,#0000 50% 100%);position:absolute;inset:0}.blue-lcd-grid{pointer-events:none;z-index:15;position:absolute;inset:0}.blue-lcd-screen:after{content:"";pointer-events:none;z-index:24;background:radial-gradient(80% 80%,#0000 0% 50%,#0003 80%,#0006 100%);position:absolute;inset:0}.blue-lcd-content{z-index:10;flex-direction:column;height:100%;padding:12px;display:flex;position:relative}.blue-lcd-boot{flex-direction:column;gap:8px;padding:15px;display:flex}.boot-line{color:#1a3a4a;text-shadow:0 0 2px #1a3a4a80;font-family:VT323,monospace;font-size:16px;animation:.3s forwards bootFadeIn}.boot-line.dim{color:#2a4a5a;opacity:.7}.blue-lcd-container .cursor{vertical-align:text-bottom;background:#1a3a4a;width:10px;height:16px;margin-left:4px;animation:1s step-end infinite cursorBlink;display:inline-block;box-shadow:0 0 8px #5a8296cc}@keyframes bootFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes cursorBlink{50%{opacity:0}}.blue-lcd-display{flex-direction:column;gap:8px;height:100%;display:flex}.display-main{flex:1;gap:10px;min-height:0;display:flex}.image-container{background:#00000026;border-radius:2px;justify-content:center;align-items:center;width:55%;display:flex;position:relative;overflow:hidden}.dithered-image{-o-object-fit:cover;object-fit:cover;-o-object-position:center 25%;object-position:center 25%;filter:contrast(1.1)brightness(.95);width:180%;height:180%;margin-top:40px}.image-grid-overlay{pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 29px,#1a3a4a40 29px 30px),repeating-linear-gradient(90deg,#0000 0 29px,#1a3a4a40 29px 30px);position:absolute;inset:0}.focus-indicator{pointer-events:none;width:100px;height:100px;position:absolute;top:55%;left:57%;transform:translate(-50%,-50%)}.focus-corner{border:2px solid #c8503ccc;width:12px;height:12px;position:absolute}.focus-corner.tl{border-bottom:none;border-right:none;top:0;left:0}.focus-corner.tr{border-bottom:none;border-left:none;top:0;right:0}.focus-corner.bl{border-top:none;border-right:none;bottom:0;left:0}.focus-corner.br{border-top:none;border-left:none;bottom:0;right:0}.info-panel{background:linear-gradient(#465a6e26 0%,#465a6e1a 100%),#131311;border-radius:2px;flex-direction:column;width:45%;padding:12px 14px;font-family:VT323,monospace;display:flex;position:relative}.info-panel:before{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000 0 1px,#505d6a33 3px 4px),repeating-linear-gradient(90deg,#0000 0 1px,#505d6a33 3px 4px);border-radius:2px;position:absolute;inset:0}.info-panel>*{z-index:2;position:relative}.info-header{flex-direction:column;margin-bottom:4px;display:flex}.info-title-jp{color:#80919b;letter-spacing:2px;margin-bottom:0;font-size:18px}.info-header-bottom{justify-content:space-between;align-items:baseline;display:flex}.info-title{color:#64717e;letter-spacing:1px;font-size:14px}.info-id{color:#80919b;font-size:24px;font-weight:700}.info-divider{background:#8c99a74d;height:1px;margin:2px 0}.info-rows{flex-direction:column;gap:4px;display:flex}.info-row{justify-content:space-between;align-items:baseline;display:flex}.info-label{color:#505d6a;letter-spacing:.5px;font-size:12px}.info-value{color:#80919b;text-align:right;font-size:16px}.info-status{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.info-panel .status-label{color:#505d6a;font-size:12px}.status-value{font-size:14px}.status-value.active{color:#80919b}.data-panel{background:linear-gradient(#465a6e26 0%,#465a6e1a 100%),#131311;border-radius:2px;padding:10px 14px;font-family:VT323,monospace;position:relative}.data-panel:before{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000 0 1px,#505d6a33 3px 4px),repeating-linear-gradient(90deg,#0000 0 1px,#505d6a33 3px 4px);border-radius:2px;position:absolute;inset:0}.data-panel>*{z-index:2;position:relative}.skills-header{color:#505d6a;letter-spacing:1px;margin-bottom:8px;font-size:12px}.skills-bars{flex-direction:column;gap:6px;display:flex}.skill-row{align-items:center;gap:10px;display:flex}.skill-label{color:#505d6a;flex-shrink:0;width:80px;font-size:14px}.skill-bar-container{background:#505d6a4d;border-radius:2px;flex:1;height:10px;overflow:hidden}.skill-bar{background:linear-gradient(90deg,#64717e 0%,#80919b 100%);border-radius:2px;height:100%}.skill-value{color:#80919b;text-align:right;width:28px;font-size:14px}.blue-lcd-bottom-section{background:linear-gradient(#d4a574 0%,#c4956a 30%,#b48560 50%,#a47556 70%,#946550 100%);border-radius:0 0 12px 12px;justify-content:space-between;align-items:center;gap:20px;padding:15px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0006,inset 0 2px #ffffff40,inset 0 -2px #00000026}.blue-lcd-bottom-section:before{content:"";z-index:0;background-image:url(/circuit.jpg);background-position:50%;background-size:cover;border-radius:6px;position:absolute;inset:10px 15px;box-shadow:inset 0 2px 6px #0006;-webkit-mask-image:radial-gradient(95% 90%,#000 60%,#0000 100%);mask-image:radial-gradient(95% 90%,#000 60%,#0000 100%)}.blue-lcd-bottom-section:after{content:"";-webkit-backdrop-filter:blur(3px);pointer-events:none;z-index:0;background:linear-gradient(#b4825abf 0%,#a06e46cc 50%,#8c5a32d9 100%);border-radius:6px;position:absolute;inset:10px 15px;-webkit-mask-image:radial-gradient(95% 90%,#000 60%,#0000 100%);mask-image:radial-gradient(95% 90%,#000 60%,#0000 100%)}.blue-lcd-bottom-section>*{z-index:1;position:relative}.dpad-container{flex-shrink:0;margin-left:10px}.dpad{grid-template-rows:24px 24px 24px;grid-template-columns:24px 24px 24px;gap:0;display:grid}.dpad-btn{color:#555;cursor:pointer;background:linear-gradient(145deg,#2a2a2a 0%,#1a1a1a 50%,#0f0f0f 100%);justify-content:center;align-items:center;font-size:9px;transition:all .1s;display:flex;box-shadow:0 2px 4px #0006,inset 0 1px #ffffff1a}.dpad-btn.up{border-radius:4px 4px 0 0;grid-area:1/2}.dpad-btn.down{border-radius:0 0 4px 4px;grid-area:3/2}.dpad-btn.left{border-radius:4px 0 0 4px;grid-area:2/1}.dpad-btn.right{border-radius:0 4px 4px 0;grid-area:2/3}.dpad-center{background:#1a1a1a;grid-area:2/2}.dpad-btn:hover{color:#777;background:linear-gradient(145deg,#3a3a3a 0%,#2a2a2a 50%,#1f1f1f 100%)}.dpad-btn:active{transform:scale(.95);box-shadow:inset 0 2px 4px #00000080}.blue-speaker-section{flex:1;justify-content:center;align-items:center;margin-left:20px;display:flex}.blue-speaker-grille{grid-template-rows:repeat(4,8px);grid-template-columns:repeat(6,8px);gap:4px;display:grid}.blue-speaker-hole{background:radial-gradient(circle,#3a4a3a 0%,#2a3a2a 50%,#1a2a1a 100%);border-radius:50%;width:8px;height:8px;box-shadow:inset 0 1px 2px #00000080}.action-buttons-right{flex-direction:row;flex-shrink:0;gap:10px;margin-right:10px;display:flex}.action-buttons-right .action-btn{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;transition:all .1s;display:flex}.action-buttons-right .action-btn.primary,.action-buttons-right .action-btn.secondary{background:linear-gradient(145deg,#2a2a2a 0%,#1a1a1a 50%,#0f0f0f 100%);box-shadow:0 3px 6px #0006,inset 0 1px #ffffff1a,inset 0 -1px #0003}.action-buttons-right .action-btn:hover{transform:translateY(-1px);box-shadow:0 5px 10px #00000080,inset 0 1px #ffffff1a,inset 0 -1px #0003}.action-buttons-right .action-btn:active{transform:translateY(2px);box-shadow:0 1px 3px #0006,inset 0 2px 4px #0000004d}.action-buttons-right .btn-label{color:#8a9aaa;letter-spacing:.5px;font-family:Share Tech Mono,monospace;font-size:8px}@keyframes screenFlicker{0%,to{opacity:1}50%{opacity:.98}52%{opacity:1}54%{opacity:.97}56%{opacity:1}}.blue-lcd-screen{animation:4s infinite screenFlicker}
.about{background:0 0;padding:80px 0}.about-content{justify-content:center;align-items:center;gap:60px;max-width:1200px;margin:0 auto;padding:0 40px;display:flex}.about-gadget{flex-shrink:0;justify-content:center;align-items:center;padding-top:60px;display:flex}.about-intro{flex:1;max-width:500px}.about .section-header{margin-bottom:24px}.about .about-num{font-family:var(--font-mono);letter-spacing:4px;opacity:.6;color:var(--dark-charcoal);margin-bottom:10px;font-size:26px;font-weight:700;display:block}.about .section-title{font-family:var(--font-mono);color:var(--dark-charcoal);letter-spacing:1px;margin:0;font-size:42px;font-weight:700}.about-description{font-family:var(--font-mono);color:var(--dark-charcoal);opacity:.85;margin:0 0 20px;font-size:16px;line-height:1.8}.about-description:last-child{margin-bottom:0}.about-link{color:var(--color-accent-coral);border-bottom:2px solid var(--color-accent-coral);font-weight:700;text-decoration:none;transition:all .2s;position:relative}.about-link:hover{background:#ff6b6b1a}@media (max-width:1024px){.about-content{gap:40px;padding:0 30px}.about-gadget{transform-origin:50%;transform:scale(.95)}.about-intro{max-width:450px}}@media (max-width:900px){.about{padding:60px 0}.about-content{flex-direction:column;gap:40px;padding:0 20px}.about-gadget{padding-top:40px;transform:scale(.95)}.about-intro{text-align:left;max-width:100%}.about .section-header{justify-content:center}.about .about-num{font-size:22px}.about .section-title{font-size:28px}}@media (max-width:600px){.about{padding:20px 0;overflow-x:hidden}.about-content{box-sizing:border-box;gap:20px;max-width:100%;padding:0 15px}.about-gadget{padding-top:0;transform:scale(.75)}.about-intro{word-wrap:break-word;overflow-wrap:break-word;max-width:100%;padding:0 5px}.about .about-num{font-size:18px}.about .section-title{font-size:24px}.about-description{font-size:14px;line-height:1.7}}@media (max-width:480px){.about-content{gap:15px;padding:0 10px}.about-gadget{padding-top:0;transform:scale(.6)}}
.retro-badge{letter-spacing:2px;border:1.5px solid var(--color-dark-charcoal);font-size:10px;font-family:var(--font-mono);text-transform:uppercase;padding:4px 10px;font-weight:700;display:inline-block}.retro-badge--category{border:2px solid var(--color-dark-charcoal)}
.projects .projects-inner{background:#fff;flex-direction:row;padding:0;display:flex;position:relative;box-shadow:0 16px 32px #00000079}.projects-left{filter:url(#risograph);background-color:#333;background-image:url(/projects.png);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:flex-start;width:40%;min-height:500px;padding:60px;display:flex;position:relative;overflow:hidden}.projects-left:before{content:"";pointer-events:none;z-index:1;background:#0000004d;position:absolute;inset:0}.projects-left>*{z-index:2;position:relative}.projects .projects-num{letter-spacing:4px;opacity:.8;color:#fff;font-size:36px;font-weight:700;font-family:var(--font-mono);margin-bottom:16px}.projects .projects-title{font-family:var(--font-mono);color:#fff;letter-spacing:1px;text-transform:uppercase;margin:0;font-size:56px;font-weight:700;line-height:1.2}.projects-left-spacer{flex-grow:1}.projects-btn{align-self:flex-start;margin-top:24px}.projects-divider{background:var(--dark-charcoal);flex-shrink:0;width:2px}.projects-right{flex-direction:column;width:60%;display:flex}.project-row{background:#fff;flex-direction:column;flex:1;justify-content:center;padding:40px;display:flex;position:relative}.project-row:not(:last-child):after{content:"";background:var(--dark-charcoal);height:2px;position:absolute;bottom:0;left:0;right:0}.project-row-header{align-items:center;gap:16px;margin-bottom:12px;display:flex}.project-name{font-family:var(--font-mono);color:var(--dark-charcoal);margin:0;font-size:24px;font-weight:700;line-height:1.3}.project-row-header .retro-badge{transform:translateY(-8px)}.project-row-header .badge-active{color:var(--coral-red);border-color:var(--coral-red);background:0 0}.project-desc{font-family:var(--font-mono);color:var(--dark-charcoal);opacity:.7;margin:0 0 16px;font-size:16px;line-height:1.6}.project-footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.project-tech{flex-wrap:wrap;gap:8px;display:flex}.project-tech span{font-family:var(--font-mono);color:var(--dark-charcoal);border:1px solid var(--dark-charcoal);text-transform:uppercase;letter-spacing:.5px;background:#f5f5f5;padding:5px 12px;font-size:12px;font-weight:600}.project-link{font-family:var(--font-mono);color:var(--color-accent-coral,#ff6b6b);border-bottom:2px solid var(--color-accent-coral,#ff6b6b);white-space:nowrap;flex-shrink:0;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s}.project-link:hover{background:#ff6b6b1a}@media (max-width:900px){.projects .projects-inner{flex-direction:column}.projects-left{width:100%;min-height:300px;padding:40px}.projects-divider{width:100%;height:2px}.projects-right{width:100%}.project-row{padding:30px}.projects .projects-num{font-size:22px}.projects .projects-title{font-size:32px}.project-name{font-size:20px}.project-desc{font-size:14px}}@media (max-width:600px){.projects-left{min-height:250px;padding:30px}.project-row{padding:24px}.projects .projects-num{font-size:18px}.projects .projects-title{font-size:26px}.project-name{font-size:18px}.project-desc{font-size:13px}.project-tech span{padding:4px 10px;font-size:10px}}
.retro-card{border:2px solid var(--color-dark-charcoal);transition:var(--transition-normal);background:#a0bfc3;padding:30px;position:relative;overflow:hidden}.retro-card:before{content:"";opacity:.15;pointer-events:none;z-index:0;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.retro-card>*{z-index:1;position:relative}.retro-card--hover-lift:hover{box-shadow:0 5px 0 var(--color-dark-charcoal);transform:translateY(-3px)}.retro-card--hover-shift:hover{box-shadow:-5px 5px 0 var(--color-dark-charcoal);transform:translate(5px)}