:root{--paper:#fff;--ink:#111;--blue:#174ea6;--muted:#4a4a4a;--hi:#fff06a;--mono:"JetBrains Mono","Courier New",Courier,monospace}*{box-sizing:border-box}html{background:#fff}body{margin:0;background:#fff;color:var(--ink);font-family:var(--mono);font-size:13px;line-height:1.68;font-weight:500}.page{width:min(760px,calc(100% - 34px));margin:58px auto 72px;background:#fff}h1{margin:0 0 6px;font-size:clamp(42px,8vw,72px);line-height:.96;letter-spacing:-.075em;font-weight:800;color:#0d0d0d}h1 span{position:relative;display:inline-block;z-index:0}h1 span:before{content:"";position:absolute;z-index:-1;left:-.13em;right:-.18em;top:41%;height:.58em;background:linear-gradient(100deg,#fff06aad,#ffe242eb 42%,#fff68ec2);transform:rotate(-1.2deg) skew(-6deg);border-radius:45% 18% 39% 24%/36% 42% 28% 44%;clip-path:polygon(1% 18%,8% 6%,19% 13%,31% 4%,48% 11%,63% 6%,81% 14%,99% 9%,97% 84%,87% 78%,73% 91%,58% 82%,43% 92%,27% 80%,11% 89%,0 78%)}section{margin-top:42px}.intro{margin-top:0}h2{margin:0 0 14px;font-size:12px;line-height:1.4;color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:.12em}p{margin:0 0 6px}ul{list-style:none;margin:0;padding:0}li{margin:0 0 4px}em{font-style:italic;color:#263f73}a{color:var(--blue);text-decoration-thickness:1.35px;text-underline-offset:4px;font-weight:650;position:relative;background-image:linear-gradient(transparent 58%,#fff06ab8 58%);background-size:0% 100%;background-repeat:no-repeat;transition:color .16s ease,background-size .18s ease}a:hover,a:focus-visible{color:#0d3474;background-size:100% 100%;outline:none}.icon{width:15px;height:15px;display:inline-block;vertical-align:-2px;margin-right:5px;fill:currentColor;transition:transform .16s ease}a:hover .icon,a:focus-visible .icon{transform:rotate(-7deg)}.brand{margin:0 0 8px}.brand a{font-size:18px;line-height:1.25;font-weight:800;letter-spacing:-.04em;text-decoration-thickness:1.6px}.work{margin-top:26px}.work:first-of-type{margin-top:0}.work-note{margin-top:24px}.metric{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:8px}.links{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:4px}mark{position:relative;display:inline-block;background:transparent;color:#111;padding:0 5px;font-weight:650;line-height:1.55;z-index:0}mark:before{content:"";position:absolute;z-index:-1;inset:20% 0 9%;background:linear-gradient(95deg,#fff06a8c,#ffe54de0 45%,#fff57ea8);transform:rotate(var(--r,-.5deg)) skew(-5deg);border-radius:38% 22% 36% 24%/34% 43% 27% 39%;clip-path:polygon(0 22%,9% 8%,21% 15%,35% 6%,52% 13%,68% 7%,83% 16%,100% 10%,97% 82%,86% 74%,72% 88%,57% 78%,41% 90%,23% 77%,8% 86%,1% 73%)}mark:nth-of-type(2n):before{--r:.7deg}.muted{color:var(--muted)}button{font:650 12px/22px var(--mono);border:1px solid var(--blue);color:var(--blue);background:#fff;border-radius:2px;padding:0 8px;margin-left:8px;cursor:pointer;position:relative;min-width:52px;transition:transform .14s ease,background .14s ease,color .14s ease,box-shadow .14s ease}button:hover,button:focus-visible{background:var(--blue);color:#fff;transform:translateY(-1px);box-shadow:2px 2px #111;outline:none}button:hover .copy-label,button:focus-visible .copy-label{color:#fff}button .copy-pop{position:absolute;left:50%;top:-31px;translate:-50% 4px;background:#111;color:#fff;border-radius:2px;padding:3px 7px;white-space:nowrap;opacity:0;pointer-events:none;font-size:12px;transition:.16s}button .copy-pop:after{content:"";position:absolute;left:50%;bottom:-5px;translate:-50% 0;border:5px solid transparent;border-top-color:#111}button.copied{animation:copy-punch .34s ease;background:var(--hi);color:#111;border-color:#111}button.copied .copy-label{visibility:hidden}button.copied:before{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#111}button.copied:after{content:"✦";position:absolute;right:-13px;top:-16px;color:var(--blue);animation:spark .7s ease both}button.copied .copy-pop{opacity:1;translate:-50% 0}.footer{margin-top:58px;color:var(--blue)}.scribble{display:block;width:190px;max-width:65%;height:30px;margin-bottom:2px;overflow:visible}.scribble path{fill:none;stroke:var(--blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.85}.sign{font-style:italic;font-weight:650;color:var(--blue);transform:rotate(-.7deg);transform-origin:left center;margin:0}.more{font-style:italic;color:#263f73;margin:0}.toast{position:fixed;left:50%;bottom:16px;translate:-50% 14px;background:#111;color:#fff;border-radius:2px;padding:8px 10px;font:650 13px var(--mono);opacity:0;transition:.2s;box-shadow:3px 3px #174ea659}.toast.show{opacity:1;translate:-50% 0;animation:toast-wiggle .42s ease}@keyframes copy-punch{0%{transform:scale(1)}45%{transform:scale(.92) rotate(-2deg)}to{transform:scale(1) rotate(0)}}@keyframes spark{0%{opacity:0;transform:scale(.3) rotate(0)}35%{opacity:1;transform:scale(1.35) rotate(18deg)}to{opacity:0;transform:translate(8px,-10px) scale(.8) rotate(45deg)}}@keyframes toast-wiggle{0%,to{rotate:0deg}35%{rotate:-1.8deg}70%{rotate:1deg}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:680px){body{font-size:12.5px;line-height:1.7}.page{width:calc(100% - 30px);margin:38px auto 58px}h1{font-size:clamp(42px,14vw,58px);margin-bottom:4px;letter-spacing:-.07em}section{margin-top:36px}.intro{margin-top:0}.brand a{font-size:16px}.links{gap:12px}.email-row button{margin-left:4px}.scribble{width:170px;max-width:78%}}