:root{--paper: #f4f1e8;--paper2: #fdfcf7;--ink: #2b2b2b;--pencil: #5c5850;--hl: #ffe34d;--hl2: #b9f18d;--red: #e0501f;--blue: #2456d6;--lilac: #cba6f7;--grid: #dbe2f0;--font-body: "Patrick Hand", "Space Grotesk", system-ui, sans-serif;--font-clean: "Space Grotesk", system-ui, sans-serif;--font-sketch: "Cabin Sketch", cursive;--font-pencil: "Fredericka the Great", cursive;--font-note: "Caveat", cursive}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;color:var(--ink);font-family:var(--font-body);overscroll-behavior:none;-webkit-font-smoothing:antialiased;font-variant-emoji:text}body{background:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px),var(--paper);background-size:30px 30px,30px 30px,auto}#app,#app canvas{position:fixed;top:0;right:0;bottom:0;left:0;touch-action:none}.grain{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;width:200%;height:200%;pointer-events:none;z-index:40;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hl-stripe{background:linear-gradient(180deg,transparent 58%,var(--hl) 58%,var(--hl) 92%,transparent 92%)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}#loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px),var(--paper);background-size:30px 30px,30px 30px,auto;display:flex;align-items:center;justify-content:center;transition:opacity .6s ease,visibility .6s}#loader.done{opacity:0;visibility:hidden}.loader-inner{text-align:center}.loader-title{font-family:var(--font-sketch);font-weight:700;font-size:clamp(3rem,14vw,7rem);line-height:.95;color:var(--ink);background:linear-gradient(180deg,transparent 60%,var(--hl) 60%,var(--hl) 92%,transparent 92%);animation:scribble 1.4s ease-in-out infinite}.loader-sub{margin-top:1.2rem;font-family:var(--font-note);color:var(--pencil);font-size:1.3rem}@keyframes scribble{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1.2deg)}}.topnav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.2rem}.brand{font-family:var(--font-note);font-weight:700;font-size:1.25rem;color:var(--ink);display:flex;align-items:center;gap:.45rem;transform:rotate(-1.5deg)}.brand-logo{width:2rem;height:2rem;object-fit:cover;border:1.5px solid var(--ink);border-radius:3px;flex-shrink:0}.brand-year{color:var(--pencil);font-size:.95rem;background:linear-gradient(180deg,transparent 55%,var(--hl) 55%,var(--hl) 95%,transparent 95%);padding:0 .15em}.navlinks{display:flex;gap:.35rem}.navlinks button{font-family:var(--font-body);font-size:.8rem;letter-spacing:.06em;color:var(--ink);background:var(--paper2);border:2px solid var(--ink);border-radius:6px 10px 7px 9px/9px 7px 10px 6px;padding:.32rem .6rem;cursor:pointer;transition:all .15s;box-shadow:2px 2px #2b2b2b40}.navlinks button:hover,.navlinks button.active{background:var(--hl);transform:rotate(-2deg)}.marquee{position:fixed;bottom:0;left:0;right:0;z-index:50;border-top:2px dashed var(--ink);background:#fdfcf7eb;overflow:hidden;padding:.3rem 0;pointer-events:none}.marquee-track{display:flex;white-space:nowrap;animation:marquee 24s linear infinite;font-family:var(--font-note);font-weight:700;font-size:1.05rem;color:var(--ink);letter-spacing:.06em}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.section{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;padding:4.5rem 1.2rem 3.5rem}.section>*{pointer-events:none}.section.live .ui-block,.section.live .ui-block *{pointer-events:auto}.hero{text-align:center;position:relative}.hero-kicker{font-family:var(--font-note);font-size:clamp(1rem,3.2vw,1.4rem);color:var(--pencil);letter-spacing:.18em;margin-bottom:.8rem}.chrome{font-family:var(--font-pencil);font-weight:400;color:var(--ink);display:inline-block;padding:0 .15em;background:linear-gradient(180deg,transparent 62%,var(--hl) 62%,var(--hl) 90%,transparent 90%)}.hero-title{font-size:clamp(3.2rem,15vw,9rem);line-height:1;letter-spacing:.01em}.tag2026{position:absolute;top:4%;right:2%;font-family:var(--font-note);font-weight:700;font-size:clamp(1.4rem,4.5vw,2.4rem);color:var(--red);transform:rotate(10deg)}.hero-sub{margin-top:1.4rem;font-size:clamp(1rem,3vw,1.25rem);color:var(--pencil);line-height:1.55}.hero-ctas{display:flex;justify-content:center;flex-wrap:wrap;gap:.6rem;margin-top:1.4rem}.scroll-hint{margin-top:2.2rem;font-family:var(--font-note);font-weight:700;font-size:1.1rem;color:var(--ink);animation:bob 1.6s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.clipping{background:var(--paper2);color:var(--ink);max-width:620px;width:100%;max-height:calc(100vh - 9rem);overflow-y:auto;padding:1.6rem 1.8rem 1.8rem;border:2px solid var(--ink);border-radius:10px 14px 9px 13px/13px 9px 14px 10px;box-shadow:8px 8px #2b2b2b26,0 24px 50px #2b2b2b1f;transform:rotate(-1.2deg);position:relative}.clipping-masthead{font-family:var(--font-sketch);font-weight:700;font-size:clamp(2rem,6.5vw,3rem);text-align:center;line-height:1}.clipping-rule{text-align:center;font-family:var(--font-clean);font-size:.6rem;font-weight:700;letter-spacing:.18em;border-top:2px dashed var(--ink);border-bottom:2px dashed var(--ink);padding:.3rem 0;margin:.6rem 0 1rem;color:var(--pencil)}.clipping-headline{font-family:var(--font-body);font-size:clamp(1.7rem,5.5vw,2.6rem);line-height:1.05;margin-bottom:1rem;text-transform:uppercase;display:inline-block;background:linear-gradient(180deg,transparent 55%,var(--hl) 55%,var(--hl) 92%,transparent 92%)}.stamp{position:absolute;top:5.2rem;right:1rem;font-family:var(--font-clean);font-weight:700;font-size:.7rem;letter-spacing:.1em;color:var(--red);border:3px double var(--red);border-radius:6px;padding:.35rem .5rem;transform:rotate(9deg);text-align:center;opacity:.85;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='r'%3E%3CfeTurbulence baseFrequency='0.5' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.9 0.05'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23r)'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='r'%3E%3CfeTurbulence baseFrequency='0.5' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.9 0.05'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23r)'/%3E%3C/svg%3E")}.clipping-cols{font-size:1.02rem;line-height:1.5;color:var(--pencil)}.clipping-cols b{color:var(--ink)}.clipping-cols p{margin-bottom:.7rem}.clipping-stats{font-family:var(--font-note);font-weight:700;font-size:1.15rem;color:var(--ink);border-top:1px dashed var(--pencil);padding-top:.6rem}.clipping-skills{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.4rem}.clipping-skills span{font-family:var(--font-body);font-size:.82rem;letter-spacing:.03em;background:var(--paper2);color:var(--ink);border:1.5px solid var(--ink);border-radius:5px 8px 6px 9px/8px 6px 9px 5px;padding:.12rem .45rem}.clipping-skills span:nth-child(odd){background:var(--hl)}.clipping-skills span:nth-child(3n){background:var(--hl2)}.cv-link{display:inline-block;margin-top:.9rem;font-family:var(--font-note);font-weight:700;font-size:1.3rem;color:var(--blue);text-decoration:underline wavy rgba(36,86,214,.5) 2px;text-underline-offset:5px;transform:rotate(-1deg)}.cv-link:hover{color:var(--red)}.about-mobile{display:none}@media(min-width:640px){.clipping-cols{column-count:2;column-gap:1.4rem}.clipping-cols .clipping-stats{column-span:all}}.work-head{position:absolute;top:13%;left:0;right:0;text-align:center}.spray{font-family:var(--font-sketch);font-weight:700;color:var(--ink);display:inline-block;padding:0 .2em;background:linear-gradient(180deg,transparent 58%,var(--hl) 58%,var(--hl) 92%,transparent 92%)}.work-title{font-size:clamp(2.4rem,9vw,4.5rem)}.work-hint{font-family:var(--font-note);font-weight:700;color:var(--pencil);font-size:clamp(1rem,3vw,1.25rem);margin-top:.3rem}.wall-ui{position:absolute;bottom:9%;left:0;right:0;text-align:center}.wall-title{font-size:clamp(2.2rem,8vw,4rem)}.wall-hint{font-family:var(--font-note);color:var(--pencil);font-size:1.15rem;margin:.2rem 0 .9rem}.btn-spray{font-family:var(--font-note);font-weight:700;font-size:1.25rem;color:var(--ink);background:var(--hl);border:2px solid var(--ink);border-radius:8px 12px 9px 11px/11px 9px 12px 8px;box-shadow:4px 4px #2b2b2bcc;padding:.55rem 1.3rem;cursor:pointer;transform:rotate(-1.5deg);transition:transform .12s,box-shadow .12s}.btn-spray:hover{transform:rotate(1deg) scale(1.04)}.btn-spray:active{transform:scale(.96);box-shadow:2px 2px #2b2b2bcc}.wall-count{margin-top:.8rem;font-family:var(--font-clean);font-size:.72rem;color:var(--pencil);letter-spacing:.12em}.contact{text-align:center}.contact-title{display:block;font-size:clamp(2.6rem,12vw,7rem);line-height:1;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto}.contact-mail{display:block;width:fit-content;max-width:100%;margin:1.4rem auto 0;font-family:var(--font-body);font-size:clamp(1rem,3.5vw,1.7rem);color:var(--ink);text-decoration:none;background:linear-gradient(180deg,transparent 55%,var(--hl) 55%,var(--hl) 92%,transparent 92%);padding:0 .25em;transform:rotate(-.5deg);word-break:break-all;overflow-wrap:anywhere}.contact-mail:hover{color:var(--red)}.contact-links{display:flex;justify-content:center;flex-wrap:wrap;gap:.6rem;margin-top:1.6rem}.paper-btn{font-family:var(--font-body);font-size:.92rem;letter-spacing:.05em;color:var(--ink);background:var(--paper2);border:2px solid var(--ink);border-radius:7px 11px 8px 10px/10px 8px 11px 7px;box-shadow:4px 4px 0 var(--hl);padding:.45rem .9rem;text-decoration:none;cursor:pointer;transition:transform .12s}.paper-btn:hover{transform:translate(-2px,-2px) rotate(-1deg)}.contact-foot{margin-top:2.4rem;font-family:var(--font-clean);font-size:.6rem;letter-spacing:.2em;color:var(--pencil)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#2b2b2b59;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:1rem;opacity:1;transition:opacity .25s}.modal.hidden{opacity:0;pointer-events:none;visibility:hidden}.window{background:var(--paper2);color:var(--ink);width:100%;max-width:560px;max-height:calc(100vh - 2rem);display:flex;flex-direction:column;border:2px solid var(--ink);border-radius:12px 16px 11px 15px/15px 11px 16px 12px;box-shadow:10px 10px 0 var(--hl),0 30px 60px #2b2b2b40;animation:pop .28s cubic-bezier(.2,1.4,.4,1)}.window-small{max-width:380px}@keyframes pop{0%{transform:scale(.7) rotate(-3deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.window-bar{display:flex;align-items:center;gap:.6rem;border-bottom:2px dashed var(--ink);color:var(--ink);padding:.5rem .7rem;flex-shrink:0}.window-dots{display:flex;gap:4px}.window-dots i{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--ink);background:var(--hl)}.window-dots i:nth-child(2){background:var(--red)}.window-dots i:nth-child(3){background:var(--lilac)}.window-name{font-family:var(--font-note);font-weight:700;font-size:1.05rem;letter-spacing:.08em;flex:1}.window-close{background:none;border:none;color:var(--ink);font-size:1rem;cursor:pointer;padding:.1rem .4rem}.window-close:hover{color:var(--red)}.window-body{padding:1rem 1.2rem 1.2rem;overflow-y:auto}.shot{border:2px solid var(--ink);border-radius:6px 9px 7px 8px/8px 7px 9px 6px;margin-bottom:1rem;aspect-ratio:16 / 9.5;overflow:hidden;background:var(--paper)}.shot img,.shot svg{display:block;width:100%;height:100%;object-fit:cover}.modal-title{font-family:var(--font-sketch);font-weight:700;font-size:1.55rem;text-transform:uppercase}.modal-goal{margin-top:.5rem;font-size:1.02rem;line-height:1.45;color:var(--pencil)}.modal-role{margin-top:.4rem;font-family:var(--font-note);font-size:1.05rem;color:var(--pencil)}.modal-impact{display:inline-block;margin-top:.6rem;font-family:var(--font-note);font-weight:700;font-size:1.15rem;color:var(--ink);background:linear-gradient(180deg,transparent 52%,var(--hl) 52%,var(--hl) 94%,transparent 94%);padding:0 .2em;transform:rotate(-.5deg)}.modal-stack{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.8rem}.modal-stack span{font-family:var(--font-body);font-size:.82rem;background:var(--hl);border:1.5px solid var(--ink);border-radius:5px 8px 6px 9px/8px 6px 9px 5px;padding:.12rem .5rem;transform:rotate(-1deg)}.modal-stack span:nth-child(2n){transform:rotate(1.5deg);background:var(--hl2)}.modal-links{display:flex;gap:.6rem;margin-top:1rem}.window-foot{display:flex;align-items:center;justify-content:space-between;border-top:2px dashed var(--ink);padding:.6rem .8rem;flex-shrink:0;font-family:var(--font-note);font-weight:700;font-size:1rem}.sign-label{font-family:var(--font-note);font-weight:700;font-size:1.2rem;margin-bottom:.6rem}.swatches{display:flex;gap:.6rem;margin-bottom:.8rem}.swatch{width:42px;height:42px;border:2px solid var(--ink);border-radius:6px 10px 7px 9px/9px 7px 10px 6px;cursor:pointer;transition:transform .12s,box-shadow .12s}.swatch.selected{transform:rotate(-4deg) scale(1.15);box-shadow:3px 3px #2b2b2bb3}#sign-input{display:block;width:100%;min-height:130px;resize:none;font-family:var(--font-body);font-size:1.15rem;line-height:1.4;padding:.7rem .9rem;border:2px solid var(--ink);border-radius:4px 7px 5px 6px/6px 5px 7px 4px;background:#ffef7a;color:var(--ink);outline:none;margin-bottom:.7rem;box-shadow:5px 5px #2b2b2b2e}#sign-input:focus{box-shadow:5px 5px 0 var(--ink)}.sign-row{display:flex;align-items:center;justify-content:space-between}#char-count{font-family:var(--font-clean);font-size:.72rem;letter-spacing:.1em;color:var(--pencil)}.bignote{width:100%;aspect-ratio:1 / 1;padding:1.3rem 1.4rem;font-family:var(--font-body);font-size:1.45rem;line-height:1.4;color:var(--ink);border:2px solid rgba(43,43,43,.5);box-shadow:7px 7px #2b2b2b33;transform:rotate(-1.5deg);overflow-y:auto;word-break:break-word;white-space:pre-wrap}@media(max-width:560px){.navlinks button{font-size:.68rem;padding:.26rem .4rem}.brand{font-size:1rem}.brand-logo{width:1.75rem;height:1.75rem}.work-head{top:10%}.wall-ui{bottom:7%}.clipping{transform:rotate(0);padding:1rem 1.05rem 1.1rem;max-height:none;overflow:hidden}.clipping-masthead{font-size:1.7rem}.clipping-rule{margin:.4rem 0 .65rem;padding:.22rem 0;font-size:.55rem}.clipping-headline{font-size:1.45rem;margin-bottom:.65rem}.clipping-cols{font-size:.95rem;line-height:1.4}.clipping-cols p{margin-bottom:.45rem}.clipping-skills{gap:.28rem;margin-top:.35rem}.clipping-skills span{font-size:.72rem;padding:.08rem .38rem}.cv-link{margin-top:.55rem;font-size:1.15rem}.about-desktop{display:none!important}.about-mobile{display:block}}