@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=JetBrains+Mono:wght@400;500;700&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.hidden{display:none}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.fade-in{--tw-enter-opacity: 0}:root{--bg:#0c0c0e;--bg-2:#09090b;--panel:#151518;--panel-2:#1c1c21;--ink:#f4f4f5;--muted:#fffcfb;--faint:#6a6a74;--line:#2a2a31;--line-2:#3a3a44;--accent:#ff6600;--accent-2:#ff8a3d;--accent-press:#c44f00;--band:#070709;--inset:#101013;--grid:rgba(255,255,255,.02);--pixel:"Press Start 2P", monospace;--body:"JetBrains Mono", monospace;--background:240 14% 6%;--foreground:240 9% 96%;--card:240 9% 9%;--card-foreground:240 9% 96%;--popover:240 9% 9%;--popover-foreground:240 9% 96%;--primary:24 100% 50%;--primary-foreground:24 90% 8%;--secondary:240 8% 12%;--secondary-foreground:240 9% 92%;--muted-foreground:240 5% 62%;--border:240 8% 18%;--input:240 8% 18%;--ring:24 100% 50%;--destructive:0 72% 51%;--destructive-foreground:0 0% 98%;--radius:0px}body[data-theme=blue]{--accent:#2a6dff;--accent-2:#5b8cff;--accent-press:#163f96}body[data-theme=red],body[data-theme=pink]{--bg:#efe6d5;--bg-2:#e7dcc8;--panel:#fbf5ea;--panel-2:#f2e9d8;--ink:#1d1a16;--muted:#3f3930;--faint:#9b9183;--line:#dccfb8;--line-2:#caba9e;--band:#e8ddc7;--inset:#fbf5ea;--grid:rgba(0,0,0,.045)}body[data-theme=red]{--accent:#ff3b30;--accent-2:#ff6a61;--accent-press:#b3261d}body[data-theme=pink]{--accent:#ff5fa2;--accent-2:#ff86bb;--accent-press:#c43d76}body{transition:background-color .35s ease,color .35s ease}body[data-theme=red] nav,body[data-theme=pink] nav,body[data-theme=red] footer,body[data-theme=pink] footer{background:var(--panel)}body[data-theme=red] .btn--ghost,body[data-theme=pink] .btn--ghost{background:var(--panel)}body[data-theme=red] .label,body[data-theme=pink] .label,body[data-theme=red] .feat-title,body[data-theme=pink] .feat-title{background:#0c0c0e;padding:1px 9px}body[data-theme=red] .feat-title,body[data-theme=pink] .feat-title{color:#d7d0c4}body[data-theme=red] #typer,body[data-theme=pink] #typer{background:#0c0c0e;display:inline-block;height:18px;line-height:18px;padding:0 8px;vertical-align:middle}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.75;overflow-x:hidden;-webkit-font-smoothing:antialiased;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:34px 34px}img,svg{image-rendering:pixelated}a{color:inherit}.wrap{max-width:1120px;margin:0 auto;padding:0 24px}.label{font-family:var(--pixel);font-size:10px;letter-spacing:1px;color:var(--accent);text-transform:uppercase;display:inline-block}.section{padding:54px 0;position:relative}#sobre{padding-bottom:56px}#projetos{padding-top:34px}#projetos,#certificacoes,#contato{background:var(--band)}#contato,#contato .wrap{position:relative}.section-head{text-align:center;margin-bottom:46px}.section-head h2{font-family:var(--pixel);font-size:clamp(15px,3vw,24px);color:var(--ink);margin-top:5px;letter-spacing:1px}.accent{color:var(--accent)}.box{background:var(--panel);border:2px solid var(--line);box-shadow:6px 6px #0000008c;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.box:hover{transform:translate(-2px,-2px);box-shadow:9px 9px #0000008c;border-color:var(--line-2)}.btn{font-family:var(--pixel);font-size:11px;letter-spacing:.5px;text-transform:uppercase;padding:16px 20px;border:2px solid #000;cursor:pointer;display:inline-flex;align-items:center;gap:10px;text-decoration:none;background:var(--accent);color:#1a0c00;box-shadow:5px 5px #000;transition:transform .08s ease,box-shadow .08s ease,background .15s}.btn:hover{transform:translate(-1px,-1px);box-shadow:6px 6px #000;background:var(--accent-2)}.btn:active{transform:translate(4px,4px);box-shadow:1px 1px #000}.btn--ghost{background:transparent;color:var(--ink);border-color:var(--line-2);box-shadow:5px 5px #00000080}.btn--ghost:hover{border-color:var(--accent);color:var(--accent);background:transparent}nav{position:sticky;top:0;z-index:80;background:var(--bg-2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:2px solid var(--line)}nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{font-family:var(--pixel);font-size:14px;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:10px}.logo b{color:var(--accent)}.logo .chip{width:14px;height:14px;background:var(--accent);box-shadow:3px 3px #000;display:inline-block}.nav-right{display:flex;align-items:center;gap:22px}.nav-links{display:flex;gap:28px}.nav-links a{font-size:12px;color:var(--muted);text-decoration:none;text-transform:uppercase;letter-spacing:.5px;padding:6px 2px;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;cursor:pointer}.nav-links a:hover{color:var(--accent);border-color:var(--accent)}.theme-dot{width:20px;height:20px;flex:none;border-radius:50%;background:var(--accent);border:2px solid #000;box-shadow:2px 2px #00000073;cursor:pointer;padding:0;transition:background .2s,transform .1s}.theme-dot:hover{transform:scale(1.14)}.theme-dot:active{transform:scale(.92)}.lang{position:relative;display:flex}.lang-btn{display:flex;align-items:center;gap:4px;padding:4px 2px;background:none;border:none;color:var(--muted);font-family:var(--pixel);font-size:10px;letter-spacing:.5px;cursor:pointer;transition:color .15s}.lang-btn:hover{color:var(--accent)}.lang-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:90;display:flex;flex-direction:column;min-width:128px;background:var(--bg-2);border:2px solid var(--line-2);box-shadow:5px 5px #00000080}.lang-up .lang-menu{top:auto;bottom:calc(100% + 10px)}.lang-menu button{padding:11px 14px;background:none;border:none;border-bottom:1px solid var(--line);color:var(--muted);font-family:var(--body);font-size:13px;text-align:left;cursor:pointer;transition:.12s}.lang-menu button:last-child{border-bottom:none}.lang-menu button:hover{color:var(--accent);background:var(--inset)}.lang-menu button.active{color:var(--accent)}.lang-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:85}.hamb{display:none;width:44px;height:38px;border:2px solid var(--line-2);background:none;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px}.hamb span{display:block;width:20px;height:2px;background:var(--ink);transition:.15s}nav.open .hamb{border-color:var(--accent)}nav.open .hamb span{background:var(--accent)}@media (max-width:760px){.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:var(--bg-2);border-bottom:2px solid var(--line);padding:6px 24px 14px}nav.open .nav-links{display:flex}.nav-links a{padding:13px 2px;border-bottom:1px solid var(--line);width:100%}.nav-links a:last-child{border-bottom:none}.hamb{display:inline-flex}}.hero{padding:80px 0 72px;position:relative;overflow:hidden}.hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}.hero-greet{font-family:var(--pixel);font-size:12px;color:var(--accent);margin-bottom:0;min-height:18px;line-height:18px}.cursor{display:inline-block;width:9px;height:18px;background:var(--accent);margin-left:4px;vertical-align:middle;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.hero h1{font-family:var(--pixel);font-size:clamp(22px,4.6vw,42px);line-height:1.35;letter-spacing:1px;color:var(--ink);margin-bottom:22px}.hero h1 .accent{text-shadow:3px 3px 0 rgba(0,0,0,.28)}.hero .role{color:var(--ink);font-weight:700;font-size:16px;margin-bottom:6px}.hero .tag{color:var(--muted);max-width:440px;margin-bottom:30px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.press-start{margin-top:34px;font-family:var(--pixel);font-size:10px;color:var(--ink);animation:blink 1.3s steps(1) infinite}.hero-art{display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-char-box{position:relative;display:inline-block;line-height:0;filter:drop-shadow(3px 5px 0 rgba(0,0,0,.4))}.hero-char{width:380px;max-width:100%;height:auto;image-rendering:pixelated;display:block}.star{position:absolute;width:4px;height:4px;background:var(--muted);opacity:.25}.star.o{background:var(--accent);opacity:.4}@media (max-width:760px){.hero{padding:48px 0 56px}.hero .wrap{grid-template-columns:1fr;text-align:center}.hero-actions{justify-content:center}.hero .tag{margin-left:auto;margin-right:auto}.hero-art{margin-top:18px}}.about-grid{display:grid;grid-template-columns:300px 1fr;gap:48px;align-items:stretch}.id-card{padding:18px}.id-frame{aspect-ratio:1;background:radial-gradient(circle at 50% 36%,rgba(255,102,0,.16),transparent 62%),linear-gradient(#17171f,#0e0e13);border:2px solid var(--line-2);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.id-frame .char-holder{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:16px}.id-frame .avatar-img{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;display:block;image-rendering:auto;filter:drop-shadow(0 5px 9px rgba(0,0,0,.45))}.id-frame .char-holder:before,.id-frame .char-holder:after{content:"";position:absolute;top:16px;left:16px;right:16px;bottom:16px;background:var(--avatar) center/contain no-repeat;pointer-events:none;mix-blend-mode:screen;opacity:.85}.id-frame .char-holder:before{filter:sepia(1) saturate(9) hue-rotate(-35deg);animation:glitchA 1.5s steps(2,end) infinite}.id-frame .char-holder:after{filter:sepia(1) saturate(9) hue-rotate(150deg);animation:glitchB 1.9s steps(2,end) infinite}.id-frame .tag-corner{position:absolute;top:8px;left:8px;font-family:var(--pixel);font-size:8px;color:var(--muted);z-index:2}.id-meta{margin-top:16px;font-family:var(--pixel);font-size:8px;line-height:2;color:var(--muted)}.id-meta b{color:var(--ink)}.about-body{display:flex;flex-direction:column}.about-body p{color:var(--muted);margin-bottom:16px}.about-body p strong{color:var(--ink);font-weight:700}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:auto;padding-top:26px}.stat{padding:14px;text-align:center}.stat .k{font-family:var(--pixel);font-size:8px;color:var(--accent);margin-bottom:8px;letter-spacing:.5px}.stat .v{font-size:13px;color:var(--ink);font-weight:700}.tech-wrap{margin-top:84px}.tech-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:860px;margin:24px auto 0}.tech{font-size:12px;color:var(--muted);background:var(--panel);border:2px solid var(--line);padding:9px 13px;text-transform:uppercase;letter-spacing:.5px;box-shadow:3px 3px #00000080;transition:.12s;cursor:default}.tech:hover{color:var(--accent);border-color:var(--accent);transform:translate(-1px,-1px);box-shadow:4px 4px #00000080}@media (max-width:760px){.about-grid{grid-template-columns:1fr}.id-card{max-width:300px;margin:0 auto}.stats{grid-template-columns:1fr}}.cats{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:880px;margin:0 auto 46px}.cat{padding:24px;display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:var(--ink)}.cat .ic{width:54px;height:54px;flex:none;display:flex;align-items:center;justify-content:center;border:2px solid var(--line-2);color:var(--accent);background:var(--inset)}.cat .ic svg{width:30px;height:30px;image-rendering:auto}.cat .ct{flex:1;margin-left:18px}.cat .ct h3{font-family:var(--pixel);font-size:13px;margin-bottom:8px}.cat .ct p{font-size:13px;color:var(--muted)}.cat .arr{font-family:var(--pixel);color:var(--accent);font-size:16px}.cat:hover{border-color:var(--accent)}.cat:hover .ic{background:var(--accent);color:#1a0c00;border-color:#000}.feat-title{text-align:center;font-family:var(--pixel);font-size:10px;color:var(--muted);letter-spacing:2px;margin:0 auto 26px;width:-moz-fit-content;width:fit-content}.feat-title .st{color:var(--accent)}.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.pcard{padding:0;overflow:hidden;display:block;width:100%;text-align:left;cursor:pointer;font:inherit;color:inherit;text-decoration:none}.pthumb{aspect-ratio:16/10;position:relative;display:flex;align-items:center;justify-content:center;border-bottom:2px solid var(--line);overflow:hidden}.pthumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;image-rendering:auto}.pbody{padding:18px}.pbody h4{font-family:var(--pixel);font-size:11px;color:var(--ink);margin-bottom:10px;line-height:1.6}.pbody p{font-size:13px;color:var(--muted);margin-bottom:14px;min-height:40px}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{font-size:10px;text-transform:uppercase;color:var(--muted);border:1px solid var(--line-2);padding:3px 7px;letter-spacing:.5px}@media (max-width:860px){.cats{grid-template-columns:1fr}.feat-grid{grid-template-columns:1fr;max-width:380px;margin:0 auto}}.cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cert{padding:24px}.cert .prov{font-family:var(--pixel);font-size:13px;color:var(--accent);text-align:center;margin-bottom:18px;letter-spacing:1px}.cert ul{list-style:none;display:flex;flex-direction:column;gap:9px}.cert li{font-size:13px;color:var(--muted);display:flex;gap:9px;align-items:flex-start;cursor:pointer}.cert li:before{content:"";flex:none;width:8px;height:8px;background:var(--accent);margin-top:7px}.cert li:hover{color:var(--ink)}@media (max-width:860px){.cert-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}}.contact-grid{max-width:560px;margin:0 auto}.form{padding:26px}.form h3{font-family:var(--pixel);font-size:12px;margin-bottom:18px;text-align:center;color:var(--ink)}.form-social{display:flex;justify-content:center;gap:12px;margin-bottom:22px}.form-social a{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--inset);border:2px solid var(--line-2);color:var(--accent);box-shadow:3px 3px #00000080;transition:.12s}.form-social a:hover{border-color:var(--accent);transform:translate(-1px,-1px);box-shadow:4px 4px #00000080}.form-social svg{width:22px;height:22px;image-rendering:auto}.field{margin-bottom:16px}.field label{display:block;font-family:var(--pixel);font-size:8px;color:var(--muted);margin-bottom:8px;letter-spacing:.5px}.field input,.field textarea{width:100%;background:var(--inset);border:2px solid var(--line);color:var(--ink);font-family:var(--body);font-size:14px;padding:12px;outline:none;transition:border-color .15s}.field input:focus,.field textarea:focus{border-color:var(--accent)}.field textarea{resize:vertical;min-height:110px}.form .btn{width:100%;justify-content:center;margin-top:6px}.form .msg{margin-top:14px;text-align:center;font-size:13px;color:var(--accent)}footer{border-top:2px solid var(--line);background:var(--bg-2);padding:48px 0 30px;margin-top:0}.foot{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}.foot .brand{font-family:var(--pixel);font-size:13px;color:var(--ink);display:flex;align-items:center;gap:10px}.foot .brand .chip{width:13px;height:13px;background:var(--accent);box-shadow:3px 3px #000}.foot .sub{font-size:13px;color:var(--muted);margin-top:10px}.foot-right{display:flex;flex-direction:column;align-items:flex-end;gap:16px}.foot-social{display:flex;gap:14px}.foot-social a{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--panel);border:2px solid var(--line-2);color:var(--muted);text-decoration:none;box-shadow:4px 4px #00000080;transition:.12s}.foot-social a:hover{color:var(--accent);border-color:var(--accent);transform:translate(-1px,-1px);box-shadow:5px 5px #00000080}.foot-social svg{width:28px;height:28px;image-rendering:auto}.copy{text-align:center;border-top:2px solid var(--line);margin-top:30px;padding-top:22px;font-size:11px;color:var(--faint);letter-spacing:.5px}.proj-page{min-height:100vh;padding:40px 0 80px}.proj-back{display:inline-flex;align-items:center;gap:8px;font-family:var(--pixel);font-size:9px;color:var(--muted);text-decoration:none;text-transform:uppercase;margin-bottom:22px;transition:color .15s;cursor:pointer}.proj-back:hover{color:var(--accent)}.proj-head{margin-bottom:26px}.proj-title{font-family:var(--pixel);font-size:clamp(15px,3vw,22px);color:var(--ink);letter-spacing:1px}.proj-intro{color:var(--muted);font-size:14px;margin-top:10px;max-width:640px;text-align:justify}.proj-detail-page{overflow:hidden}.mp-media{padding:0;overflow:hidden;max-width:760px;margin:0 auto 30px}.mp-media .proj-media-main{aspect-ratio:16/10}.mp-tech{max-width:760px;margin:0 auto 40px}.mp-tech h4{font-family:var(--pixel);font-size:9px;color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.proj-sections{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:30px}.proj-section h3{font-family:var(--pixel);font-size:13px;color:var(--accent);margin-bottom:14px;line-height:1.7}.proj-section p{color:var(--muted);line-height:1.85}.proj-section-media{margin-top:18px;aspect-ratio:16/10;border:2px solid var(--line);overflow:hidden}.proj-section-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;image-rendering:auto}.macropad-page .proj-head{max-width:760px;margin:0 auto 26px}.macropad-page .proj-intro{max-width:none}.macropad-page .proj-section p{text-align:justify}.proj-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.proj-filter{font-family:var(--pixel);font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);background:var(--panel);border:2px solid var(--line);padding:9px 14px;cursor:pointer;box-shadow:3px 3px #00000073;transition:.12s}.proj-filter:hover{color:var(--accent);border-color:var(--accent);transform:translate(-1px,-1px);box-shadow:4px 4px #00000073}.proj-filter.active{background:var(--accent);color:#1a0c00;border-color:#000}.proj-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}.proj-card{display:flex;flex-direction:column;padding:0;text-align:left;cursor:pointer;overflow:hidden;color:inherit}.proj-card-thumb{position:relative;aspect-ratio:16/10;border-bottom:2px solid var(--line);overflow:hidden}.proj-card-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;image-rendering:auto;transition:transform .25s ease}.proj-card:hover .proj-card-thumb img{transform:scale(1.05)}.proj-card-badge{position:absolute;top:10px;right:10px;font-family:var(--pixel);font-size:7px;text-transform:uppercase;letter-spacing:.5px;color:#fff;background:#08080ad1;border:1px solid var(--line-2);padding:5px 7px}.proj-card-body{padding:18px 18px 6px;flex:1}.proj-card-body h3{font-family:var(--pixel);font-size:11px;color:var(--ink);margin-bottom:10px;line-height:1.6}.proj-card-body p{font-size:13px;color:var(--muted);margin-bottom:14px}.proj-card-cta{font-family:var(--pixel);font-size:8px;text-transform:uppercase;letter-spacing:.5px;color:var(--accent);padding:0 18px 16px}.proj-card-thumb.is-logo,.pthumb.is-logo{background:#fff}.proj-card-thumb.is-logo img,.pthumb.is-logo img{-o-object-fit:contain;object-fit:contain;padding:16px;background:#fff}.proj-media-main.is-logo,.proj-media-main.is-logo img{background:#fff}.proj-media-main.is-logo img{-o-object-fit:contain;object-fit:contain;padding:24px}.is-logo:has(img[src*=joulehub]),.is-logo:has(img[src*=joulehub]) img{background:#f6f7f8}.proj-empty{color:var(--muted);text-align:center;padding:48px 0}.proj-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;background:var(--inset);background-image:repeating-linear-gradient(0deg,var(--line) 0 1px,transparent 1px 5px)}.proj-ph span{font-family:var(--pixel);font-size:11px;line-height:1.8;color:var(--accent);letter-spacing:.5px;text-shadow:2px 2px 0 rgba(0,0,0,.35)}.proj-media-main .proj-ph span{font-size:15px}.proj-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;background:#000000c7}.proj-modal-box{position:relative;background:var(--panel);border:2px solid var(--line-2);box-shadow:10px 10px #0000008c;width:100%;max-width:980px;max-height:90vh;overflow:auto}.proj-modal-close{position:absolute;top:10px;right:10px;z-index:3;width:34px;height:34px;background:#08080ad1;border:2px solid var(--line-2);color:#fff;font-size:15px;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center}.proj-modal-close:hover{border-color:var(--accent);color:var(--accent)}.proj-modal-grid{display:grid;grid-template-columns:1.15fr .85fr}.proj-media{background:var(--band);border-right:2px solid var(--line);display:flex;flex-direction:column}.proj-media-main{position:relative;aspect-ratio:16/10;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.proj-media-main img,.proj-media-main video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:#000;image-rendering:auto}.proj-media-main iframe{width:100%;height:100%;border:0;background:#000}.proj-media-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:48px;background:#08080ab3;border:2px solid var(--line-2);color:#fff;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.12s}.proj-media-nav:hover{background:var(--accent);color:#1a0c00;border-color:#000}.proj-media-nav.prev{left:10px}.proj-media-nav.next{right:10px}.proj-media-strip{display:flex;gap:8px;padding:10px;overflow-x:auto}.proj-media-thumb{position:relative;flex:none;width:78px;height:52px;padding:0;border:2px solid var(--line);background:none;cursor:pointer;line-height:0}.proj-media-thumb.active{border-color:var(--accent)}.proj-media-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;image-rendering:auto}.proj-media-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;background:#0000006b}.proj-info{padding:24px}.proj-info h3{font-family:var(--pixel);font-size:14px;color:var(--ink);margin-bottom:14px;line-height:1.6}.proj-info-desc{color:var(--muted);margin-bottom:20px}.proj-info-block{margin-bottom:20px}.proj-info-block h4{font-family:var(--pixel);font-size:9px;color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.proj-info-block ul{list-style:none;display:flex;flex-direction:column;gap:8px}.proj-info-block ul li{font-size:13px;color:var(--muted);display:flex;gap:9px;align-items:flex-start}.proj-info-block ul li:before{content:"";flex:none;width:8px;height:8px;background:var(--accent);margin-top:7px}.proj-actions{display:flex;gap:14px;flex-wrap:wrap}.proj-actions .btn{font-size:10px;padding:13px 16px}.proj-team{display:inline-block;font-family:var(--pixel);font-size:8px;color:var(--accent);border:2px solid var(--line-2);padding:6px 9px;margin-bottom:16px;letter-spacing:.5px;text-transform:uppercase}.proj-modal-more{position:absolute;right:24px;bottom:24px;z-index:210;font-family:var(--pixel);font-size:10px;letter-spacing:.5px;text-transform:uppercase;padding:14px 18px;border:2px solid #000;cursor:pointer;background:var(--accent);color:#1a0c00;box-shadow:5px 5px #000;transition:transform .08s ease,box-shadow .08s ease,background .15s}.proj-modal-more:hover{transform:translate(-1px,-1px);box-shadow:6px 6px #000;background:var(--accent-2)}.proj-modal-more:active{transform:translate(4px,4px);box-shadow:1px 1px #000}@media (max-width:560px){.proj-modal-more{right:12px;bottom:12px;left:12px;text-align:center}}@media (max-width:820px){.proj-modal-grid{grid-template-columns:1fr}.proj-media{border-right:none;border-bottom:2px solid var(--line)}}.nf{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;padding:24px}.nf h1{font-family:var(--pixel);font-size:54px;color:var(--accent);text-shadow:4px 4px 0 rgba(0,0,0,.3)}.nf p{color:var(--muted);font-family:var(--pixel);font-size:11px}.cert-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;background:#000000b8}.cert-modal-box{background:var(--panel);border:2px solid var(--line-2);box-shadow:8px 8px #0000008c;max-width:760px;width:100%;max-height:90vh;display:flex;flex-direction:column}.cert-modal-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:2px solid var(--line);font-family:var(--pixel);font-size:9px;color:var(--accent);text-transform:uppercase}.cert-modal-head button{background:none;border:none;color:var(--ink);font-size:16px;cursor:pointer;line-height:1}.cert-modal-box img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;image-rendering:auto;padding:14px;max-height:78vh}@media (max-width:860px){.section{padding:46px 0}.tech-wrap{margin-top:56px}}@media (max-width:600px){body{font-size:14px;line-height:1.7}.wrap{padding:0 16px}.section{padding:38px 0}.section-head{margin-bottom:34px}.hero{padding:40px 0 44px}.hero .tag{margin-bottom:24px}.about-grid{gap:30px}.tech-wrap{margin-top:44px}.tech-grid{gap:9px}.proj-page{padding:28px 0 60px}.proj-gallery{grid-template-columns:1fr;gap:18px}.proj-modal{padding:10px}.proj-modal-box{max-height:94vh}.proj-info{padding:18px}.proj-media-strip{padding:8px}.proj-media-nav{width:34px;height:42px;font-size:18px}.proj-actions{gap:10px}.proj-actions .btn{flex:1;justify-content:center}.foot{flex-direction:column;text-align:center;gap:22px}.foot-right{align-items:center}.copy{font-size:10px}}@media (max-width:380px){.wrap{padding:0 13px}.hero-char{width:260px}.btn{padding:14px 15px;font-size:10px}.hero-actions{gap:12px}.proj-modal-box{max-width:100%}}@keyframes glitchA{0%,to{clip-path:inset(4% 0 88% 0);transform:translate(-10px)}14%{clip-path:inset(50% 0 30% 0);transform:translate(10px,-2px)}28%{clip-path:inset(24% 0 62% 0);transform:translate(-8px,2px)}42%{clip-path:inset(72% 0 8% 0);transform:translate(9px)}57%{clip-path:inset(12% 0 74% 0);transform:translate(-9px,2px)}71%{clip-path:inset(60% 0 22% 0);transform:translate(8px,-2px)}85%{clip-path:inset(34% 0 50% 0);transform:translate(-7px,1px)}}@keyframes glitchB{0%,to{clip-path:inset(66% 0 12% 0);transform:translate(10px)}18%{clip-path:inset(16% 0 68% 0);transform:translate(-10px,1px)}36%{clip-path:inset(44% 0 40% 0);transform:translate(8px,-2px)}54%{clip-path:inset(6% 0 84% 0);transform:translate(-9px)}72%{clip-path:inset(80% 0 6% 0);transform:translate(9px,2px)}88%{clip-path:inset(30% 0 54% 0);transform:translate(-8px,-1px)}}@media (prefers-reduced-motion: reduce){*{animation:none!important}}