*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#121212;--panel:#1a1a1a;--panel-2:#202020;--line:#333;--line-soft:#262626;--text:#ededed;--text-dim:#9b9b9b;--text-faint:#666;--paper:#f3ecd8;--paper-2:#ece2c8;--ink:#1c1a14;--axis-x:#ff6b5b;--axis-y:#6bd68a;--axis-z:#63a9ff;--axis-w:#d6a24f;--lime:#c6ff3d;--tape-a:#ffe08a;--tape-b:#a9dcff;--sans:"IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--display:"Archivo Black", var(--sans);--hand:"Caveat", cursive;--radius:6px;--pad:clamp(20px, 4vw, 64px)}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{font-family:var(--sans);background:var(--bg);color:var(--text);background-image:radial-gradient(circle at 1px 1px,#ffffff0d 1px,#0000 0);background-size:28px 28px;min-height:100vh;line-height:1.55}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}a,button,[role=button]{cursor:pointer}::selection{background:var(--lime);color:#111}:focus-visible{outline:2px solid var(--axis-z);outline-offset:2px}h1,h2,h3,h4{letter-spacing:-.01em;font-weight:700}.app{flex-direction:column;min-height:100vh;display:flex}.main{flex:1}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.hud-dot{background:var(--lime);width:7px;height:7px;box-shadow:0 0 8px var(--lime);border-radius:50%;flex-shrink:0;display:inline-block}.tape-strip{background:repeating-linear-gradient(45deg, var(--tape-a), var(--tape-a) 6px, #f0d374 6px, #f0d374 8px);opacity:.85;width:64px;height:22px;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #00000040}.btn{font-family:var(--sans);border-radius:var(--radius);border:2px solid var(--line);color:var(--text);background:0 0;align-items:center;gap:8px;padding:12px 22px;font-size:.9rem;font-weight:600;transition:border-color .15s,background .15s,color .15s,transform .15s;display:inline-flex}.btn-primary{background:var(--lime);border-color:var(--lime);color:#14210a}.btn-primary:hover{transform:rotate(-1deg)scale(1.02)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-ghost:hover{border-color:var(--text-dim);transform:rotate(1deg)}.ticker{border-bottom:1px solid var(--line);border-top:1px solid var(--line);background:repeating-linear-gradient(135deg,#1a1a1a,#1a1a1a 22px,#171717 22px 44px);overflow:hidden}.ticker-track{width:max-content;animation:32s linear infinite ticker-scroll;display:flex}.ticker-track span{font-family:var(--mono);letter-spacing:.03em;color:var(--lime);white-space:nowrap;padding:8px 0;font-size:.75rem}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.nav{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#121212e6;position:sticky;top:0}.nav-inner{padding:14px var(--pad);justify-content:space-between;align-items:center;display:flex}.nav-mark{color:var(--text);font-family:var(--sans);background:0 0;border:none;align-items:center;gap:10px;font-size:.95rem;font-weight:700;display:flex}.nav-mark-icon{color:var(--lime);flex-shrink:0}.nav-mark span{font-family:var(--hand);letter-spacing:.01em;font-size:1.5rem}.nav-tabs-desktop{gap:4px;display:flex}.nav-tab{color:var(--text-dim);border-radius:var(--radius);background:0 0;border:none;padding:8px 14px;font-size:.88rem;font-weight:500;transition:color .15s;position:relative}.nav-tab:hover,.nav-tab.active{color:var(--text)}.nav-underline{background:var(--lime);border-radius:2px;height:3px;position:absolute;bottom:2px;left:14px;right:14px}.nav-menu-btn{border:2px solid var(--line);border-radius:var(--radius);color:var(--text);background:0 0;padding:7px;display:none}.nav-tabs-mobile{display:none}.hero{padding:56px var(--pad) 80px;position:relative;overflow:hidden}.hero-stage{max-width:1400px;margin:0 auto;position:relative}.hero-name{font-family:var(--display);text-transform:uppercase;font-size:clamp(3.2rem,11vw,8.5rem);line-height:.94}.hero-scribble{font-family:var(--hand);color:var(--lime);align-items:center;gap:10px;max-width:640px;margin-top:8px;font-size:clamp(1.3rem,2.4vw,1.7rem);display:flex;transform:rotate(-1deg)}.hero-bolt{color:var(--axis-w);flex-shrink:0}.hero-status{font-family:var(--mono);color:var(--text-dim);border:1px solid var(--line);border-radius:100px;align-items:center;gap:8px;margin-top:22px;padding:6px 12px;font-size:.8rem;display:inline-flex}.hero-ctas{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.hero-underline{color:var(--lime);opacity:.8;margin-top:20px}.index-card{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:2px;max-width:600px;margin-top:44px;padding:22px 20px 12px;position:relative;transform:rotate(-.6deg);box-shadow:0 14px 30px #00000059}.index-card h4{font-family:var(--hand);margin-bottom:12px;font-size:1.5rem}.spec-row{border-bottom:1px dashed #1c1a1440;flex-wrap:wrap;align-items:baseline;gap:16px;padding:10px 0;display:flex}.spec-row:last-child{border-bottom:none}.spec-label{font-family:var(--mono);color:#1c1a1499;flex-shrink:0;width:112px;font-size:.7rem}.spec-values{flex-wrap:wrap;gap:6px;display:flex}.spec-tag{font-family:var(--mono);color:var(--ink);border:1px solid #1c1a144d;border-radius:3px;padding:2px 7px;font-size:.73rem}.sticky-note{background:var(--paper-2);width:128px;color:var(--ink);text-align:center;border-radius:2px;padding:16px 12px 12px;position:absolute;box-shadow:0 10px 24px #0006}.sticky-note p{font-family:var(--hand);margin-top:6px;font-size:1.05rem}.sticky-note--coffee{top:-10px;right:6%;transform:rotate(6deg)}.sticky-note--cig{top:130px;right:-10px;transform:rotate(-4deg)}.sticky-note--skull{top:260px;right:10%;transform:rotate(3deg)}.page-section{padding:60px var(--pad) 80px;max-width:1400px;margin:0 auto}.section-head h2{font-family:var(--display);text-transform:uppercase;font-size:clamp(2rem,4vw,3rem)}.section-sub{color:var(--text-dim);max-width:540px;margin-top:8px;font-size:.95rem}.segmented{border:2px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;margin-top:28px;display:inline-flex;overflow:hidden}.segmented-btn{border:none;border-right:2px solid var(--line);color:var(--text-dim);background:0 0;padding:9px 16px;font-size:.82rem;font-weight:500;transition:background .15s,color .15s}.segmented-btn:last-child{border-right:none}.segmented-btn:hover{color:var(--text)}.segmented-btn.active{background:var(--lime);color:#14210a}.board{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(190px,auto);gap:22px;margin-top:32px;display:grid}.pin-card{background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--row-color);transform:rotate(var(--tilt));border-radius:3px;flex-direction:column;grid-column:span 2;padding:22px;transition:transform .2s;display:flex;position:relative;box-shadow:0 12px 24px #0000004d}.pin-card:hover{transform:rotate(0)translateY(-3px)}.pin-card--lg{grid-column:span 4}.pin-tape{top:-12px}.pin-top{align-items:center;gap:10px;display:flex}.pin-swatch{background:var(--row-color);border-radius:50%;flex-shrink:0;width:10px;height:10px}.pin-top h3{font-size:1.05rem}.pin-status{font-family:var(--mono);color:var(--text-faint);margin-top:6px;font-size:.7rem}.pin-desc{color:var(--text-dim);flex:1;margin-top:10px;font-size:.9rem}.pin-tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.pin-tags span{font-family:var(--mono);color:var(--text-faint);border:1px solid var(--line);border-radius:3px;padding:2px 6px;font-size:.7rem}.pin-link-row{margin-top:14px}.pin-link{color:var(--lime);font-size:.86rem;font-weight:600;font-family:var(--sans);background:0 0;border:none}.pin-link:hover{-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.dl-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;margin-top:32px;display:grid}.dl-sticker{background:var(--paper);color:var(--ink);text-align:center;border-radius:255px 15px 225px/15px 225px 15px 255px;padding:26px 20px;position:relative;box-shadow:0 12px 26px #00000059}.dl-tape{top:-10px}.dl-sticker img{object-fit:cover;border:1px solid #1c1a1433;border-radius:8px;width:52px;height:52px;margin:4px auto 12px;display:block}.dl-name{font-weight:700}.dl-meta{font-family:var(--mono);color:#1c1a1499;margin-top:4px;font-size:.72rem}.dl-btn{color:var(--ink);border-color:var(--ink);margin-top:14px;padding:8px 16px;font-size:.82rem}.dl-btn:hover{background:var(--ink);color:var(--paper)}.paper-note{background:var(--paper);color:var(--ink);border-radius:2px;max-width:640px;margin-top:32px;padding:34px;position:relative;transform:rotate(-.4deg);box-shadow:0 16px 34px #00000059}.paper-tape{top:-14px}.paper-tape--left{left:60px;transform:rotate(-6deg)}.paper-tape--right{left:auto;right:60px;transform:rotate(5deg)}.paper-stain{opacity:.18;position:absolute;bottom:18px;right:22px}.resume-head h3{font-size:1.3rem}.resume-head p{color:#1c1a14b3;margin-top:6px;font-size:.9rem}.resume-now{font-family:var(--mono);align-items:center;gap:8px;font-size:.78rem;display:inline-flex;margin-top:12px!important}.resume-block{border-top:1px dashed #1c1a1440;margin-top:24px;padding-top:20px}.resume-block h4{font-family:var(--hand);margin-bottom:12px;font-size:1.3rem}.resume-item{flex-wrap:wrap;justify-content:space-between;gap:12px;padding:5px 0;font-size:.9rem;display:flex}.resume-meta{color:#1c1a1499;font-family:var(--mono);font-size:.8rem}.resume-list{flex-direction:column;gap:8px;list-style:none;display:flex}.resume-list li{padding-left:14px;font-size:.92rem;position:relative}.resume-list li:before{content:"";background:var(--ink);border-radius:50%;width:5px;height:5px;position:absolute;top:9px;left:0}.resume-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.resume-actions .btn-primary{border-color:var(--ink)}.resume-actions .btn-ghost{border-color:var(--ink);color:var(--ink)}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.contact-grid h2{font-family:var(--display);text-transform:uppercase;font-size:clamp(2rem,4vw,3rem)}.contact-links{flex-direction:column;gap:10px;margin-top:26px;display:flex}.contact-link{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--text);align-items:center;gap:10px;padding:12px 14px;font-size:.88rem;transition:border-color .15s;display:flex}.contact-link:hover{border-color:var(--lime)}.contact-form{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);flex-direction:column;gap:14px;padding:26px;display:flex}.field label{font-family:var(--mono);color:var(--text-faint);margin-bottom:6px;font-size:.75rem;display:block}input,textarea{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--text);font-family:var(--sans);padding:11px 12px;font-size:.9rem}input:focus,textarea:focus{border-color:var(--lime);outline:none}textarea{resize:vertical;min-height:120px}.hp-field{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.contact-form button[type=submit]{justify-content:center;width:100%;padding:12px}.form-note{color:var(--text-faint);text-align:center;font-size:.76rem}.toast-slot{z-index:200;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:var(--radius);align-items:center;gap:10px;padding:12px 20px;font-size:.86rem;display:flex;box-shadow:0 12px 30px #0006}.toast svg{color:var(--lime);flex-shrink:0}.toast.error svg{color:var(--axis-x)}.footer{border-top:1px solid var(--line)}.footer-inner{padding:22px var(--pad);color:var(--text-faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:.82rem;display:flex}.footer-links{gap:16px;display:flex}.footer-links a{color:var(--text-dim);display:flex}.footer-links a:hover{color:var(--lime)}@media (width<=900px){.board{grid-template-columns:repeat(2,1fr)}.pin-card{grid-column:span 2}.contact-grid{grid-template-columns:1fr}}@media (width<=700px){.nav-tabs-desktop{display:none}.nav-menu-btn{justify-content:center;align-items:center;display:flex}.nav-tabs-mobile{border-top:1px solid var(--line);padding:8px var(--pad) 14px;flex-direction:column;display:flex}.nav-tab-mobile{text-align:left;color:var(--text-dim);background:0 0;border:none;padding:10px 0;font-size:.95rem}.nav-tab-mobile.active{color:var(--lime)}.hero{padding:40px 20px 56px}.sticky-note{margin:6px 8px 6px 0;display:inline-block;position:static;transform:none!important}.hero-name{margin-top:16px}.page-section{padding:48px 20px 60px}.board{grid-template-columns:1fr}.pin-card,.pin-card--lg{grid-column:span 1;transform:none}.paper-note{padding:24px}}
