*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Grotesk,sans-serif;background:#f5f5f7;color:#1a1a1a;min-height:100vh;min-height:100dvh;overflow-x:hidden;-webkit-text-size-adjust:100%}.header{max-width:900px;margin:0 auto;padding:80px 40px 60px;display:flex;align-items:center;gap:32px;position:relative}.nav-links{display:flex;flex-direction:column;gap:8px;list-style:none;align-self:center;text-align:right}.nav-links a{font-family:Space Mono,monospace;font-size:.8rem;text-decoration:none;color:#999;letter-spacing:.04em;transition:color .2s;white-space:nowrap}.nav-links a:hover,.nav-links a.active{color:#1a1a1a}.avatar{width:160px;height:160px;flex-shrink:0;object-fit:cover;image-rendering:pixelated;box-shadow:0 4px 20px #00000014}.profile-text{flex:1}.name-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.name{font-family:JetBrains Mono,monospace;font-size:3rem;font-weight:700;letter-spacing:-.04em;line-height:1;white-space:nowrap}.tagline{font-family:Space Mono,monospace;font-size:.85rem;font-weight:400;color:#888;letter-spacing:.02em;white-space:nowrap}.will-caret{display:inline-block;position:relative;width:0;vertical-align:baseline}.will-text{position:absolute;bottom:22px;left:50%;transform:translate(-40%);font-family:Caveat,cursive;font-size:1.1rem;font-weight:700;color:#c0392b;line-height:1;white-space:nowrap}.will-arrow{position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:6px;height:16px;color:#c0392b}.projects{padding:20px 0 80px}.project{margin-bottom:56px}.project:last-child{margin-bottom:0}.project-header{max-width:900px;margin:0 auto;padding:0 40px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.project-header--jukebox{flex-wrap:wrap}.project-title{display:flex;align-items:center;gap:16px}.project-desc{max-width:900px;margin:0 auto;padding:0 40px 24px;font-family:Space Mono,monospace;font-size:.85rem;font-weight:400;color:#888;letter-spacing:.01em;line-height:1.55}.project-desc p{margin:0;max-width:42rem}.project-desc p+p{margin-top:.35em}.project-title h2{font-family:JetBrains Mono,monospace;font-size:1.8rem;font-weight:600;letter-spacing:-.03em;line-height:1}.badge{font-family:Space Mono,monospace;font-size:.65rem;font-weight:400;text-transform:uppercase;letter-spacing:.1em;color:#999;border:1px solid #ccc;padding:4px 10px;line-height:1}.badge-live{color:#0a0a0a;border-color:#0a0a0a;background:#ffe600}.project-external{font-family:Space Mono,monospace;font-size:.75rem;color:#999;text-decoration:none;letter-spacing:.02em;white-space:nowrap;transition:color .2s}.project-external:hover{color:#1a1a1a}.w3j-banner-wrap{max-width:900px;margin:0 auto;padding:0 40px}.w3j-banner{--w3j-magenta: #ff2d95;--w3j-cyan: #00c2ff;--w3j-yellow: #ffe600;--w3j-ink: #0a0a0a;--w3j-paper: #fff8e7;position:relative;display:block;width:100%;min-height:clamp(200px,28vw,280px);overflow:hidden;text-decoration:none;color:inherit;border:4px solid var(--w3j-ink);box-shadow:4px 4px 0 var(--w3j-ink);-webkit-tap-highlight-color:transparent;transition:transform .2s ease,box-shadow .2s ease}.w3j-banner:hover{transform:translateY(-2px);box-shadow:6px 6px 0 var(--w3j-ink)}.w3j-banner:focus-visible{outline:3px solid var(--w3j-cyan);outline-offset:3px}.w3j-banner-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--w3j-paper);pointer-events:none}.w3j-banner-dots{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,#ff2d95 1.25px,transparent 1.35px);background-size:14px 14px;opacity:.3}.w3j-shape{position:absolute;border:4px solid var(--w3j-ink);box-sizing:border-box}.w3j-shape-circle-cyan{top:-18%;right:-6%;width:min(34vmin,220px);height:min(34vmin,220px);border-radius:50%;background:var(--w3j-cyan);border-width:5px;background-image:radial-gradient(circle,#0a0a0a18 1.1px,transparent 1.2px);background-size:11px 11px}.w3j-shape-square-yellow{bottom:-28%;left:-4%;width:min(36vmin,240px);height:min(36vmin,240px);background:var(--w3j-yellow);transform:rotate(14deg);border-width:5px}.w3j-shape-square-magenta{top:38%;left:4%;width:min(10vmin,72px);height:min(10vmin,72px);background:var(--w3j-magenta);transform:rotate(-12deg)}.w3j-shape-circle-magenta{bottom:10%;right:6%;width:min(14vmin,100px);height:min(14vmin,100px);border-radius:50%;background:var(--w3j-magenta)}.w3j-shape-triangle{position:absolute;top:6%;left:10%;width:min(12vmin,90px);height:auto;transform:rotate(-8deg);overflow:visible}.w3j-shape-bar-yellow{top:18%;right:2%;width:min(5vmin,40px);height:min(28vmin,160px);background:var(--w3j-yellow);transform:rotate(8deg)}.w3j-sticker{position:absolute;z-index:1;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.w3j-sticker-boombox{bottom:-4%;left:-1%;width:min(32%,168px);height:auto;transform:rotate(-8deg);opacity:.72;filter:drop-shadow(3px 3px 0 #0a0a0a)}.w3j-banner-wash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:radial-gradient(ellipse 55% 60% at 50% 50%,#fff8e7ee 0%,#fff8e7aa 45%,transparent 72%)}.w3j-banner-stage{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-height:inherit;padding:28px 20px}.w3j-banner-panel{background:transparent;border:none;box-shadow:none;padding:12px 16px;text-align:center}.w3j-logo{position:relative;display:inline-flex;flex-direction:column;align-items:flex-start;font-family:Bangers,system-ui,sans-serif;letter-spacing:.04em;line-height:.85;transform:rotate(-2.5deg);-webkit-user-select:none;user-select:none}.w3j-logo-line{display:block}.w3j-logo-web3{color:var(--w3j-magenta);font-size:clamp(2.4rem,8vw,4.25rem);text-shadow:-2px -2px 0 var(--w3j-ink),2px -2px 0 var(--w3j-ink),-2px 2px 0 var(--w3j-ink),2px 2px 0 var(--w3j-ink),0 -2px 0 var(--w3j-ink),0 2px 0 var(--w3j-ink),-2px 0 0 var(--w3j-ink),2px 0 0 var(--w3j-ink),3px 3px 0 var(--w3j-cyan),5px 5px 0 var(--w3j-ink)}.w3j-logo-jukebox{color:var(--w3j-yellow);font-size:clamp(2.1rem,7vw,3.75rem);margin-top:-.04em;margin-left:.1em;text-shadow:-2px -2px 0 var(--w3j-ink),2px -2px 0 var(--w3j-ink),-2px 2px 0 var(--w3j-ink),2px 2px 0 var(--w3j-ink),0 -2px 0 var(--w3j-ink),0 2px 0 var(--w3j-ink),-2px 0 0 var(--w3j-ink),2px 0 0 var(--w3j-ink),4px 4px 0 var(--w3j-ink)}.w3j-logo-burst{position:absolute;top:-.12em;right:-.55em;width:.5em;height:.5em;background:var(--w3j-cyan);border:2.5px solid var(--w3j-ink);transform:rotate(15deg);box-shadow:2px 2px 0 var(--w3j-ink)}.w3j-banner-tag{margin:18px 0 0;font-family:Space Mono,monospace;font-size:clamp(.65rem,1.6vw,.8rem);letter-spacing:.12em;text-transform:uppercase;color:var(--w3j-ink);background:var(--w3j-yellow);display:inline-block;padding:4px 10px;border:2px solid var(--w3j-ink);box-shadow:2px 2px 0 var(--w3j-ink)}@media (prefers-reduced-motion: reduce){.w3j-banner{transition:none}.w3j-banner:hover{transform:none}}.carousel-nav{display:flex;gap:8px}.carousel-nav button{width:36px;height:36px;border:1px solid #ccc;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s,background .2s;-webkit-tap-highlight-color:transparent}.carousel-nav button:hover{border-color:#1a1a1a;background:#1a1a1a}.carousel-nav button:hover svg{stroke:#fff}.carousel-nav button svg{width:16px;height:16px;stroke:#1a1a1a;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.carousel-track{overflow:hidden;width:100%;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}.carousel{display:flex;gap:20px;will-change:transform;padding:8px 0}.carousel-item{flex:0 0 280px;overflow:hidden;cursor:pointer;box-shadow:0 2px 12px #00000014;transition:box-shadow .3s ease,transform .3s ease;-webkit-tap-highlight-color:transparent}.carousel-item:hover{box-shadow:0 8px 32px #00000026;transform:translateY(-2px)}.carousel-item img{width:100%;aspect-ratio:9 / 16;object-fit:cover;display:block;pointer-events:none}.section-label{max-width:900px;margin:0 auto;padding:40px 40px 0;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:#bbb}.about{max-width:900px;margin:0 auto;padding:0 40px 40px}.about .section-label{padding:60px 0 0}.about-text{padding-top:16px}.about-text p{font-family:Space Mono,monospace;font-size:.85rem;line-height:1.7;color:#666;margin-bottom:12px}.about-text strong{color:#1a1a1a;font-weight:700}.subtle-link{color:inherit;text-decoration:none;border-bottom:1px solid #ccc;transition:border-color .2s}.subtle-link:hover{border-color:#1a1a1a}.lightbox{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000eb;align-items:center;justify-content:center;cursor:zoom-out}.lightbox.active{display:flex}.lightbox img{max-width:92vw;max-height:92vh;object-fit:contain}.lightbox-close{position:absolute;top:16px;right:16px;width:44px;height:44px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.lightbox-close svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round}.page-center{max-width:900px;margin:0 auto;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 340px);min-height:calc(100dvh - 340px);text-align:center}.page-center h1{font-size:2.4rem;font-weight:700;letter-spacing:-.04em;margin-bottom:12px}.page-center .subtitle{font-family:Space Mono,monospace;font-size:.85rem;color:#aaa;letter-spacing:.04em}.social-link{display:inline-flex;align-items:center;gap:12px;margin-top:32px;padding:14px 28px;text-decoration:none;color:#1a1a1a;border:1px solid #ddd;font-family:Space Mono,monospace;font-size:.85rem;letter-spacing:.02em;transition:border-color .2s,background .2s}.social-link:hover{border-color:#1a1a1a;background:#1a1a1a;color:#fff}.social-link:hover svg{fill:#fff}.social-link svg{width:20px;height:20px;fill:#1a1a1a;transition:fill .2s}footer{max-width:900px;margin:0 auto;padding:60px 40px 40px;font-family:Space Mono,monospace;font-size:.7rem;color:#999;letter-spacing:.06em}@media (max-width: 640px){.header{padding:48px 20px 36px;gap:16px}.avatar{width:100px;height:100px}.name{font-size:2rem}.profile-text{min-width:0}.name-row{flex-direction:column;gap:0;align-items:flex-start}.tagline{font-size:.75rem;padding-left:8px;margin-top:28px}.nav-links{gap:6px}.nav-links a{font-size:.7rem}.section-label{padding:32px 20px 0}.project-header{padding:0 20px 16px}.project-title h2{font-size:1.3rem}.project-title{gap:10px}.badge{font-size:.6rem;padding:2px 8px}.project-desc{padding:0 20px 20px;font-size:.78rem}.project-external{font-size:.68rem}.project{margin-bottom:44px}.w3j-banner-wrap{padding:0 20px}.w3j-banner{min-height:190px}.w3j-banner-stage{padding:22px 14px}.w3j-shape-square-magenta,.w3j-shape-bar-yellow{opacity:.85}.w3j-banner-dots{opacity:.24;background-size:12px 12px}.w3j-sticker-boombox{width:min(38%,120px);bottom:-2%;left:-3%;opacity:.65}.carousel{gap:14px}.carousel-item{flex:0 0 200px}.about{padding:0 20px 32px}.about-text p{font-size:.8rem}.page-center{padding:40px 20px;min-height:calc(100vh - 260px)}.page-center h1{font-size:1.8rem}.social-link{padding:12px 20px;font-size:.8rem}footer{padding:40px 20px 32px}}@media (max-width: 380px){.header{padding:40px 16px 28px;gap:12px}.avatar{width:80px;height:80px}.name{font-size:1.7rem}.nav-links{gap:4px}.project-header{padding:0 16px 14px}.project-desc{padding:0 16px 18px;font-size:.75rem}.section-label{padding:28px 16px 0}.carousel-item{flex:0 0 170px}.about{padding:0 16px 28px}.page-center{padding:32px 16px}footer{padding:32px 16px 24px}.w3j-banner-wrap{padding:0 16px}.w3j-logo-web3{font-size:2.1rem}.w3j-logo-jukebox{font-size:1.85rem}}