@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/anton-400-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/anton-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/caveat-500-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/caveat-500-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/caveat-500-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/caveat-500-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-400-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jetbrains-mono-400-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jetbrains-mono-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/jetbrains-mono-400-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/jetbrains-mono-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#f2efe6;--ink:#14120e;--ink-2:#4a453c;--ink-3:#716b5b;--line:#b8b2a4;--amber:#f5c518;--mono:"JetBrains Mono", ui-monospace, monospace;--hand:"Caveat", cursive}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background:var(--paper);color:var(--ink);font-family:var(--mono);margin:0;font-size:13px;overflow-x:clip}body:before{content:"";pointer-events:none;z-index:99;opacity:.35;background:radial-gradient(circle at 20% 30%,#0000000a,#0000 60%),radial-gradient(circle at 80% 70%,#0000000a,#0000 55%);position:fixed;inset:0}.stage{-webkit-user-select:none;user-select:none;width:100%;height:100vh;min-height:720px;padding:40px 48px;position:relative}::selection{background:var(--amber);color:var(--ink)}.wires{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.wire{fill:none;stroke:var(--line);stroke-width:1px}.wire.dash{stroke-dasharray:4 4}.wire.thin{stroke:var(--line);stroke-width:.75px;stroke-dasharray:2 3}.wire.live{stroke:var(--ink);stroke-width:1.5px;stroke-dasharray:6 3;animation:1s linear infinite crawl}@keyframes crawl{to{stroke-dashoffset:-18px}}.anchor{width:1px;height:1px;position:absolute}.anchor.free{z-index:2;position:absolute}.ring{border:1px solid var(--ink-2);background:var(--paper);border-radius:50%;width:9px;height:9px;display:block}.ring.sm{width:7px;height:7px}.dot{background:var(--line);vertical-align:middle;border-radius:50%;width:7px;height:7px;display:inline-block}.dot.amber{background:var(--amber)}.dot.blink{animation:1.4s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.15}}.brand{z-index:20;letter-spacing:.04em;align-items:center;gap:8px;width:fit-content;display:flex;position:fixed;top:40px;left:48px}.section-id{letter-spacing:.1em;width:fit-content;color:var(--ink-3);margin-top:46px;font-size:11px}.section-id b{color:var(--amber);font-weight:500}.reset{z-index:12;font:inherit;letter-spacing:.12em;color:var(--ink-2);border:1px solid var(--line);cursor:pointer;background:0 0;padding:5px 10px;font-size:11px;position:absolute;top:104px;left:48px}.reset:hover{color:var(--ink);border-color:var(--amber)}.reset:active{background:var(--amber);color:var(--ink);border-color:var(--amber)}.sysbox{font:inherit;text-align:left;color:inherit;border:1px solid var(--line);cursor:pointer;z-index:3;background:0 0;border-left-width:2px;padding:14px 18px 12px;position:absolute;top:28px;left:50%}.sysbox-head{letter-spacing:.1em;color:var(--ink-2);font-size:12px;line-height:1.5}.sysbox hr{border:none;border-top:1px dashed var(--line);margin:10px 0 8px}.sysbox-foot{letter-spacing:.08em;color:var(--ink-3);font-size:11px}.sysbox .anchor{bottom:0;left:50%}.sysbox .reveal{font-family:var(--hand);opacity:0;margin-top:8px;font-size:18px;transition:opacity .2s;position:absolute;top:100%;left:0}.sysbox .reveal[data-on]{opacity:1}.sysbox:hover{border-left-color:var(--amber)}.coord{color:var(--ink-3);z-index:2;align-items:center;gap:10px;font-size:11px;line-height:1.5;display:flex;position:absolute}.cross{width:18px;height:18px;stroke:var(--line);stroke-width:1px;fill:none;flex:none}.coord-c .cross{display:none}.coord .anchor{top:50%;right:-4px}.section-id{z-index:12;position:relative}.scroll,.identity{pointer-events:none}.greet,.role,.head-node,.cta,.techrow{pointer-events:auto}.identity{--left:250px;--panel:min(640px, 46vw);z-index:12;margin:clamp(92px, 11vh, 116px) 0 0 var(--left);max-width:min(620px, calc(100vw - 48px - var(--panel) - var(--left) - 92px));position:relative;container-type:inline-size}.greet{letter-spacing:-.01em;width:fit-content;color:var(--ink);margin:0 0 18px;font-size:clamp(18px,1.55vw,23px);line-height:1.45}.wordmark{letter-spacing:-.012em;transform-origin:0 0;align-items:flex-end;width:fit-content;margin:0 0 calc(.28em + 22px);font-family:Anton,system-ui;font-size:min(96px,15.5cqw);font-weight:400;line-height:.86;display:flex;transform:scale(.97,1.34)}.caret{background:var(--amber);width:.32em;height:.13em;margin:0 0 .07em .04em}.lead{color:var(--ink-2);letter-spacing:-.005em;max-width:27em;margin:18px 0 0;font-size:clamp(15px,1.2vw,17px);line-height:1.55}.cta-row{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.cta{letter-spacing:.01em;border:1px solid var(--ink);width:fit-content;color:var(--ink);background:0 0;align-items:center;gap:9px;padding:12px 20px;font-size:14px;text-decoration:none;transition:transform .15s,gap .15s,background .15s;display:inline-flex}.cta-go{background:var(--amber);border-color:var(--amber);color:#14120e;font-weight:700}.cta:hover{gap:14px;transform:translateY(-1px)}.cta-alt:hover{background:#14120e0a}.techrow{color:var(--ink-3);letter-spacing:.04em;margin:46px 0 0;font-size:11px}.techrow i{opacity:.5;margin:0 5px;font-style:normal}.role{letter-spacing:-.025em;width:fit-content;color:var(--ink);margin:20px 0 0;font-size:clamp(24px,2.35vw,36px);line-height:1.2}.n01{width:fit-content;color:var(--ink-3);font-size:11px;position:absolute;top:37%;left:108px}.n01 .anchor{top:50%;right:-6px}.grid-note{width:fit-content;color:var(--ink-3);font-size:11px;position:absolute;top:56%;left:108px}.grid-note .dots{grid-template-columns:repeat(4,18px);gap:10px 0;margin-top:10px;display:grid}.grid-note i{background:var(--line);border-radius:50%;width:2px;height:2px}.wip{width:fit-content;color:var(--ink-3);letter-spacing:.04em;font-size:11px;line-height:1.6;position:absolute;bottom:15%;right:100px}.process{border:1px solid var(--line);z-index:2;border-top-color:#0000;width:min(640px,46vw);padding:26px 22px 22px;position:absolute;top:clamp(150px,21%,240px);right:48px}.frame-label{background:var(--paper);letter-spacing:.12em;color:var(--ink-3);padding:0 8px;font-size:11px;position:absolute;top:-8px;left:18px}.process:before,.process:after{content:"";background:var(--line);height:1px;position:absolute;top:-1px}.process:before{width:18px;left:-1px}.process .process-in{top:50%;left:0}.process .process-up{top:0;left:96%}.process:after{left:130px;right:-1px}.track{--n-line:17px;--col-gap:12px;--dot-size:11px;grid-template-columns:repeat(5,1fr);display:grid;position:relative}.rail{z-index:-1;border-top:1px dashed var(--line);left:calc(var(--dot-size) / 2);right:calc(33.333% - var(--dot-size) / 2);top:calc(var(--n-line) + var(--col-gap) + var(--dot-size) / 2 - .5px);position:absolute}.stage-col{gap:var(--col-gap);flex-direction:column;display:flex}.stage-n{color:var(--ink-3);font-size:11px;line-height:var(--n-line)}.stage-dot{width:var(--dot-size);height:var(--dot-size);border:1px solid var(--ink);background:var(--paper);border-radius:50%;transition:transform .15s,background .15s}.stage-col[data-hot] .stage-dot{transform:scale(1.5)}.stage-col[data-active] .stage-dot{background:var(--ink);animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 6px #14120e18}}.stage-title{letter-spacing:.1em;font-size:12px;font-weight:700}.stage-col[data-active] .stage-title{color:var(--ink)}.stage-col[data-active] .stage-title:after{content:" ●";color:var(--amber)}.stage-lines{color:var(--ink-2);gap:4px;font-size:12px;display:grid}.build-status{z-index:2;letter-spacing:.08em;align-items:center;gap:14px;display:flex;position:absolute;bottom:calc(4.4% + 62px);left:250px}.bs-bar b{color:var(--line);font-weight:400}.bs-bar b[data-on]{color:var(--ink)}.bs-hint{color:var(--ink-3);font-size:11px}.toolbar{z-index:20;border:1px solid var(--line);background:var(--paper);align-items:stretch;display:flex;position:fixed;top:34px;left:auto;right:232px}.tool{font:inherit;letter-spacing:.02em;color:var(--ink-2);border:0;border-left:1px solid var(--line);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:9px 15px;font-size:12px;display:inline-flex}.tool:first-child{border-left:0}.tool.tool-note{cursor:default;color:var(--ink-3)}.tool svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:15px;height:15px}.tool:not(.tool-note):hover{color:var(--ink);background:#14120e08}.tool b{font-weight:inherit}@media (width<=1360px){.tool b{display:none}.tool{padding:9px 13px}}@media (width<=1360px) and (width>=861px){.toolbar{right:240px}}@media (width<=860px){.toolbar{background:0 0;border:0;top:5px;left:auto;right:10px}.tool{border-left:0;padding:7px 9px}}.movable{cursor:grab;touch-action:none}.build-status,.coord,.meta,.n01,.grid-note,.wip,.brand,.section-id{width:fit-content}[data-dragging]{cursor:grabbing;z-index:9}.card,.frag,.sysnode{z-index:4;cursor:grab;touch-action:none;transition:box-shadow .15s,border-color .15s;position:absolute}.card[data-dragging],.frag[data-dragging],.sysnode[data-dragging]{cursor:grabbing;z-index:9}.card[data-dragging]{box-shadow:0 14px 30px #14120e1f}.card{background:var(--paper);border:1px solid var(--line);padding:14px 16px 16px}.card-head{letter-spacing:.1em;color:var(--ink-2);justify-content:space-between;align-items:center;gap:24px;margin-bottom:12px;font-size:12px;display:flex}.card-head.plain{color:var(--ink-2);display:block}.x{font:inherit;color:var(--ink-2);cursor:pointer;background:0 0;border:0;padding:0 2px}.x:hover{color:var(--ink)}.core{width:min(430px,34vw);top:50%;right:48px}.code{font:inherit;white-space:pre;color:var(--ink);margin:0;line-height:1.85}.now-line{color:var(--ink);margin:0;font-size:14px;line-height:1.5}.now-fact{color:var(--ink-2);align-items:center;gap:8px;margin:7px 0 0;font-size:12px;display:flex}.now-fact svg{fill:none;width:14px;height:14px;stroke:var(--ink-3);stroke-width:1.4px;flex:none}.card-head.plain{align-items:center;gap:7px;display:flex}.core .core-in{top:50%;left:0}.core .core-foot{bottom:0;left:50%}.exp{border-style:dashed;width:250px;top:59%;left:250px}.exp[data-attached]{border-style:solid;border-color:var(--ink)}.exp .exp-out{top:50%;right:0}.wf{width:100%;stroke:var(--line);stroke-width:1px;fill:none;display:block}.hand{font-family:var(--hand);color:var(--ink);margin-top:12px;font-size:19px;display:block}.hand.lg{margin-top:8px;font-size:24px;line-height:1.5}.note{border-style:dashed;width:200px;top:61%;left:560px}.note .note-out{top:60%;right:0}.frag{border:1px dashed var(--line);background:var(--paper);gap:6px;padding:10px 12px;display:grid;top:74%;left:58%}.frag-bar{background:var(--line);width:96px;height:6px}.frag-bar.short{width:58px}.frag-tag{color:var(--ink-2);letter-spacing:.1em;font-size:11px}.frag[data-attached]{border-style:solid;border-color:var(--ink)}.frag[data-attached] .frag-bar{background:var(--amber)}.sysnode{padding:8px}.sysnode .ring{width:11px;height:11px}.sysnode .anchor{top:50%;left:50%}.n1{top:46%;left:760px}.n2{top:80%;left:150px}.n3{top:15%;left:62%}.sq-anchor{z-index:2;position:absolute;top:70%;left:62%}.sq-anchor i{border:1px solid var(--ink);background:var(--paper);width:11px;height:11px;display:block}.nav{z-index:20;border-top:1px solid var(--line);grid-auto-flow:column;justify-items:start;padding-top:16px;display:grid;position:fixed;bottom:36px;left:48px;right:48px}.nav span{color:var(--ink-2);letter-spacing:.1em;gap:8px;display:grid}.nav span[data-current]{color:var(--amber)}.nav span[data-current] .dot{background:var(--amber)}.scroll{z-index:20;letter-spacing:.12em;color:var(--ink-2);justify-items:center;gap:3px;display:grid;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.scroll-ring{border:1px solid var(--line);background:var(--paper);border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:relative}.scroll-ring svg{fill:none;width:11px;height:11px;stroke:var(--ink-2);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.scroll b{font-size:11px;font-weight:400}.scroll small{letter-spacing:.04em;color:var(--ink-3);font-size:10px}.scroll-ring:after{content:"";border:1px solid var(--ink-3);opacity:0;border-radius:50%;position:absolute;inset:-1px}@media (prefers-reduced-motion:no-preference){.scroll-ring svg{animation:1.8s ease-in-out infinite cue-nudge}.scroll-ring:after{animation:1.8s ease-out infinite cue-wave}}@keyframes cue-nudge{0%,to{transform:translateY(-1.5px)}50%{transform:translateY(1.5px)}}@keyframes cue-wave{0%{opacity:.55;transform:scale(1)}70%,to{opacity:0;transform:scale(1.75)}}.only-narrow,.exp,.note,.frag{display:none}.process{padding:20px 16px 16px}.process .track{gap:0 14px}.stage-title{font-size:11px}.stage-lines{gap:3px;font-size:11px}.stage-n{font-size:10px}.sysbox{border:none;border-left:1px solid var(--line);border-top:1px solid var(--line);top:40px;left:auto;right:48px}.coord-a{top:14.8%;left:13.5vw}.coord-c{top:82.5%;left:41.9vw}.meta{width:fit-content;color:var(--ink-3);z-index:2;font-size:11px;line-height:1.6;position:absolute}.identity{--left:18vw;--panel:29.3vw;top:20.5%;left:var(--left);width:min(620px, calc(100vw - 7.2vw - var(--panel) - var(--left) - 9.2vw));max-width:none;margin:0;position:absolute}.role{margin-top:clamp(14px,2vh,24px)}.n01{top:39.7%;left:6.6vw}.grid-note{top:60.6%;left:6.5vw}.process{width:23.5vw;top:19%;right:7.2vw}.track{grid-template-columns:repeat(3,1fr)}.stage-col:nth-child(n+4){display:none}.rail{--i:0;--reach:calc(var(--i) / 2 * 100%);background:linear-gradient(90deg, var(--ink) 0 var(--reach), transparent var(--reach)), repeating-linear-gradient(90deg, var(--line) 0 4px, transparent 4px 8px);border:none;height:1px}.core{width:22.8vw;top:50.6%;left:65.9vw;right:auto}.sq-anchor{top:75.7%;left:60.5vw}.wip{inset:75.7% auto auto 79vw}.n1,.n2,.n3{display:none}.head-node{pointer-events:auto;padding:4px;position:absolute;top:26px;left:63%}.n01-dot{position:absolute;top:39.7%;left:14.8vw}.core-ring{position:absolute;top:53.5%;left:63.5vw}.build-status{bottom:max(11.5%,112px);left:62vw}@media (width>=861px) and (height<=820px){.greet{font-size:17px}.wordmark{font-size:min(78px,13cqw)}.role{font-size:clamp(22px,2.1vw,30px)}.lead{margin-top:12px;font-size:15px}.cta-row{margin-top:14px}.cta{padding:9px 16px;font-size:13px}.techrow{margin-top:30px}.scroll small{display:none}.code{line-height:1.6}.card{padding:10px 12px 12px}}@media (width>=861px) and (width<=1280px){.build-status{top:71.58%;bottom:auto;left:61.78%}.greet{font-size:16px}.role{font-size:19px}.code,.stage-lines,.stage-n{font-size:11px}.track{--n-line:15px}.build-status{font-size:11px}}@media (width<=860px){:root{--gut:16px}body{font-size:11px}.movable,.card,.frag,.sysnode{touch-action:manipulation;-webkit-touch-callout:none}.movable[data-dragging],.card[data-dragging],.frag[data-dragging],.sysnode[data-dragging]{scale:1.04}#intro.stage{height:auto;min-height:100dvh;padding:74px var(--gut) calc(72px + env(safe-area-inset-bottom));grid-template-columns:1fr 1fr;grid-template-areas:"id id""process process""status exp""core core";align-content:space-between;gap:11px;display:grid}.identity{grid-area:id}.process{grid-area:process}.build-status{grid-area:status}.exp{grid-area:exp}.core{grid-area:core}.grid-note,.sq-anchor,.core-ring,.n01-dot,.head-node,.n1,.n2,.n3,.coord-c{display:none}.coord,.n01,.meta,.wip,.card,.frag,.build-status,.process,.identity{width:auto;margin:0;position:relative;inset:auto}.coord,.n01,.meta,.wip,.stage-n,.bs-hint,.sysbox-foot,.grid-note{font-size:10px;line-height:1.5}.coord{align-items:center;gap:6px;display:flex}.cross{width:14px;height:14px}.brand{width:auto;padding:10px var(--gut);background:var(--paper);border-bottom:1px solid var(--line);font-size:12px;top:0;left:0;right:0}#intro .section-id{top:46px;left:var(--gut);margin:0;font-size:11px;position:absolute}#intro .reset{z-index:13;padding:6px 8px;font-size:0;top:40px;left:112px}#intro .reset:before{content:"↺";font-size:13px;line-height:1}.sysbox{top:40px;left:auto;right:var(--gut);padding:4px 8px;font-size:10px;line-height:1.4}.sysbox hr{margin:3px 0}.sysbox .only-wide{display:none}.sysbox .only-narrow{display:inline}.sysbox .reveal{white-space:nowrap;font-size:15px;left:auto;right:0}.identity{max-width:none;container-type:normal}.greet{margin:0 0 6px;font-size:14px;line-height:1.45}.wordmark{margin-bottom:.35em;font-size:min(21vw,92px)}.role{margin-top:8px;font-size:15px;line-height:1.4}.lead{max-width:none;margin-top:10px;font-size:13px;line-height:1.5}.cta-row{gap:8px;margin-top:14px}.cta{padding:10px 15px;font-size:12.5px}.techrow{margin-top:11px;font-size:10px}.code{line-height:1.6}.process{padding:14px 6px 10px}.frame-label{padding:0 5px;font-size:9px;top:-7px;left:10px}.process:after{left:96px}.track{--n-line:0px;--col-gap:0px;--dot-size:13px;grid-template-columns:repeat(5,1fr)}.stage-col{flex-direction:column;align-items:center;gap:5px;display:flex}.stage-col:nth-child(n+4){display:flex}.stage-n,.stage-lines{display:none}.stage-title{letter-spacing:.06em;font-size:10px}.stage-col[data-active] .stage-title:after{content:""}.rail{--reach:calc(var(--i) / 4 * 100%);display:block;left:10%;right:10%}.build-status{border:1px solid var(--line);flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:12px 13px;font-size:11px;display:flex}.bs-hint .only-wide{display:none}.bs-hint .only-narrow{display:inline}.exp,.note{display:block}.frag{display:grid}.card{padding:11px 13px 12px}.card-head{letter-spacing:.06em;gap:8px;margin-bottom:8px;font-size:11px}.x{margin:-4px -8px;padding:4px 8px}.core .only-wide{display:none}.core .card-head.only-narrow{display:flex}.core .code.only-narrow{display:block}.code{white-space:pre;font-size:11px;line-height:1.9;overflow:hidden}.wf{height:60px}.hand{margin-top:6px;font-size:16px}.hand.lg{margin-top:2px;font-size:15px;line-height:1.3}.exp{rotate:1.2deg}.note{rotate:-1deg}.frag{align-content:center;gap:5px;padding:10px}.frag-bar{width:70%;height:5px}.frag-bar.short{width:44%}.frag-tag{font-size:9px}.wip{text-align:right;place-self:center end;line-height:1.6}.nav{padding:0 var(--gut) env(safe-area-inset-bottom);height:calc(48px + env(safe-area-inset-bottom));scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain;align-items:stretch;gap:0;bottom:0;left:0;right:0;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{white-space:nowrap;scroll-snap-align:center;border-bottom-width:3px;flex:none;align-items:center;gap:6px;padding:0 12px;font-size:11px;display:inline-flex}.nav a small{font-size:10px}.scroll{display:none}}@media (width<=860px) and (height<=750px){#intro.stage{padding:66px var(--gut) calc(52px + env(safe-area-inset-bottom));gap:6px}#intro .section-id{top:38px}#intro .reset,.sysbox{top:32px}.greet{margin-bottom:4px;font-size:12px}.wordmark{font-size:min(21vw,92px)}.role{margin-top:5px;font-size:12px}.lead{margin-top:6px;font-size:11.5px;line-height:1.45}.cta-row{gap:6px;margin-top:8px}.cta{padding:7px 11px;font-size:11px}.techrow{display:none}.process{padding:10px 6px 7px}.stage-title{font-size:9px}.build-status{gap:5px;padding:9px 10px;font-size:10px}.card{padding:8px 10px 9px}.card-head{margin-bottom:5px;font-size:10px}.code{font-size:9px;line-height:1.6}.wf{height:44px}.hand{margin-top:4px;font-size:13px}}@media (width<=860px){#intro.stage{padding-top:92px}#intro .section-id{top:54px}#intro .reset,.sysbox{top:48px}.greet{font-size:11px}.wordmark{font-size:min(17.5vw,78px)}.role{font-size:12px}.stage-title{font-size:8px}.frame-label{font-size:7.5px}.build-status,.card-head{font-size:9px}.code{font-size:9px;line-height:1.7}.hand{font-size:13px}#intro.stage{grid-template-areas:"process process""status exp""id id""core core"}.wordmark{transform-origin:top;justify-content:center;margin-left:auto;margin-right:auto}#intro.stage{padding-top:76px;padding-bottom:calc(58px + env(safe-area-inset-bottom));grid-template-areas:"id id""exp exp""sys sys""core core";align-content:start;row-gap:20px}.identity{text-align:left;margin-top:0}.greet,.role{margin-left:0;margin-right:0}.wordmark{transform-origin:0 0;justify-content:flex-start;margin-bottom:.28em;margin-left:0;margin-right:0;font-size:min(17.4vw,76px)}.greet{margin-bottom:8px;font-size:15px;line-height:1.45}.role{margin-top:10px;font-size:16px;line-height:1.35}.lead{max-width:32em;margin-top:12px;font-size:13.5px;line-height:1.55}.cta-row{gap:10px;margin-top:20px}.cta{padding:12px 16px;font-size:13px}.techrow{display:none}#intro .sysbox{text-align:left;grid-area:sys;justify-self:stretch;width:100%;padding:7px 10px;font-size:10px;position:relative;inset:auto}#intro .process,#intro .build-status,#intro .doodle.dd-i3,#intro .doodle.dd-i5{display:none}#intro .card.exp{margin-top:30px;padding:8px 10px 9px}#intro .card.exp .wf{max-width:160px}#intro .card.exp .hand{font-size:12px}#intro .card.core{padding:8px 10px 9px}#intro .card.core .code{font-size:8.5px;line-height:1.6}#intro .lead{margin-top:10px}#intro .cta-row{margin-top:16px}.toolbar .only-wide{display:none}.toolbar{position:fixed;top:6px;right:10px;overflow:visible}.play{font:inherit;letter-spacing:.12em;color:var(--ink);background:var(--paper);border:1px solid var(--ink);cursor:pointer;align-items:center;gap:6px;padding:6px 11px;font-size:11px;display:inline-flex}.play i{color:var(--amber);font-style:normal}.play[aria-expanded=true]{background:var(--amber)}.play[aria-expanded=true] i{color:var(--ink)}.playground{z-index:40;background:var(--paper);border:1px solid var(--ink);width:222px;display:block;position:absolute;top:calc(100% + 7px);right:0;box-shadow:4px 4px #14120e14}.pg-head{letter-spacing:.16em;color:var(--ink-2);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:6px 8px;font-size:9.5px;display:flex}.pg-x{font:inherit;color:var(--ink-2);cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:11px;line-height:1}.pg-row{width:100%;font:inherit;letter-spacing:.04em;color:var(--ink);border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:9px;padding:10px;font-size:11px;display:flex}.pg-row:first-of-type{border-top:0}.pg-row i{text-align:center;flex:none;width:15px;font-style:normal}.pg-row em{letter-spacing:.12em;color:var(--ink-3);margin-left:auto;font-size:9px;font-style:normal}.pg-row[aria-pressed=true] em,.pg-row[data-on] em{color:var(--ink)}.pg-row[aria-pressed=true],.pg-row[data-on]{background:#14120e08}.pg-hint{border-top:1px solid var(--line);font-family:var(--hand);color:var(--ink);background:var(--amber);padding:7px 10px 8px;font-size:14px;line-height:1.25;display:block}html[data-drag-mode] .sticker:after,html[data-drag-mode] .scene .card:after,html[data-drag-mode] .scene .disc:after,html[data-drag-mode] .note-card:after,html[data-drag-mode] #intro .card:after{content:"⋮⋮";opacity:1;z-index:6;letter-spacing:-1px;color:var(--ink);background:var(--amber);border:1px solid var(--ink);padding:0 2px;font-size:9px;line-height:1.3;display:block;position:absolute;inset:-3px -3px auto auto;translate:none}}html.motion-armed #intro .wordmark>span,html.motion-armed #intro .greet,html.motion-armed #intro .role,html.motion-armed #intro .lead,html.motion-armed #intro .cta-row .cta,html.motion-armed #intro .techrow,html.motion-armed #intro .process .stage-col,html.motion-armed #intro .card,html.motion-armed #intro .build-status,html.motion-armed #intro .sticker{opacity:0}html,body{height:100%;overflow:hidden}.scroller{scroll-snap-type:y mandatory;scroll-behavior:smooth;overscroll-behavior-y:contain;height:100dvh;overflow:clip auto}.stage{scroll-snap-align:start;scroll-snap-stop:always}.nav{background:var(--paper);border-top:1px solid var(--line);align-items:baseline;gap:30px;padding:10px 48px 12px;display:flex;bottom:0;left:0;right:0}.nav a{color:var(--ink-2);letter-spacing:.1em;border-bottom:2px solid #0000;align-items:baseline;gap:7px;padding-bottom:3px;font-size:11px;text-decoration:none;display:inline-flex}.nav a small{color:var(--line);letter-spacing:.06em;font-size:10px}.nav a .dot{display:none}.nav a:hover{color:var(--ink)}.nav a[data-current]{color:var(--ink);border-bottom-color:var(--amber)}.nav a[data-current] small{color:var(--amber)}.scroll{pointer-events:none;bottom:56px}.scene{align-content:start;gap:18px 40px;height:auto;min-height:100vh;padding:128px 48px 84px;display:grid;position:relative}.scene-head{z-index:12;align-items:center;gap:16px;display:flex;position:absolute;top:86px;left:48px}.scene-head .section-id{margin:0}.scene .reset{margin:0;display:inline-block;position:static}.scene .sysbox{top:40px;left:auto;right:48px}.scene .movable{position:relative}.scene .movable[data-dragging]{z-index:9}.scene .sysnode,.scene .sysbox,.scene .hint,.scene .disc,.scene .hub-node,.scene .sticker,.scene .doodle{position:absolute}.scene .movable{transition:opacity .55s,translate .7s cubic-bezier(.2,.8,.2,1)}html.can-reveal .scene:not([data-in]) .movable{opacity:0;translate:0 36px}.scene .movable:nth-child(3n){transition-delay:80ms}.scene .movable:nth-child(3n+1){transition-delay:.16s}.scene .movable:nth-child(5n){transition-delay:.24s}.scene .wires{transition:opacity .6s .45s}html.can-reveal .scene:not([data-in]) .wires{opacity:0}.scene .title{letter-spacing:-.01em;width:fit-content;margin:0 0 4px;font-size:clamp(38px,4.4vw,72px);line-height:.95;transform:none}.scene .title.center{text-align:center;justify-self:center}.caret.sm{width:.3em;height:.12em;margin-left:.06em}.lede{width:fit-content;font-size:17px;line-height:1.6}.lede u{border-bottom:2px solid var(--amber);text-decoration:none}.hand.xl{font-size:30px}.hint{color:var(--ink-2);z-index:5;font-size:19px;line-height:1.3;position:absolute}.scene .card{z-index:4;position:relative}.scene .card h3{font:inherit;letter-spacing:.06em;margin:8px 0 4px;font-size:15px;font-weight:700}.scene .card ul{color:var(--ink-2);gap:4px;margin:10px 0 0;padding:0;list-style:none;display:grid}.scene .card li:before{content:"— ";color:var(--line)}.scene .card .when{color:var(--ink-2);margin:0;font-size:12px}.scene .card .n{color:var(--line);font-size:11px;position:absolute;bottom:12px;left:16px}.tab{background:var(--amber);color:var(--ink);letter-spacing:.08em;padding:2px 7px;font-size:10px;display:inline-block}.chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.chip{border:1px solid var(--line);letter-spacing:.04em;padding:3px 8px;font-size:11px}.card.dark{background:var(--ink);color:var(--paper);border-color:var(--ink)}.card.dark .code,.card.dark .card-head{color:var(--paper)}.card.heavy{background:var(--ink);color:var(--paper);border-color:var(--ink);rotate:-1.2deg}.card.heavy ul,.card.heavy .when,.card.heavy .role-line{color:#cfc9b8}.card.heavy .n{color:var(--amber)}.note-card{border:1px dashed var(--line);background:var(--paper);z-index:4;width:fit-content;max-width:240px;padding:12px 14px;position:relative}.note-label{letter-spacing:.12em;color:var(--amber);margin-bottom:6px;font-size:10px;display:block}.note-card .hand.lg{margin:0;font-size:20px;line-height:1.35}.anchor.out-left{top:50%;left:0}.anchor.out-right{top:50%;right:0}.anchor.out-top{top:0;left:50%}.anchor.out-bottom{bottom:0;left:50%}.anchor.mid-left{top:50%;left:6px}.sys-out{bottom:0;left:50%}#what-i-do{grid-template-columns:200px 1fr 190px;grid-template-areas:"title title title""module hub note"}#what-i-do .title{grid-area:title}#what-i-do .hub-wrap{grid-area:hub;height:400px;position:relative}@media (width>=861px){#what-i-do .hub-wrap{align-self:center;height:100%;min-height:300px;max-height:720px}}#what-i-do .also{grid-area:also;align-self:start;width:290px}.also{border:1px dashed var(--line);padding:12px 14px}.also-label{letter-spacing:.12em;color:var(--ink-3);font-size:10px;display:block}.also-groups{gap:7px;margin:8px 0 0;display:grid}.also-groups div{grid-template-columns:52px 1fr;align-items:baseline;gap:8px;display:grid}.also-groups dt{letter-spacing:.1em;color:var(--ink-2);font-size:10px}.also-groups dd{color:var(--ink-3);margin:0;font-size:11px;line-height:1.55}#what-i-do .note-a{grid-area:note;place-self:end}.hub-node{text-align:center;border:2px solid var(--ink);background:var(--paper);letter-spacing:.1em;z-index:5;border-radius:50%;align-content:center;place-items:center;gap:3px;width:138px;height:138px;padding:0 10px;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.hub-node b{font-size:12px;font-weight:700}.hub-node span{color:var(--ink-2);letter-spacing:.08em;font-size:9.5px}.hub-node .anchor{top:50%;left:50%}.disc{background:var(--paper);border:1px solid var(--ink);z-index:4;width:230px;padding:10px 12px;position:absolute}.disc-title{letter-spacing:.1em;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.disc-does{color:var(--ink-2);margin-top:5px;font-size:11px;line-height:1.45;display:block}.disc-tech{color:var(--ink-3);margin-top:5px;font-size:11px;line-height:1.5;display:block}.disc.minor{border-color:var(--line);width:150px;color:var(--ink-2);border-style:dashed}.disc.minor .disc-title{font-size:11px;font-weight:400}.disc-web{top:0;left:50%;translate:-50%}.disc-mobile{top:50%;left:0;translate:0 -50%}.disc-desktop{top:50%;right:0;translate:0 -50%}.disc-backend{bottom:0;left:50%;translate:-50%}.disc-data{bottom:24px;right:-10px}.disc-tools{top:36px;right:-10px}.disc-design{bottom:24px;left:-10px}.glyph{border:1.5px solid;width:12px;height:12px;display:inline-block}.g-web{border-radius:50%}.g-mobile{border-radius:2px;width:8px}.g-desktop{border-radius:1px;height:9px}.g-backend{background:repeating-linear-gradient(currentColor 0 1.5px,#0000 1.5px 4px);border:0;height:10px}#what-i-do .ring-a{top:66%;left:43%}#what-i-do .hint-a{top:56px;right:250px}#experience{grid-template-columns:1fr 280px;grid-template-areas:"title title""lede lede""years years""tl tl""stack note"}#experience .title{grid-area:title}#experience .lede{grid-area:lede}#experience .rail-strip{grid-area:years;grid-template-columns:repeat(3,1fr);align-self:end;gap:28px;margin-bottom:2px;display:grid;position:relative}#experience .rail-strip:before{content:"";border-top:1px dashed var(--line);height:0;position:absolute;bottom:4px;left:6px;right:6px}#experience .rail-step{justify-items:start;gap:6px;display:grid;position:relative}#experience .rail-n{letter-spacing:.1em;color:var(--ink-3);font-size:11px}#experience .rail-dot{border:1px solid var(--ink);background:var(--paper);border-radius:50%;width:9px;height:9px;position:relative}#experience .rail-dot[data-on]{background:var(--ink)}#experience .rail-dot .anchor{top:100%;left:50%}#experience .timeline{grid-area:tl;grid-template-columns:repeat(3,1fr);align-items:start;gap:28px;margin-top:10px;display:grid}#experience .job{padding:18px 18px 16px}#experience .job .when{color:var(--ink);position:absolute;top:-11px;left:14px}#experience .job .role-line{width:fit-content;max-width:100%;color:var(--ink-2);margin:4px 0 0;font-size:12px}#experience .job.heavy .role-line{color:#fffc}#experience .job.heavy h3{padding-right:76px}#experience .job .when-line{width:fit-content;color:var(--ink-3);margin:3px 0 0;font-size:12px}#experience .job h3{margin:2px 0 0;font-size:16px}#experience .job ul{margin:12px 0 0}#experience .card-tech{color:var(--ink-3);letter-spacing:.02em;margin:12px 0 0;font-size:11px}#experience .current-flag{background:var(--paper);border:1px solid var(--line);letter-spacing:.12em;color:var(--ink);align-items:center;gap:6px;padding:1px 8px;font-size:10px;display:inline-flex;position:absolute;top:-10px;left:124px}#experience .job.heavy .current-flag{color:var(--ink)}#experience .job.heavy .when-line,#experience .job.heavy .card-tech{color:#ffffff85}#experience .stack{border:1px solid var(--line);background:var(--paper);z-index:4;grid-area:stack;width:fit-content;padding:12px 14px 14px}.stack-label{letter-spacing:.12em;color:var(--ink-2);font-size:11px;display:block}.stack-label small{letter-spacing:0;color:var(--line)}#experience .note-b{grid-area:note;place-self:end}#projects{grid-template-columns:1fr 340px;grid-template-areas:"title lede""grid grid"}#projects .title{grid-area:title}#projects .lede{grid-area:lede;align-self:end}.projects-grid{grid-area:grid;grid-template-columns:repeat(3,1fr);align-items:start;gap:22px;display:grid}.proof-row{display:contents}.card.hero{border:2px solid var(--ink);grid-column:1/-1;grid-template-columns:minmax(0,1fr);grid-template-areas:"head""body""study";padding:20px 26px 22px;display:grid}.card.hero .card-head{grid-area:head}.card.hero .hero-body{grid-area:body}.card.hero .study{grid-area:study}.hero-name{letter-spacing:0;align-items:flex-end;font-family:Anton,system-ui;font-size:48px;line-height:1;display:flex;margin:10px 0 4px!important}.links{letter-spacing:.08em;flex-wrap:wrap;gap:6px 18px;margin-top:18px;font-size:12px;display:flex}.links a,.link-btn{color:var(--ink);border-bottom:2px solid var(--amber);font:inherit;letter-spacing:.08em;cursor:pointer;background:0 0;border-top:0;border-left:0;border-right:0;padding-bottom:2px;font-size:12px;text-decoration:none}.links a:hover,.link-btn:hover{background:var(--amber)}.study{border-top:1px dashed var(--line);grid-template-columns:repeat(5,1fr);gap:12px;margin:18px 0 0;padding:14px 0 0;list-style:none;display:grid}.study li{color:var(--ink-2);gap:6px;font-size:11px;line-height:1.5;display:grid}.study li b{color:var(--ink);letter-spacing:.08em;font-size:10px}.card.project{padding-bottom:46px}.card.project .card-head{padding-right:48px}.card.project .tech-line{color:var(--line);font-size:11px;position:absolute;bottom:12px;left:16px}.card.project .shape{width:34px;height:24px;color:var(--ink-2);position:absolute;top:12px;right:14px}.shape-rsvp .shape{background:linear-gradient(135deg,#0000 47%,currentColor 47% 53%,#0000 53%) 0 0/50% 60% no-repeat,linear-gradient(225deg,#0000 47%,currentColor 47% 53%,#0000 53%) 100% 0/50% 60% no-repeat;border:1px solid}.shape-qr .shape{background:radial-gradient(circle,currentColor 1.6px,#0000 1.8px) 0 0/6px 6px;width:24px;height:24px}.shape-stars .shape:before{content:"★ ★ ★";letter-spacing:.1em;font-size:11px;position:absolute;top:2px;right:0}#projects .ring-c{top:8%;left:57%}#projects .hint-c{top:150px;left:60%}#noddy{grid-template-columns:minmax(0,1fr) minmax(280px,30%) minmax(0,1fr);grid-template-areas:"title portrait meta""sub portrait meta""lede portrait meta""who portrait meta""history portrait meta";align-content:start}#noddy .sub{color:var(--ink);letter-spacing:-.015em;grid-area:sub;width:fit-content;margin:7px 0 0;font-size:21px;font-weight:600}#noddy .who{grid-area:who;max-width:23em;margin:16px 0 0;font-size:18px;line-height:1.7}#noddy .who mark{color:var(--ink);background:#f5c518;padding:2px 7px;font-weight:700}#noddy .portrait{grid-area:portrait;place-content:center;justify-items:center;gap:8px;display:grid}#noddy .portrait .sticker{width:min(300px,92%);rotate:-1.5deg;position:relative!important;inset:auto!important}#noddy .portrait-cap{letter-spacing:.14em;color:var(--ink-3);font-size:10px}#noddy .root{grid-template-columns:20px 1fr;align-items:start;gap:10px;margin:9px 0 0;font-size:12.5px;line-height:1.45;display:grid}#noddy .root svg{fill:none;width:17px;height:17px;stroke:var(--ink-3);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;margin-top:1px}#noddy .root small{color:var(--ink-3)}#noddy .why p{margin:5px 0 0;font-size:13px;line-height:1.5}#noddy .title{grid-area:title}#noddy .lede{grid-area:lede}#noddy .history{grid-area:history;gap:8px;width:fit-content;margin-top:78px;display:grid}.history-label{letter-spacing:.12em;color:var(--ink-2);font-size:11px}#noddy .ver-list{grid-template-columns:auto 16px auto;align-items:center;gap:7px 10px;width:fit-content;display:grid}#noddy .ver-list .ver{grid-column:1}.ver{background:var(--paper);z-index:4;grid-template-columns:11px auto 28px minmax(118px,auto) 16px;align-items:center;gap:13px;width:fit-content;padding:5px 0;display:grid}.ver-rule{background:var(--line);height:1px}.ver-mark{color:var(--ink-2);text-align:center;font-size:12px}#noddy .ver-brace{border:1px solid var(--line);border-left:0;border-radius:0 7px 7px 0;grid-area:1/2/-1;align-self:center;width:10px;height:calc(100% - 6px)}#noddy .ver-aside{font-family:var(--hand);color:var(--ink-2);grid-area:1/3/-1;align-self:center;font-size:19px;line-height:1.3}.ver .ring{flex:none}.ver .ring.filled{background:var(--amber);border-color:var(--ink)}.ver b{letter-spacing:.1em;font-size:14px}.ver-note{font-family:var(--hand);color:var(--ink-2);font-size:22px}.ver-note s{text-decoration-thickness:1px}.ver.current .ver-note{color:var(--ink);font-family:var(--mono);letter-spacing:.1em;font-size:12px}.ver-note s{-webkit-text-decoration-color:var(--amber);text-decoration-color:var(--amber)}#noddy .meta-col{grid-area:meta;align-content:start;gap:14px;margin-top:96px;display:grid}@media (width>=1181px){#noddy .meta-col{justify-self:end;width:100%;max-width:340px}}#noddy .card p{margin:6px 0 0}#noddy .card small{color:var(--ink-2)}#noddy .card .when{margin-top:10px;display:block}#noddy .lang{letter-spacing:.08em;color:var(--ink-2);flex-wrap:wrap;gap:4px 14px;font-size:11px;display:flex}#noddy .lang b{font-weight:400}#noddy .note-d{position:absolute;bottom:150px;left:40%}#noddy .hint-d{top:170px;left:32%}#contact{text-align:center;align-content:center;justify-items:center;gap:14px}.converge{width:min(640px,80vw);height:110px;position:relative}.converge .c{position:absolute}.converge .c1{top:10%;left:0}.converge .c2{top:80%;left:22%}.converge .c3{top:0;right:22%}.converge .c4{top:70%;right:0}.converge .focus{cursor:grab;padding:8px;position:absolute;top:50%;left:50%;translate:-50% -50%}.converge .focus i{background:var(--amber);border:1.5px solid var(--ink);border-radius:50%;width:14px;height:14px;display:block}.converge .focus .anchor{top:50%;left:50%}#contact .say{letter-spacing:.12em;color:var(--ink);border-bottom:3px solid var(--amber);margin-top:10px;padding:10px 6px 6px;font-size:22px;text-decoration:none;display:inline-block;position:relative}#contact .actions{border:1px solid var(--line);gap:34px;margin-top:18px;padding:14px 20px;display:flex}#contact .actions a{color:var(--ink-2);letter-spacing:.12em;align-items:center;gap:8px;font-size:12px;text-decoration:none;display:inline-flex}#contact .actions a:hover{color:var(--ink)}#contact .actions a:hover .dot{background:var(--amber)}#contact .ends{color:var(--ink-2);gap:6px;margin-top:36px;font-size:22px;display:grid}#contact .sysbox{border-color:var(--line)}#off-the-clock{grid-template-columns:370px 1fr;grid-template-areas:"title clusters""lede clusters""grid-off clusters"}#off-the-clock .title{grid-area:title}#off-the-clock .lede{white-space:nowrap;grid-area:lede;align-self:start}#off-the-clock .grid-off{color:var(--line);letter-spacing:.12em;grid-area:grid-off;align-self:start;font-size:11px}#off-the-clock .grid-off b{color:var(--ink-2)}.clusters{grid-area:clusters;grid-template-columns:360px 340px;grid-template-areas:"watch listen""watch now";justify-content:end;align-items:start;gap:16px 22px;margin-top:40px;display:grid}.cluster.watch{grid-area:watch}.cluster.listen{grid-area:listen}.cluster.now{grid-area:now}.cluster ul{gap:2px;margin-top:8px;font-size:12px}.cluster li{justify-content:space-between;gap:12px;display:flex}.watch-group+.watch-group{margin-top:8px}.watch-group .kind{color:var(--line);letter-spacing:.12em;text-transform:uppercase;font-size:10px}.tracks li{gap:1px;display:grid}.tracks li small{color:var(--ink-2);letter-spacing:.02em;font-size:10px}.cluster li:before{display:none}.cluster li small{color:var(--line);letter-spacing:.08em;font-size:10px}.cluster.watch{rotate:-1.4deg}.cluster.listen{margin-top:12px;rotate:1.2deg}.cluster.now{rotate:-1deg}.wave{width:100%;height:26px;fill:var(--ink-2);margin-top:6px}.cluster dl{gap:6px;margin:10px 0 0;display:grid}.cluster dl div{grid-template-columns:90px 1fr;display:grid}.cluster dt{color:var(--ink-2);font-family:var(--hand);font-size:18px}.cluster dd{align-self:center;margin:0;font-size:12px}.offline .wire,.wire.loose{stroke:var(--ink-2);stroke-dasharray:2 6;stroke-linecap:round}#off-the-clock .hint-e{top:56px;right:250px}#off-the-clock .hint-f{border-bottom:2px solid var(--amber);padding-bottom:2px;font-size:21px;bottom:120px;left:48px}.end{scroll-snap-align:start;text-align:center;place-content:center;gap:12px;min-height:100vh;padding:80px 24px 120px;display:grid}.end .sig{color:var(--ink-2);letter-spacing:.08em;margin:0}.end a{color:var(--ink-2);letter-spacing:.12em;margin-top:30px;font-size:12px;text-decoration:none}.end a:hover{color:var(--ink)}@media (width>=861px) and (width<=1280px){#what-i-do{grid-template-columns:240px 1fr 220px}#what-i-do .module{width:240px}.disc{width:160px}.disc.minor{width:130px}#experience .timeline,#experience .rail-strip{gap:18px}#experience .job{padding:14px 14px 13px}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.clusters{grid-template-columns:repeat(2,minmax(200px,300px))}#off-the-clock{grid-template-columns:300px 1fr}}.posters,.covers{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.posters{grid-template-columns:repeat(4,minmax(0,1fr))}.covers{grid-template-columns:repeat(2,1fr)}.posters li,.covers li{display:block}.posters li:before,.covers li:before{display:none}.posters li a,.covers li a{color:inherit;gap:3px;text-decoration:none;display:grid}.posters li a{grid-template-columns:minmax(0,1fr)}.covers li a span,.covers li a small{grid-column:2}.art{aspect-ratio:2/3;object-fit:cover;background:var(--line);border:1px solid var(--line);width:100%;display:block}.art.tile{text-align:center;letter-spacing:.02em;color:var(--paper);background:var(--ink);place-items:center;padding:4px;font-family:Anton,system-ui;font-size:11px;font-style:normal;line-height:1.05;display:grid}.covers .art.tile{font-size:12px}.posters li span,.covers li span{color:var(--ink);font-size:10px;line-height:1.25}.posters li small,.covers li small{color:var(--line);letter-spacing:.08em;text-transform:uppercase;font-size:9px}.posters li a:hover .art,.covers li a:hover .art{outline:2px solid var(--amber)}.posters li a:hover span,.covers li a:hover span{text-decoration:underline;-webkit-text-decoration-color:var(--amber);text-decoration-color:var(--amber)}.cluster.watch{width:340px}.cluster.listen{width:300px}.scene .card,.disc,.note-card,.stack{transition:border-color .18s,box-shadow .18s,opacity .55s,translate .7s cubic-bezier(.2,.8,.2,1)}.scene .card:hover,.disc:hover,.note-card:hover,.stack:hover{border-color:var(--ink);box-shadow:0 10px 26px #14120e14}.card.dark:hover,.card.heavy:hover{box-shadow:0 14px 30px #14120e33}.chip{transition:background .15s,color .15s}.chip:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.sysnode .ring{transition:transform .15s,background .15s}.sysnode:hover .ring{background:var(--amber);transform:scale(1.45)}.hub-node{transition:background .15s,color .15s}.hub-node:hover,.ver:hover .ring{background:var(--amber)}.ver{transition:translate .7s cubic-bezier(.2,.8,.2,1),opacity .55s}.reset,.link-btn,.links a,#contact .actions a,#contact .say{transition:background .15s,color .15s,border-color .15s}.scene .sysbox{font:inherit;text-align:left;color:inherit;cursor:pointer}.scene .sysbox:hover{border-left-color:var(--amber)}.scene .sysbox .reveal{white-space:nowrap;font-family:var(--hand);color:var(--ink);opacity:0;margin-top:8px;font-size:18px;transition:opacity .2s;position:absolute;top:100%;right:0}.scene .sysbox .reveal[data-on]{opacity:1}.card h3 a,#noddy .cert a{color:inherit;border-bottom:1px solid #0000;text-decoration:none}.card h3 a:hover,#noddy .cert a:hover{border-bottom-color:var(--amber)}.card-link{letter-spacing:.1em;color:var(--ink);border-bottom:2px solid var(--amber);font-size:11px;text-decoration:none;position:absolute;bottom:12px;right:14px}.card-link:hover{background:var(--amber)}.disc{cursor:pointer}.disc[data-active]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.disc[data-active] .disc-tech{color:#cfc9b8}.card.project{cursor:pointer}.sticker{z-index:6;cursor:grab;filter:drop-shadow(0 10px 14px #14120e26);position:absolute}.sticker img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.sticker:hover{filter:drop-shadow(0 16px 22px #14120e33)}.sticker[data-dragging]{z-index:9}#intro .sticker-noddy-car{width:11vw;max-width:170px;top:51.32%;left:51.64%;rotate:-6deg}#noddy .sk-pixel{width:200px;top:20%;left:50%;rotate:-6deg}#intro .sk-battery{width:8vw;max-width:124px;top:40.2%;left:89.9%;rotate:-5deg}#intro .sk-postit{width:7vw;max-width:108px;top:53.04%;left:92.32%;rotate:4deg}#intro .sk-wrench{width:5.5vw;max-width:86px;top:12.04%;left:35.51%;rotate:14deg}#what-i-do .sk-compass{width:7vw;max-width:108px;top:53%;left:4.6%;rotate:-6deg}#what-i-do .sk-ruler{width:9vw;max-width:140px;top:27.49%;left:32.45%;rotate:9deg}#experience .sk-atom{width:6.5vw;max-width:100px;top:62%;left:46%;rotate:-8deg}#experience .sk-marble{width:10vw;max-width:158px;top:30.89%;left:26.01%;rotate:3deg}#off-the-clock .sk-platform{width:10vw;max-width:158px;top:3.61%;left:35.4%;rotate:-3deg}#off-the-clock .sk-snitch{width:9vw;max-width:142px;top:56.1%;left:51.69%;rotate:6deg}.moon{border-left:1px solid var(--line);align-items:center;gap:8px;margin-left:14px;padding-left:14px;display:flex;position:absolute;top:50%;left:100%;translate:0 -50%}.moon .sk-moon{flex:none;width:30px;position:relative;top:auto;left:auto;rotate:0deg}.moon-say{font-family:var(--hand);color:var(--ink-2);white-space:nowrap;pointer-events:none;opacity:.85;font-size:16px;line-height:1.1;transition:opacity .2s,color .2s}.moon:hover .moon-say{opacity:1;color:var(--ink)}#noddy .sk-key{width:3.9vw;max-width:58px;top:46.85%;left:35.65%;rotate:7deg}#off-the-clock .sk-ticket{width:8vw;max-width:124px;top:82.85%;left:42.47%;rotate:8deg}@media (width>=1441px) and (width<=1550px){#intro .sk-postit{top:52.55%;left:91.84%}#intro .sk-wrench{top:10.6%;left:35.42%}#intro .sk-battery{top:39.63%;left:89.65%}#what-i-do .sk-compass{top:53%;left:4.6%}#what-i-do .sk-ruler{top:26.8%;left:32.76%}#experience .sk-atom{top:62%;left:46%}#experience .sk-marble{top:25.7%;left:24.97%}#off-the-clock .sk-ticket{top:83.65%;left:44.53%}#off-the-clock .sk-snitch{top:40.06%;left:27.77%}#noddy .sk-key{top:72.95%;left:33.72%}#off-the-clock .sk-platform{top:3.96%;left:34.08%}}@media (width>=1551px) and (width<=1700px){#intro .sk-postit{top:83.78%;left:92.6%}#intro .sk-wrench{top:29.95%;left:93.5%}#intro .sk-battery{top:23.92%;left:34.56%}#what-i-do .sk-compass{top:53%;left:4.6%}#what-i-do .sk-ruler{top:26.08%;left:33.74%}#experience .sk-atom{top:62%;left:46%}#experience .sk-marble{top:25.38%;left:23.42%}#off-the-clock .sk-ticket{top:84.21%;left:45.74%}#off-the-clock .sk-snitch{top:88.12%;left:63.06%}#noddy .sk-key{top:74.98%;left:34.11%}#off-the-clock .sk-platform{top:3.45%;left:33.57%}}@media (width>=1701px){#intro .sk-postit{top:84.98%;left:93.84%}#intro .sk-wrench{top:26.16%;left:94.58%}#intro .sk-battery{top:14.75%;left:33.83%}#what-i-do .sk-compass{top:53%;left:4.6%}#what-i-do .sk-ruler{top:10.07%;left:46.04%}#experience .sk-atom{top:62%;left:46%}#experience .sk-marble{top:90.93%;left:59.13%}#off-the-clock .sk-ticket{top:85.34%;left:47.71%}#off-the-clock .sk-snitch{top:89.03%;left:65.88%}#noddy .sk-key{top:76.83%;left:34.26%}#off-the-clock .sk-platform{top:3.18%;left:28.89%}}@media (width>=1281px) and (width<=1400px){#intro .sk-postit{top:58.03%;left:92.05%}#intro .sk-wrench{top:18.74%;left:39.14%}#intro .sk-battery{top:83.19%;left:69.16%}#what-i-do .sk-compass{top:58.94%;left:4.66%}#what-i-do .sk-ruler{top:29.61%;left:30.08%}#experience .sk-atom{top:66.09%;left:45.97%}#experience .sk-marble{top:88.21%;left:.53%}#off-the-clock .sk-ticket{top:81%;left:31.14%}#off-the-clock .sk-snitch{top:20.18%;left:30.55%}#noddy .sk-key{top:42.38%;left:32.86%}#off-the-clock .sk-platform{top:4.05%;left:36.92%}}@media (width>=1181px) and (width<=1280px){#intro .sk-postit{top:54.61%;left:91.97%}#intro .sk-wrench{top:19.44%;left:39.37%}#intro .sk-battery{top:12.84%;left:89.44%}#what-i-do .sk-compass{top:55.05%;left:4.47%}#what-i-do .sk-ruler{top:30.34%;left:34.61%}#experience .sk-atom{top:62%;left:46%}#experience .sk-marble{top:75.12%;left:.83%}#off-the-clock .sk-ticket{top:47.04%;left:24.61%}#off-the-clock .sk-snitch{top:9.49%;left:61.08%}#noddy .sk-key{top:32.82%;left:27.3%}#off-the-clock .sk-platform{top:3.71%;left:38.93%}}@media (width>=1081px) and (width<=1180px){#intro .sk-postit{top:48.61%;left:92.23%}#intro .sk-wrench{top:24.09%;left:36.86%}#intro .sk-battery{top:85.74%;left:76.45%}#what-i-do .sk-compass{top:53%;left:4.6%}#what-i-do .sk-ruler{top:66.41%;left:46.46%}#experience .sk-atom{top:62%;left:46%}#experience .sk-marble{top:73.98%;left:.6%}#off-the-clock .sk-ticket{top:45.47%;left:26.63%}#off-the-clock .sk-snitch{top:67.64%;left:44.99%}#noddy .sk-key{top:34.61%;left:28.47%}#off-the-clock .sk-platform{top:3.38%;left:43.53%}}@media (width>=981px) and (width<=1080px){#intro .sk-postit{top:47.74%;left:91.7%}#intro .sk-wrench{top:84.16%;left:78.91%}#intro .sk-battery{top:14.03%;left:33.44%}#what-i-do .sk-compass{top:53%;left:4.6%}#what-i-do .sk-ruler{top:39.65%;left:34.71%}#experience .sk-atom{top:65.12%;left:45.97%}#experience .sk-marble{top:63.33%;left:.99%}#off-the-clock .sk-ticket{top:44.01%;left:28.17%}#off-the-clock .sk-snitch{top:11.66%;left:51.94%}#noddy .sk-key{top:50.95%;left:30.86%}#off-the-clock .sk-platform{top:3.18%;left:46.7%}}@media (width>=861px) and (width<=980px){#intro .sk-postit{top:46.84%;left:91.68%}#intro .sk-wrench{top:85.23%;left:80.46%}#intro .sk-battery{top:13.33%;left:33.36%}#what-i-do .sk-compass{top:53%;left:4.6%}#what-i-do .sk-ruler{top:31.67%;left:32.61%}#experience .sk-atom{top:62%;left:46%}#experience .sk-marble{top:73.22%;left:.72%}#off-the-clock .sk-ticket{top:50.19%;left:37.73%}#off-the-clock .sk-snitch{top:73.09%;left:52.45%}#noddy .sk-key{top:44.91%;left:33.62%}#off-the-clock .sk-platform{top:3.06%;left:49.58%}}@media (width>=861px) and (width<=1280px){#intro .sticker-noddy-car{width:11vw;top:50.87%;left:52.44%}#noddy .sk-pixel{width:170px;top:22%;left:47%}}@media (width<=860px){.sticker{filter:drop-shadow(0 6px 10px #14120e26)}#intro .sk-battery{width:19vw;max-width:78px}#intro .sk-postit{width:16vw;max-width:64px}#intro .sk-wrench{width:13vw;max-width:54px}#what-i-do .sk-compass{width:16vw;max-width:66px}#what-i-do .sk-ruler{width:21vw;max-width:86px}#experience .sk-atom{width:15vw;max-width:62px}#experience .sk-marble,#off-the-clock .sk-platform{width:22vw;max-width:92px}#off-the-clock .sk-snitch{width:20vw;max-width:82px}#off-the-clock .sk-ticket{width:18vw;max-width:74px}#noddy .sk-key{width:10vw;max-width:40px}.sticker.only-wide{display:none!important}#noddy .sk-pixel{width:26vw;max-width:112px;top:190px;left:auto;right:4%}}.card.project .sticker.on-card{z-index:5;width:118px;position:absolute;top:44px;right:12px;rotate:6deg}.card.project .sticker-qr-menu{cursor:pointer}.card.project:has(.sticker) .shape{display:none}#projects .sk-phone{display:none}@media (width>=861px) and (width<=1280px){.card.project .sticker.on-card{width:96px;top:40px}}@media (width<=860px){#projects .sk-phone{width:18vw;max-width:80px;display:block;top:12%;left:auto;right:4%;rotate:6deg}}#intro .sticker-macbook{width:11vw;max-width:170px;top:70%;left:4vw;rotate:-4deg}#intro .sticker-opentv-icon{cursor:pointer;width:6.2vw;max-width:96px;top:10.2%;left:61.7%;rotate:6deg}#what-i-do .sk-browser{width:11vw;max-width:170px;top:62%;left:4vw;rotate:-5deg}#what-i-do .sk-git{width:5vw;max-width:78px;top:26%;left:78vw;rotate:6deg}#what-i-do .sk-cursor{width:6vw;max-width:92px;top:46%;left:84vw;rotate:-5deg}#what-i-do .sk-terminal{width:8vw;max-width:124px;top:58%;left:80vw;rotate:-3deg}#experience .sk-badge{width:7vw;max-width:108px;top:5%;left:62vw;rotate:8deg}#experience .sk-blueprint{width:9vw;max-width:140px;top:71%;left:66vw;rotate:-4deg}#noddy .sk-wings{width:9vw;max-width:140px;top:69.84%;left:60.22%;rotate:-5deg}#noddy .sk-cap{width:10vw;max-width:160px;top:66%;left:22vw;rotate:5deg}@media (width<=860px){#what-i-do .sk-git{width:12vw;max-width:54px;top:12%;left:auto;right:5%}#experience .sk-badge{width:16vw;max-width:72px;top:12%;left:auto;right:4%}}#intro .sticker-shipping-box{width:7vw;max-width:108px;top:18%;left:4vw;rotate:5deg}#experience .job .sticker.on-card{z-index:5;width:86px;position:absolute;bottom:8px;right:10px;rotate:-6deg}#experience .job.heavy ul{padding-right:88px}#experience .job .card-tech{width:fit-content;max-width:100%}#experience .sk-clock{width:7vw;max-width:108px;top:6%;left:40vw;rotate:8deg}#projects .sk-rocket{width:7vw;max-width:108px;top:3%;left:36vw;rotate:-6deg}#noddy .sk-floppy{width:8vw;max-width:124px;top:66%;left:22vw;rotate:6deg}#noddy .sk-bulb{width:6vw;max-width:92px;top:6%;left:38vw;rotate:8deg}#noddy .card .sticker.on-card{z-index:5;width:96px;position:absolute;top:40px;right:14px;rotate:6deg}#off-the-clock .cluster.now .sticker.on-card{z-index:5;width:88px;position:absolute;top:36px;right:10px;rotate:6deg}.sticker:after{content:attr(data-n);letter-spacing:.12em;color:var(--ink-2);background:var(--paper);border:1px solid var(--line);opacity:0;pointer-events:none;padding:1px 5px;font-size:9px;transition:opacity .15s;position:absolute;bottom:-18px;left:50%;translate:-50%}.sticker:hover:after{opacity:1}html[data-theme=dark]{--paper:#1d1a15;--ink:#f2efe6;--ink-2:#aca596;--line:#57503f;--card:#262219;--ink-3:#8b8574}:root{--card:var(--paper)}body,.stage,.card,.frag,.sysbox,.reset{transition:background-color .45s,color .45s,border-color .45s}html[data-theme=dark] .card:not(.heavy):not(.dark),html[data-theme=dark] .frag,html[data-theme=dark] .sysbox,html[data-theme=dark] .reset,html[data-theme=dark] .brand{background:var(--card)}html[data-theme=dark] .wire{stroke:#6b655a}html[data-theme=dark] .wire.live{stroke:var(--ink)}html[data-theme=dark] .card.heavy ul,html[data-theme=dark] .card.heavy .when,html[data-theme=dark] .card.heavy .role-line,html[data-theme=dark] .disc[data-active] .disc-tech{color:#4a453c}html[data-theme=dark] body:before{background:radial-gradient(circle at 20% 30%,#ffffff0d,#0000 60%),radial-gradient(circle at 80% 70%,#ffffff0d,#0000 55%)}.moon .sticker:after{display:none}html[data-theme=dark] .sticker{filter:drop-shadow(0 10px 14px #00000059)}.scene .coord,.scene .tag,.scene .readout,.scene .grid-note{z-index:3;position:absolute}.scene .coord{color:var(--ink-2);align-items:center;gap:10px;font-size:11px;line-height:1.5;display:flex}.scene .coord .anchor{top:50%;right:-4px}.scene .tag{color:var(--ink-2);letter-spacing:.08em;font-size:11px}.scene .tag .anchor{top:50%;right:-6px}.readout{letter-spacing:.1em;color:var(--ink-2);gap:3px;font-size:11px;display:grid}.readout-label{letter-spacing:.14em;color:var(--line);font-size:9px}.readout b{color:var(--ink);font-weight:500}.scene .grid-note .dots{grid-template-columns:repeat(4,16px);gap:8px 0;margin-top:8px}.status-chip{letter-spacing:.12em;color:var(--ink-2);margin-left:14px;font-size:9px}.status-chip .dot{width:6px;height:6px;margin-left:4px}#what-i-do .coord-1{top:54%;left:4vw}#what-i-do .tag-1{top:88%;left:4vw}#what-i-do .meta-1{top:88%;left:16vw}#what-i-do .gn-1{top:20%;left:92vw}#what-i-do .hint-a2{font-size:17px;top:88%;left:40vw}#experience .coord-2{top:32%;left:40vw}#experience .tag-2{top:40%;left:3vw}#experience .meta-2{top:24%;left:50vw}#experience .hint-b2{font-size:17px;top:66%;left:78vw}#projects .coord-3{top:88%;left:60vw}#projects .tag-3{top:22%;left:36vw}#projects .meta-3{top:88%;left:80vw}#projects .hint-c2{font-size:17px;top:88%;left:3vw}#noddy .coord-4{top:88%;left:60vw}#noddy .tag-4{top:88%;left:3vw}#noddy .meta-4{top:64%;left:72vw}#noddy .meta-4b{top:76%;left:72vw}#contact .coord-5{top:74%;left:12vw}#contact .meta-5{top:74%;left:72vw}#contact .hint-e2{font-size:17px;top:46%;left:76vw}#off-the-clock .coord-6{top:38%;left:22vw}#off-the-clock .tag-6{top:44%;left:3vw}#off-the-clock .meta-6{top:88%;left:3vw}.card.hero .card-head{justify-content:flex-start;gap:14px}.card.hero .card-head>:nth-child(2){margin-left:auto}.scene .side{flex-direction:column;gap:22px;min-width:0;display:flex;position:relative}.scene .side:not(.side-shelf) .sticker,.scene .side .coord,.scene .side .card,.scene .side .note-card{position:relative!important;inset:auto!important}.scene .side .sticker{align-self:flex-start}.scene .foot{border-top:1px dashed var(--line);flex-wrap:wrap;grid-column:1/-1;align-items:baseline;gap:12px 44px;margin-top:8px;padding-top:12px;display:flex}.scene .foot>*{position:relative!important;inset:auto!important}.scene .foot .hint{font-size:17px}.scene .foot .grid-note{margin-left:auto}#what-i-do{grid-template:"title title title""module hub note"1fr"foot foot foot"/200px 1fr 190px}#what-i-do .head-block{grid-area:title}#what-i-do .title{font-size:clamp(30px,3.4vw,54px)}#what-i-do .head-block .lede{margin-top:6px}#what-i-do .side-left{grid-area:module}#what-i-do .side-right{grid-area:note;align-items:flex-end}#what-i-do .side-right .note-card{margin-top:auto}#what-i-do .sk-browser{width:12vw;max-width:170px;rotate:-5deg}#what-i-do .sk-git{width:4.6vw;max-width:70px;rotate:6deg}#what-i-do .sk-cursor{width:6vw;max-width:92px;rotate:-5deg}#what-i-do .sk-terminal{width:7.5vw;max-width:116px;rotate:-3deg}#what-i-do .hub-wrap{width:100%;max-width:none;margin:0}#experience{grid-template-areas:"title title""lede lede""years years""tl tl""stack note""foot foot"}#experience .side-note{flex-direction:row;grid-area:note;justify-content:flex-end;align-items:flex-end;gap:28px}#experience .sk-blueprint{width:8.5vw;max-width:130px;rotate:-4deg}@media (width>=861px){#experience .sk-clock{top:11.52%;left:auto;right:34vw}#experience .sk-badge{top:9.63%;left:45.19%;right:23vw}}#experience .ring-b{top:36%;right:20%}#experience .hint-b{top:30%;right:60px}#projects{grid-template-areas:"title lede""grid grid""foot foot"}@media (height>=800px){#projects{grid-template-rows:minmax(136px,auto) 1fr auto}}@media (width>=1200px) and (height<=799px){#projects .lede{margin-top:20px}}@media (width>=861px) and (width<=1199px){#projects .lede{justify-self:start;max-width:175px;font-size:13px;line-height:1.5}}@media (width>=861px) and (width<=1180px){.disc-does{display:none}.hub-node{width:84px;height:84px}.hub-node b{font-size:10px}.hub-node span{display:none}#what-i-do{grid-template-columns:150px 1fr 150px}#what-i-do .also{width:auto;max-width:100%}.disc{width:150px}}#projects .hint-c{top:150px;left:auto;right:24vw}#projects .ring-c{top:8%;left:auto;right:42vw}#noddy{grid-template-areas:"title portrait meta""sub portrait meta""lede portrait meta""who portrait meta""history portrait meta"}#noddy .ring-d{top:66%;left:46%}#noddy .note-d{top:70%;bottom:auto;left:40%}#contact .foot{border-top:0;justify-content:center;margin-top:12px}#off-the-clock{grid-template-rows:auto auto auto 1fr auto;grid-template-areas:"title clusters""lede clusters""grid-off clusters""shelf clusters""foot foot"}#off-the-clock .sk-popcorn{width:6.5vw;max-width:100px;rotate:6deg}#off-the-clock .sk-cassette{width:8vw;max-width:120px;rotate:-6deg}#off-the-clock .sk-mug{width:5vw;max-width:76px;rotate:8deg}#off-the-clock .sk-headphones{width:8vw;max-width:120px;rotate:-4deg}.clusters{grid-template-rows:auto 1fr;justify-self:end;width:100%}.cluster.now{align-self:start}.cluster.watch,.cluster.listen{width:auto}@media (width<=860px){#what-i-do .hub-wrap{max-width:none}}@media (width>=861px){#experience .ring-b{top:46%;right:8%}}#noddy .history .sticker{width:92px;margin:0 0 0 120px;rotate:6deg;position:relative!important;top:auto!important;left:auto!important}@media (width>=861px) and (height<=820px){.scene .foot{display:none}}@media (width>=861px) and (height<=900px){#contact .foot,#off-the-clock .foot,#experience .foot{display:none}}@media (width>=861px) and (height<=820px){#experience .side-note{display:none}#experience .stack{margin-top:4px}}#off-the-clock .cluster.now .sticker.on-card{width:78px;top:-26px;right:-12px}@media (width<=1500px){.posters li span{display:none}}#experience .stack{align-self:start}#off-the-clock .cluster.now .sticker.on-card{width:78px;top:50%;right:-16px;translate:0 -50%}#noddy .sk-scouts{width:12vw;max-width:190px;top:63.06%;left:69.04%;rotate:4deg}@media (width>=861px) and (width<=1280px){#noddy .sk-scouts{width:11vw;top:56.22%;left:74.48%}}@media (width>=861px) and (height<=800px){#noddy .sk-scouts{width:10vw;top:70%}}.posters li a:has(img.art) span{margin-top:2px;font-size:10px;display:block}.covers{grid-template-columns:1fr;gap:6px;display:grid}.covers li a{grid-template-columns:30px 1fr auto;align-items:center;column-gap:10px}.covers .art{aspect-ratio:1;grid-row:1}.covers li a .track{color:var(--ink);grid-area:1/2;font-size:11px}.covers li a .by{display:none}.covers li a .play{color:var(--line);grid-area:1/3;font-size:9px;font-style:normal}.covers li a:hover .play{color:var(--amber)}.covers li a:hover .track{text-decoration:underline;-webkit-text-decoration-color:var(--amber);text-decoration-color:var(--amber)}#off-the-clock .sk-popcorn{width:6vw;max-width:94px;top:1.13%;left:26.72%;rotate:-9deg}#off-the-clock .sk-cassette{width:7.5vw;max-width:116px;top:60%;left:3%;rotate:7deg}#off-the-clock .sk-headphones{width:7.5vw;max-width:116px;top:70%;left:16.5%;rotate:-5deg}#off-the-clock .sk-mug{width:5vw;max-width:78px;top:78.52%;left:85.11%;rotate:13deg}#contact{text-align:left;grid-template-columns:minmax(360px,1fr) minmax(420px,1.1fr);grid-template-areas:"left ways""ends ends""foot foot";align-content:center;justify-items:stretch;gap:28px 48px}#contact .contact-left{grid-area:left;align-content:center;justify-items:start;gap:18px;display:grid}#contact .title{font-size:clamp(56px,6.2vw,108px)}#contact .say{letter-spacing:.12em;color:var(--ink);border-bottom:3px solid var(--amber);cursor:grab;margin-top:4px;padding:10px 6px 6px;font-size:20px;text-decoration:none;position:relative}#contact .say:hover{background:var(--amber)}#contact .hint-e2{font-size:19px;position:relative}#contact .ways{grid-area:ways;grid-template-columns:1fr 1fr;align-self:center;gap:22px 26px;padding-left:70px;display:grid;position:relative}#contact .ways .hub-node.small{border-width:2px;width:34px;height:34px;position:absolute;top:50%;left:0;translate:0 -50%}#contact .ways .hub-node.small .dot{width:9px;height:9px}#contact .card.way{padding:14px 16px 44px;position:relative}#contact .way-value{letter-spacing:.02em;word-break:break-all;margin-top:8px;font-size:13px;display:block}#contact .way-hint{color:var(--ink-2);margin-top:6px;font-size:18px;display:block}#contact .card.way .card-link{position:absolute;bottom:12px;right:14px}#contact .card.way:hover{border-color:var(--ink)}#contact .ends{width:fit-content;color:var(--ink-2);grid-area:ends;justify-self:center;justify-items:center;gap:4px;margin-top:8px;font-size:20px;display:grid}#contact .ends .arrow{font-family:var(--mono);font-size:16px}#contact .hint-e2{top:auto;left:auto}.sticker[data-play]{z-index:12!important}@keyframes pop{0%,to{transform:scale(1)}30%{transform:scale(1.18)rotate(-4deg)}55%{transform:scale(.96)rotate(3deg)}}@keyframes wobble{0%,to{transform:rotate(0)}20%{transform:rotate(-9deg)}45%{transform:rotate(8deg)}70%{transform:rotate(-5deg)}}@keyframes bounce{0%,to{transform:translateY(0)}25%{transform:translateY(-22px)}50%{transform:translateY(0)}70%{transform:translateY(-10px)}}@keyframes steam{0%,to{filter:none;transform:translateY(0)}50%{filter:drop-shadow(0 -10px 6px #fff8);transform:translateY(-6px)}}@keyframes drive{0%{transform:translate(0)}40%{transform:translate(48px)rotate(2deg)}to{transform:translate(0)}}.hub-node[data-pulse]{background:var(--amber)}#intro .build-status[data-built] .bs-bar b,#intro .build-status[data-built] .bs-label{color:var(--amber)}#contact .say{font:inherit;border:0;border-bottom:3px solid var(--amber);background:0 0}#contact .composer{z-index:8;gap:10px;width:100%;max-width:440px;padding:14px 16px 44px;display:grid}#contact .composer label{letter-spacing:.12em;color:var(--ink-2);cursor:text;gap:4px;font-size:10px;display:grid}#contact .composer input,#contact .composer textarea{font:inherit;color:var(--ink);border:0;border-bottom:1px solid var(--line);resize:vertical;background:0 0;outline:none;padding:4px 0;font-size:13px}#contact .composer input:focus,#contact .composer textarea:focus{border-bottom-color:var(--amber)}#contact .composer .send{position:absolute;bottom:12px;right:14px}#contact .composer .composer-note{color:var(--ink-2);font-size:15px;position:absolute;bottom:10px;left:16px}#contact .composer .x{position:absolute;top:10px;right:10px}@media (width<=860px){#contact .composer{max-width:none}}#contact .composer{z-index:12;width:440px;top:56%;left:48px;position:absolute!important}#contact .composer .card-head{padding-right:30px}@media (width<=860px){#contact .composer{width:auto;max-height:60vh;inset:auto 14px 64px;overflow:auto;position:fixed!important}}#contact .composer{cursor:grab;gap:14px;width:620px;max-width:calc(100vw - 96px);padding:18px 22px 54px;top:50%}#contact .composer .card-head.grab{cursor:grab;border-bottom:1px dashed var(--line);margin-bottom:4px;padding-bottom:6px}#contact .composer .handle{letter-spacing:.1em;color:var(--line);margin-left:auto;margin-right:26px;font-size:10px}#contact .composer input,#contact .composer textarea{padding:6px 0;font-size:15px}#contact .composer label{font-size:11px}#contact .composer[data-dragging]{box-shadow:0 18px 40px #14120e2e}@media (width<=860px){#contact .composer{width:auto;padding:14px 16px 48px}#contact .composer textarea{rows:4}}.sticker{transition:filter .22s}.sticker:hover{filter:drop-shadow(0 18px 22px #14120e33);z-index:8}.sticker[data-dragging]{filter:drop-shadow(0 22px 28px #14120e3d)}.sticker[data-dragging] img{rotate:2deg}.wordmark[data-near] .caret{background:var(--ink)}.wordmark span{transition:none}.covers li a .track em{color:var(--ink-2);font-style:normal}.covers li a:hover .track em{color:var(--ink-2)}#off-the-clock{grid-template-columns:minmax(300px,max-content) 1fr}.clusters{grid-template-columns:minmax(240px,1fr) minmax(280px,1.15fr);max-width:760px}@media (width>=1200px) and (height>=821px){.clusters{grid-template-columns:minmax(240px,.58fr) minmax(280px,1fr);max-width:1120px}}.covers li a .track{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.covers li a .track em{white-space:nowrap}@media (width>=861px){#contact .sk-plane{width:7vw;max-width:108px;inset:auto 2% 12% auto;rotate:-8deg}#contact .sk-mailbox{width:7vw;max-width:108px;inset:auto auto 16% 21vw;rotate:-6deg}}@media (width<=860px){#contact .sk-plane{width:14vw;max-width:60px;inset:auto 3% 8% auto;rotate:-8deg}.scene{height:auto;min-height:100dvh;padding:124px var(--gut) calc(64px + env(safe-area-inset-bottom));align-content:start;gap:15px;overflow:visible;grid-template:none/1fr!important;display:grid!important}.scene>*,.scene .side>*,.scene .foot>*{grid-area:auto!important}.scene>*,.scene .side>*{min-width:0}.scene .side{display:contents}.scene .movable{touch-action:pan-y;-webkit-touch-callout:none;translate:none}.scene .movable[data-dragging]{z-index:9;box-shadow:0 14px 30px #14120e2e}.scene .wires{display:block}.scene .hint,.scene .coord,.scene .tag,.scene .readout,.scene .grid-note,.scene .sysnode{width:auto;position:relative!important;inset:auto!important}.scene .foot{flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:4px;padding-top:12px;font-size:11px;display:flex}.scene .foot .hint,.scene .hint{font-size:16px;line-height:1.3}.scene .coord{gap:8px;font-size:11px}.scene .cross{width:15px;height:15px}.scene .tag,.scene .readout,.scene .readout-label{font-size:11px}.scene .grid-note{margin-left:0;font-size:11px}.scene .grid-note .dots{grid-template-columns:repeat(4,13px);gap:6px 0}.scene .sysnode{justify-self:center;padding:6px}.scene-head{top:44px;left:var(--gut);align-items:center;gap:12px}.scene .reset{padding:8px 11px;font-size:0}.scene .reset:before{content:"↺";font-size:14px;line-height:1}.scene .sysbox{top:46px;right:var(--gut);padding:7px 10px 6px;font-size:11px;line-height:1.45;left:auto}.scene .sysbox .reveal{font-size:16px;left:auto;right:0}.scene .title{margin:0;font-size:15vw;line-height:.88}#off-the-clock .lede{white-space:normal}.scene .card{padding:12px 14px 13px;font-size:13px;position:relative!important;translate:none!important}.scene .card .when{font-size:12px}.scene .card small,.stack-label small{font-size:11px}.scene .note-card{width:auto;max-width:none;position:relative!important;inset:auto!important}.tab{padding:2px 6px;font-size:11px}#what-i-do .hub-wrap{grid-template-columns:repeat(3,1fr);gap:8px;height:auto;display:grid;position:relative}.scene .hub-node{grid-column:1/-1;justify-self:center;width:68px;height:68px;margin-bottom:4px;font-size:12px;position:relative!important;top:auto!important;left:auto!important;translate:none!important}.scene .disc{grid-column:1/-1;width:auto;padding:11px 13px;position:relative!important;inset:auto!important;translate:none!important}.disc .anchor{top:50%;left:50%}.scene .disc.minor{text-align:center;border-style:dashed;grid-column:span 1;padding:9px 6px}.scene .disc.minor .disc-title{letter-spacing:.1em;justify-content:center;font-size:11px}#what-i-do .module{width:auto;padding:12px 14px;rotate:-1deg}#experience .timeline{gap:10px;margin:0;display:grid}#experience .job{padding:12px 14px 13px;width:auto!important}#experience .job .when{margin-bottom:5px;display:inline-block;position:static}#experience .stack{width:auto;padding:12px 14px 14px}.card.heavy{rotate:0deg}.projects-grid{grid-template-columns:1fr;gap:10px;margin:0;display:grid}.card.hero{padding:14px 16px 16px;display:block}.card.hero .card-head{flex-wrap:wrap}.study{grid-template-columns:1fr;gap:10px}.card.project{padding:12px 14px;display:block}.card.project:has(.sticker){padding-right:78px}.card.project .card-head{margin-bottom:4px;padding-right:0;font-size:11px}.card.project h3{margin:0;font-size:15px}.card.project .card-link{margin-top:6px;font-size:12px;display:inline-block;position:static}.card.project .shape{display:none}.card.project .sticker.on-card{top:50%;bottom:auto;right:8px;translate:0 -50%;width:62px!important}#noddy .history{gap:5px;margin:0}#noddy .meta-col{grid-template-columns:1fr;gap:12px;margin:0;display:grid}#noddy .lang{gap:16px;padding:8px 0 0;font-size:12px}#noddy .card p{margin-top:5px;font-size:13px}#noddy .card .when{margin-top:7px}#noddy .note-d{position:relative;bottom:auto;left:auto}#contact{text-align:left;justify-items:stretch;grid-template-columns:1fr!important}#contact .say{text-align:center;width:100%;margin-top:6px;padding:14px 10px;font-size:18px;display:block}#contact .ways{grid-template-columns:1fr;gap:10px;padding-left:0;display:grid}#contact .ways .hub-node.small{display:none}#contact .card.way{grid-template-columns:1fr auto;align-items:center;column-gap:12px;padding:12px 14px;display:grid}#contact .way .card-head{grid-column:1;margin-bottom:4px;font-size:11px}#contact .way-value{grid-column:1;font-size:13px}#contact .way-hint{grid-column:1;font-size:15px}#contact .way .card-link{white-space:nowrap;grid-area:1/2/span 3;align-self:center;margin:0;position:static}#contact .ends{justify-items:center;gap:3px;margin-top:18px;font-size:18px}.clusters{grid-template-columns:minmax(0,1fr);grid-template-areas:none;gap:12px;max-width:none;margin:0;display:grid}#off-the-clock .cluster{grid-area:auto;min-width:0;width:auto!important;margin:0!important;rotate:0deg!important}.scene .card .posters{scroll-snap-type:x proximity;scrollbar-width:none;touch-action:pan-x;flex-wrap:nowrap;gap:10px;min-width:0;margin-top:10px;padding-bottom:4px;display:flex;overflow-x:auto}.posters::-webkit-scrollbar{display:none}.posters li{scroll-snap-align:start;flex:0 0 104px}.scene .card .posters li a span,.scene .card .posters li a small{font-size:11px}#off-the-clock .cluster.now dl{gap:6px}.cluster li small,.covers li a .play,.note-label{font-size:11px}.stack-label{font-size:12px}.study li b{font-size:11px}.end{min-height:60dvh;padding:70px var(--gut) 120px}.scene .side:not(.side-shelf) .sticker{position:absolute!important;bottom:auto!important}#what-i-do .sk-git{width:14vw;max-width:58px;top:104px!important;left:auto!important;right:4%!important}#what-i-do .sk-browser,#what-i-do .sk-cursor{left:4%!important;right:auto!important}#what-i-do .sk-terminal,#experience .sk-blueprint{left:auto!important;right:4%!important}#experience .note-b,#what-i-do .note-a{position:relative!important}#experience .sk-badge{width:17vw;max-width:74px;top:104px;left:auto;right:4%}#projects .sk-phone{display:none}#noddy .sk-pixel{width:26vw;max-width:112px;top:190px;left:auto;right:4%}#off-the-clock .sk-popcorn{width:20vw;max-width:84px;top:128px;left:auto;right:3%}.scene .sticker.only-wide{display:block!important}.scene .sticker.on-card{top:auto;bottom:8px;right:8px;width:54px!important;translate:none!important}#noddy .card .sticker.on-card{top:auto;bottom:8px;right:8px;width:54px!important}#experience .job .sticker.on-card{bottom:6px;right:8px;width:56px!important}#what-i-do .sk-terminal{width:20vw;max-width:84px;top:884px;left:auto;right:4%}#what-i-do .sk-browser{width:22vw;max-width:92px;top:884px;left:4%}#what-i-do .sk-cursor{width:15vw;max-width:62px;top:1040px;left:4%}#experience .sk-clock{width:15vw;max-width:62px;top:1322px;left:4%}#experience .sk-blueprint{width:21vw;max-width:88px;top:1318px;left:auto;right:4%}#noddy .sk-bulb{width:15vw;max-width:62px;top:366px;left:auto;right:4%}#contact .sk-plane{width:18vw;max-width:76px;inset:934px 4% auto auto}#contact .sk-mailbox{width:20vw;max-width:84px;top:934px;left:4%;right:auto}#projects .sk-rocket,#noddy .sk-scouts,#noddy .sk-wings,#noddy .history .sk-floppy,#off-the-clock .sk-cassette,#off-the-clock .sk-mug,#off-the-clock .sk-headphones{top:auto!important;bottom:calc(92px + env(safe-area-inset-bottom))!important;margin:0!important;position:absolute!important}#noddy .history .sk-floppy{width:18vw;max-width:74px;right:auto;left:4%!important}#noddy .sk-wings{width:20vw;max-width:84px;right:auto;left:42%!important}#projects .sk-rocket{width:18vw;max-width:76px;left:4%;right:auto}#noddy .sk-scouts{width:20vw;max-width:84px;left:auto;right:4%}#off-the-clock .sk-cassette{width:20vw;max-width:84px;left:4%;right:auto}#off-the-clock .sk-mug{width:14vw;max-width:58px;left:45%;right:auto;bottom:calc(84px + env(safe-area-inset-bottom))}#off-the-clock .sk-headphones{width:21vw;max-width:88px;left:auto;right:4%}.scene{padding:90px var(--gut) calc(60px + env(safe-area-inset-bottom));gap:8px}.scene .sysbox{padding:4px 8px;font-size:10px;line-height:1.35;top:42px}.scene .sysbox hr{margin:4px 0 3px}.scene-head{top:40px}.scene .reset{padding:6px 9px}.scene .hint,.scene .foot .hint{font-size:13px;line-height:1.2}.scene .card .when,.scene .card small,.tab,.chip{font-size:10px}.chip{padding:2px 6px}.scene .tag,.scene .readout,.scene .readout-label,.scene .coord,.scene .grid-note,.note-label,.stack-label{font-size:10px}.scene .foot{gap:4px 12px;margin-top:0;padding-top:6px;line-height:1.35}#what-i-do .hub-wrap{gap:8px}.scene .disc{grid-column:span 3;padding:8px 10px}.disc-tech{margin-top:3px;font-size:10px;line-height:1.4}.scene .hub-node{width:52px;height:52px;margin-bottom:0;font-size:10px}#experience .timeline{gap:8px}#experience .job{padding:10px 12px 26px}.projects-grid{gap:8px}.study{gap:6px}#noddy .meta-col{gap:8px}#contact .actions,#contact .ways{gap:8px}#contact .ends{margin-top:12px;font-size:15px}.clusters{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}#off-the-clock .cluster.watch{grid-column:1/-1}#off-the-clock .cluster.now,#off-the-clock .cluster.listen{grid-column:auto}.cluster ul{font-size:11px}#experience .timeline,.projects-grid.strip{scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x;flex-wrap:nowrap;gap:8px;margin:0;padding-bottom:4px;display:flex;overflow-x:auto}#experience .timeline::-webkit-scrollbar{display:none}.projects-grid.strip::-webkit-scrollbar{display:none}#experience .job{scroll-snap-align:start;flex:0 0 84%;width:auto!important}#what-i-do .hub-wrap{grid-template-columns:repeat(6,1fr)}.scene .disc{grid-column:span 3}.scene .disc.minor{grid-column:span 2}.proof-row{scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x;flex-wrap:nowrap;gap:8px;margin-top:8px;padding-bottom:4px;display:flex;overflow-x:auto}.proof-row::-webkit-scrollbar{display:none}.card.project{scroll-snap-align:start;flex:0 0 84%}.clusters{columns:2;grid-template-columns:none;column-gap:8px;display:block}#off-the-clock .cluster{break-inside:avoid;display:inline-block;width:100%!important;margin-bottom:8px!important}#contact .ways{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#contact .card.way{padding:8px 10px 9px;display:block}#contact .way .card-link{margin-top:4px;display:inline-block;position:static}#contact .way-hint{font-size:12px;display:block}#projects,#noddy,#off-the-clock{padding-bottom:calc(106px + env(safe-area-inset-bottom))}#projects .sk-rocket,#noddy .sk-scouts,#noddy .sk-wings,#noddy .history .sk-floppy,#off-the-clock .sk-cassette,#off-the-clock .sk-mug,#off-the-clock .sk-headphones{bottom:calc(36px + env(safe-area-inset-bottom))!important}.art{border-width:1px}#off-the-clock .cluster ul{font-size:10px}#off-the-clock .cluster dl div{grid-template-columns:56px 1fr}#what-i-do,#experience,#noddy,#projects,#off-the-clock{padding-bottom:calc(106px + env(safe-area-inset-bottom))}#what-i-do .sk-git,#what-i-do .sk-browser,#what-i-do .sk-cursor,#what-i-do .sk-terminal,#experience .sk-blueprint,#noddy .sk-bulb,#projects .sk-rocket,#noddy .sk-scouts,#noddy .sk-wings,#noddy .history .sk-floppy,#off-the-clock .sk-cassette,#off-the-clock .sk-mug,#off-the-clock .sk-headphones{height:54px;top:auto!important;bottom:calc(34px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important}#what-i-do .sk-git img,#what-i-do .sk-browser img,#what-i-do .sk-cursor img,#what-i-do .sk-terminal img,#experience .sk-blueprint img,#noddy .sk-bulb img,#projects .sk-rocket img,#noddy .sk-scouts img,#noddy .sk-wings img,#noddy .history .sk-floppy img,#off-the-clock .sk-cassette img,#off-the-clock .sk-mug img,#off-the-clock .sk-headphones img{width:auto;height:100%}#what-i-do .sk-git{left:4%!important;right:auto!important}#what-i-do .sk-browser{left:28%!important;right:auto!important}#what-i-do .sk-cursor{left:52%!important;right:auto!important}#what-i-do .sk-terminal{left:76%!important;right:auto!important}#experience .sk-blueprint{left:4%!important;right:auto!important}#noddy .sk-bulb{left:28%!important;right:auto!important}#contact{padding-bottom:calc(106px + env(safe-area-inset-bottom))}#contact .sk-plane,#contact .sk-mailbox,#experience .sk-clock{height:54px;top:auto!important;bottom:calc(34px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important}#contact .sk-plane img,#contact .sk-mailbox img,#experience .sk-clock img{width:auto;height:100%}#contact .sk-mailbox{left:4%!important;right:auto!important}#contact .sk-plane{left:auto!important;right:4%!important}#experience .sk-clock{left:28%!important;right:auto!important}.scene .movable,.proof-row,#experience .timeline,.scene .card .posters{touch-action:manipulation}.scene .movable[data-dragging]{scale:1.03}#experience .timeline{align-items:stretch}.card.project .tech-line{margin-top:8px;display:block;position:static}#off-the-clock .cluster.now .sticker.on-card{top:-8px;bottom:auto;right:-4px}.scene-head .section-id{letter-spacing:.06em;font-size:11px}#intro .sticker-noddy-car{width:25vw;max-width:106px;top:112px;left:auto;right:2%;rotate:-6deg}#what-i-do,#experience{grid-template-columns:1fr 1fr!important}#what-i-do>*,#experience>*,#what-i-do .side>*,#experience .side>*{grid-column:1/-1!important}#what-i-do .module,#experience .stack{grid-column:1!important}#what-i-do .note-a,#experience .note-b{align-self:start;grid-column:2!important}#what-i-do .coord-1,#experience .ring-b,#experience .job .story{display:none}#experience .job.heavy .sticker.on-card{top:6px;bottom:auto;right:6px;width:44px!important}.scroller{scroll-snap-type:y mandatory}.stage,.end{scroll-snap-align:start;scroll-snap-stop:always}.scene{gap:6px;padding-top:80px}.scene .hint,.scene .foot .hint{font-size:12px}.scene .foot{gap:2px 10px;padding-top:4px}.hero-name{font-size:22px;margin:4px 0 0!important}.card.hero,.card.project{padding:8px 10px 9px}#noddy .lang{padding-top:4px}#contact .say{padding:8px 10px;font-size:14px}#contact .ends .arrow{font-size:12px}.scene .card .posters{gap:6px;margin-top:6px}.posters li small{font-size:9px}.covers li a{grid-template-columns:18px 1fr auto;column-gap:5px}#off-the-clock .cluster dl{gap:2px;margin-top:4px}#off-the-clock .cluster ul{margin-top:4px}#contact .card.way{padding-bottom:6px}#off-the-clock{padding-bottom:calc(88px + env(safe-area-inset-bottom))}#off-the-clock .sk-cassette,#off-the-clock .sk-mug,#off-the-clock .sk-headphones{height:44px;bottom:calc(26px + env(safe-area-inset-bottom))!important}#off-the-clock .sk-mug{bottom:calc(30px + env(safe-area-inset-bottom))!important}#off-the-clock .hint-e{display:none}#what-i-do .sk-git,#what-i-do .sk-browser,#what-i-do .sk-cursor,#what-i-do .sk-terminal,#experience .sk-blueprint,#experience .sk-clock,#noddy .sk-bulb,#contact .sk-plane,#contact .sk-mailbox,#projects .sk-rocket,#noddy .sk-scouts,#noddy .sk-wings,#noddy .history .sk-floppy,#off-the-clock .sk-cassette,#off-the-clock .sk-mug,#off-the-clock .sk-headphones{bottom:calc(54px + env(safe-area-inset-bottom))!important}.scene .foot,.scene .hint,.scene .sysnode,.scene .coord,.scene .tag,.scene .readout,.scene .grid-note,.scene .sticker.only-wide,.scene .sticker.on-card,#contact .sk-mailbox,#intro .sticker.only-wide,#intro .coord-b{display:none!important}.scene,#projects,#noddy,#off-the-clock,#contact{padding-bottom:calc(60px + env(safe-area-inset-bottom))}#what-i-do .sk-git,#experience .sk-badge,#projects .sk-rocket,#noddy .sk-pixel,#contact .sk-plane,#off-the-clock .sk-popcorn{height:auto!important;margin:0!important;display:block!important;position:absolute!important;inset:96px 4% auto auto!important}#what-i-do .sk-git img,#experience .sk-badge img,#projects .sk-rocket img,#noddy .sk-pixel img,#contact .sk-plane img,#off-the-clock .sk-popcorn img{width:100%;height:auto}#contact{align-content:start}#what-i-do .sk-git{width:16vw!important;max-width:64px!important}#experience .sk-badge,#projects .sk-rocket{width:18vw!important;max-width:72px!important}#noddy .sk-pixel{width:24vw!important;max-width:96px!important;top:150px!important}#contact .sk-plane{width:17vw!important;max-width:80px!important}#off-the-clock .sk-popcorn{width:18vw!important;max-width:88px!important}#projects .card.project:has(.sticker){padding-right:10px}#noddy .card:has(.sticker.on-card) .when{width:auto}#off-the-clock .cluster.now:has(.sticker.on-card) dl{padding-right:0}#experience .job.heavy ul,#experience .job .card-tech{padding-right:0}.lede{font-size:13px}.scene .card{font-size:11px}.scene .card h3{font-size:13px}.scene .card p,.scene .card li{line-height:1.4}.disc-tech{font-size:10px}.covers li:nth-child(n+6){display:list-item}.scene{gap:12px}.scene .title{font-size:12vw}.lede{font-size:14px;line-height:1.5}.hand.xl{font-size:24px}.scene .card{padding:10px 12px 11px;font-size:12px}.scene .card h3{margin:5px 0 3px;font-size:14px}.scene .card ul{gap:3px;margin-top:6px}.scene .card .when,.scene .card small{font-size:11px}.chip{padding:2px 7px;font-size:11px}.chips{gap:5px;margin-top:6px}.tab{font-size:11px}.note-card{padding:10px 12px}.note-card .hand.lg{font-size:18px}.scene .hub-node{width:52px;height:52px;font-size:10px}.scene .disc{padding:9px 10px}.disc-title{font-size:12px}.disc-tech{font-size:11px;line-height:1.45}.scene .disc.minor .disc-title{font-size:11px}#experience .years{font-size:11px}.hero-name{font-size:28px}.links a,.link-btn,.card-link{padding:4px 0;font-size:11px}.links{gap:2px 14px;margin-top:8px}.ver{gap:10px;padding:4px 8px 4px 4px}.ver b{font-size:12px}.ver-note{font-size:16px}.ver.current .ver-note{font-size:11px}#noddy .card p{font-size:12px}#noddy .lang{gap:14px;font-size:11px}#contact .title{font-size:12vw}#contact .say{margin-top:4px;padding:12px 10px;font-size:16px}#contact .card.way{padding:10px 12px}#contact .way-value{font-size:12px}#contact .ends{gap:4px;margin-top:14px;font-size:16px}.covers li:nth-child(n+7){display:list-item}.posters li{flex-basis:66px}.posters li span{font-size:10px;display:block}.covers{gap:5px}.covers li a{grid-template-columns:22px 1fr auto}.covers li a .track{font-size:11px}#off-the-clock .cluster dt{font-size:13px}#off-the-clock .cluster dd{font-size:12px}#off-the-clock .cluster dl{gap:4px}#what-i-do{gap:8px}#what-i-do .lede{font-size:13px;line-height:1.4}#what-i-do .disc{padding:7px 9px}#what-i-do .disc-title{font-size:11px}#what-i-do .disc-tech{font-size:10px;line-height:1.35}#what-i-do .hub-node{width:44px;height:44px;font-size:9px}#what-i-do .module .code{font-size:10px;line-height:1.45}#what-i-do .note-card .hand.lg{font-size:16px}.nav{overflow-x:visible}.nav a{gap:0;padding:0 7px;font-size:0}.nav a small{color:var(--line);font-size:12px}.nav a[data-current]{gap:6px;padding:0 9px;font-size:11px}.nav a[data-current] small{font-size:11px}.projects-grid{display:block!important}.proof-row{grid-template-columns:1fr;gap:6px;margin-top:6px;overflow:visible;display:grid!important}.card.project{padding:8px 12px 9px;flex:none!important;width:auto!important}.card.project ul,.card.project .when{display:none}.card.project .card-head{margin-bottom:2px}.card.project h3{margin:0 10px 0 0;display:inline-block}.card.project .tech-line{font-size:10px;display:inline}.card.project .card-link{float:right;margin-top:0}#experience .timeline{grid-template-columns:1fr;gap:6px;overflow:visible;display:grid!important}#experience .job{padding:8px 12px 9px;flex:none!important;width:auto!important}#experience .job .n,#experience .job .role-line{display:none}#experience .job ul{margin-top:4px}#experience .job li:nth-child(n+3),#experience .years{display:none}.scene .card .posters{grid-template-columns:repeat(5,1fr);gap:5px;margin-top:6px;overflow:visible;display:grid!important}.posters li{flex:none!important}.posters li span,.posters li small{display:none}#what-i-do .sk-git,#experience .sk-badge,#projects .sk-rocket,#contact .sk-plane,#intro .coord-a,#intro .n01,#intro .frag,#intro .note,#intro .wip{display:none!important}.scene .card .posters{grid-template-columns:repeat(3,1fr)}.posters li:nth-child(n+7),.covers li:nth-child(n+7),#experience .note-b,#experience .job .story{display:none}.scene .card .posters li span,.scene .card .posters li small{display:none!important}.scene .card .posters li a:has(img.art) span{display:none!important}.nav{justify-content:space-between}.nav a,.nav a[data-current]{gap:0;padding:0 4px;font-size:0}.nav a small,.nav a[data-current] small{font-size:13px}.nav a[data-current] small{color:var(--amber)}#contact .card.way .card-link{float:right;margin:0;display:inline-block;position:static}#contact .way-value{overflow-wrap:anywhere;font-size:11px}#contact .way-hint{font-size:13px}.nav{padding:0 var(--gut) env(safe-area-inset-bottom);height:calc(64px + env(safe-area-inset-bottom));justify-content:space-between;align-items:stretch;gap:0;overflow-x:visible}.nav a{border-bottom-width:3px;align-items:center;display:inline-flex}#intro .coord-c,#intro .coord-b{display:none!important}.nav{padding-bottom:calc(7px + env(safe-area-inset-bottom));height:calc(62px + env(safe-area-inset-bottom))}}@media (width<=860px) and (height<=750px){.scene,#projects,#noddy,#off-the-clock,#contact{padding:66px var(--gut) calc(62px + env(safe-area-inset-bottom));gap:7px}.scene-head,.scene .sysbox{top:34px}.scene .title,#contact .title{font-size:10vw}.lede{font-size:12px;line-height:1.35}.hand.xl{font-size:19px}.scene .card{padding:7px 10px 8px;font-size:11px}.scene .card h3{margin:3px 0 2px;font-size:12px}.scene .card ul{gap:1px;margin-top:3px}.scene .card p,.scene .card li{line-height:1.3}.chip{padding:1px 5px;font-size:10px}.chips{gap:3px;margin-top:4px}.tab{padding:1px 5px;font-size:10px}.note-card{padding:7px 9px}.note-card .hand.lg{font-size:14px}.scene .hub-node{width:38px;height:38px;font-size:8px}.scene .disc{padding:5px 7px}.disc-title{font-size:10px}.disc-tech{font-size:9px;line-height:1.3}#what-i-do .module .code{font-size:9px;line-height:1.35}#experience .job li:nth-child(n+2){display:none}.hero-name{font-size:22px}.card.hero li:nth-child(n+4){display:none}.links a,.link-btn,.card-link{padding:2px 0;font-size:10px}.links{margin-top:5px}.ver{gap:7px;padding:2px 6px 2px 3px}.ver b{font-size:11px}.ver-note{font-size:13px}#noddy .note-d{display:none}#contact .say{padding:9px 10px;font-size:14px}#contact .way-hint{font-size:12px}#contact .way-value{font-size:10px}#contact .ends{margin-top:8px;font-size:13px}.posters li:nth-child(n+4),.covers li:nth-child(n+5){display:none}#off-the-clock .cluster dt{font-size:11px}#off-the-clock .cluster dd{font-size:10px}#what-i-do .disc.minor,#what-i-do .note-a,#experience .stack{display:none}}@media (width<=860px){.card.project h3{margin-right:14px}#what-i-do .module{display:none!important}#experience .job li:nth-child(n+2){display:none}#experience .stack{display:none!important}.card.hero ul,.card.hero .when{display:none}#noddy .note-d,#contact .ends{display:none!important}.posters li:nth-child(n+7),.covers li:nth-child(n+5){display:none}#intro .sticker,.scene .sticker{display:block!important}.scene .sticker.on-card,#experience .job .sticker.on-card,#noddy .card .sticker.on-card,#off-the-clock .cluster.now .sticker.on-card,.card.project .sticker.on-card{display:none!important}#intro .sticker,.scene .sticker{z-index:6;max-width:none!important;height:auto!important;margin:0!important;position:absolute!important}#intro .sticker img,.scene .sticker img{width:100%;height:auto}#intro .sticker-noddy-car{width:25vw!important;inset:110px 4% auto auto!important}#intro .sticker-macbook{width:17vw!important;top:auto!important;left:4%!important;right:auto!important;bottom:calc(56px + env(safe-area-inset-bottom))!important}#intro .sticker-opentv-icon{width:11vw!important;top:auto!important;left:40%!important;right:auto!important;bottom:calc(56px + env(safe-area-inset-bottom))!important}#intro .sticker-shipping-box{width:17vw!important;top:auto!important;left:auto!important;right:5%!important;bottom:calc(56px + env(safe-area-inset-bottom))!important}#what-i-do .sk-git{width:15vw!important;inset:108px 4% auto auto!important}#what-i-do .sk-browser{width:18vw!important;top:auto!important;left:4%!important;right:auto!important;bottom:calc(56px + env(safe-area-inset-bottom))!important}#what-i-do .sk-cursor{width:15vw!important;top:auto!important;left:42%!important;right:auto!important;bottom:calc(56px + env(safe-area-inset-bottom))!important}#what-i-do .sk-terminal{width:17vw!important;top:auto!important;left:auto!important;right:4%!important;bottom:calc(56px + env(safe-area-inset-bottom))!important}#experience .sk-badge{width:17vw!important;inset:104px 3% auto auto!important}#experience .sk-blueprint{width:17vw!important;top:auto!important;left:4%!important;right:auto!important;bottom:calc(56px + env(safe-area-inset-bottom))!important}#experience .sk-clock{width:16vw!important;top:auto!important;left:auto!important;right:6%!important;bottom:calc(56px + env(safe-area-inset-bottom))!important}#projects .sk-rocket{width:18vw!important;inset:104px 3% auto auto!important}#projects .sk-phone{width:15vw!important;top:auto!important;left:5%!important;right:auto!important;bottom:calc(56px + env(safe-area-inset-bottom))!important}#noddy .sk-pixel{width:24vw!important;inset:130px 3% auto auto!important}#noddy .sk-floppy{width:17vw!important;top:auto!important;left:4%!important;right:auto!important;bottom:calc(56px + env(safe-area-inset-bottom))!important}#noddy .sk-wings{width:16vw!important;top:auto!important;left:38%!important;right:auto!important;bottom:calc(56px + env(safe-area-inset-bottom))!important}#noddy .sk-scouts{width:17vw!important;top:auto!important;left:auto!important;right:4%!important;bottom:calc(56px + env(safe-area-inset-bottom))!important}#noddy .sk-bulb{display:none!important}#contact .sk-plane{width:16vw!important;inset:106px 3% auto auto!important}#contact .sk-mailbox{width:17vw!important;top:auto!important;left:4%!important;right:auto!important;bottom:calc(56px + env(safe-area-inset-bottom))!important}#off-the-clock .sk-popcorn{width:17vw!important;inset:100px 3% auto auto!important}#off-the-clock .sk-cassette{width:17vw!important;top:auto!important;left:4%!important;right:auto!important;bottom:calc(56px + env(safe-area-inset-bottom))!important}#off-the-clock .sk-mug{width:11vw!important;top:auto!important;left:40%!important;right:auto!important;bottom:calc(56px + env(safe-area-inset-bottom))!important}#off-the-clock .sk-headphones{width:17vw!important;top:auto!important;left:auto!important;right:4%!important;bottom:calc(56px + env(safe-area-inset-bottom))!important}.posters li:nth-child(n+4){display:none}#intro .sticker,#what-i-do .sticker,#experience .sticker,#projects .sticker,#noddy .sticker,#contact .sticker,#off-the-clock .sticker{display:block!important}#projects .sticker.on-card,#noddy .sticker.on-card,#contact .sticker.on-card,#off-the-clock .sticker.on-card,#noddy .sk-bulb{display:none!important}#intro .sticker img,#what-i-do .sticker img,#experience .sticker img,#projects .sticker img,#noddy .sticker img,#contact .sticker img,#off-the-clock .sticker img{width:100%!important;height:auto!important}#noddy .history .sk-floppy{width:17vw!important;max-width:none!important;top:auto!important;left:4%!important;right:auto!important;bottom:calc(56px + env(safe-area-inset-bottom))!important;margin:0!important;position:absolute!important}#experience .job li:nth-child(n+3){display:none}#experience .job li:nth-child(2){display:list-item}.scroller{scroll-behavior:auto}#off-the-clock .grid-off{display:none!important}#off-the-clock .cluster .card-head{margin-bottom:4px}#what-i-do .disc-web{order:1}#what-i-do .disc-mobile{order:2}#what-i-do .hub-node{order:3;margin:2px 0}#what-i-do .disc-desktop{order:4}#what-i-do .disc-backend{order:5}#what-i-do .disc.minor{order:6}#what-i-do .ring-a{order:7}#intro .sticker-noddy-car{rotate:-7deg;width:26vw!important;top:104px!important;right:4%!important}#intro .sticker-macbook{rotate:-8deg;width:18vw!important;left:4%!important;bottom:calc(92px + env(safe-area-inset-bottom))!important}#intro .sticker-opentv-icon{rotate:9deg;width:11vw!important;left:38%!important;bottom:calc(140px + env(safe-area-inset-bottom))!important}#intro .sticker-shipping-box{rotate:6deg;width:18vw!important;right:3%!important;bottom:calc(92px + env(safe-area-inset-bottom))!important}#what-i-do .sk-git{rotate:7deg;width:11vw!important;top:96px!important;right:3%!important}#what-i-do .sk-browser{rotate:-6deg;width:18vw!important;left:4%!important;bottom:calc(92px + env(safe-area-inset-bottom))!important}#what-i-do .sk-cursor{rotate:10deg;width:11vw!important;left:40%!important;bottom:calc(140px + env(safe-area-inset-bottom))!important}#what-i-do .sk-terminal{rotate:-4deg;width:16vw!important;right:3%!important;bottom:calc(92px + env(safe-area-inset-bottom))!important}#experience .sk-badge{rotate:8deg;width:17vw!important;top:98px!important;right:4%!important}#experience .sk-blueprint{rotate:-7deg;width:18vw!important;left:4%!important;bottom:calc(92px + env(safe-area-inset-bottom))!important}#experience .sk-clock{rotate:11deg;width:15vw!important;right:8%!important;bottom:calc(140px + env(safe-area-inset-bottom))!important}#projects .sk-rocket{rotate:-8deg;width:16vw!important;top:96px!important;right:4%!important}#projects .sk-phone{rotate:7deg;width:16vw!important;left:3%!important;bottom:calc(92px + env(safe-area-inset-bottom))!important}#noddy .sk-pixel{rotate:5deg;width:25vw!important;top:118px!important;right:4%!important}#noddy .history .sk-floppy{rotate:-9deg;width:18vw!important;left:4%!important;bottom:calc(92px + env(safe-area-inset-bottom))!important}#noddy .sk-wings{rotate:8deg;width:11vw!important;left:36%!important;bottom:calc(140px + env(safe-area-inset-bottom))!important}#noddy .sk-scouts{rotate:-5deg;width:17vw!important;right:3%!important;bottom:calc(92px + env(safe-area-inset-bottom))!important}#contact .sk-plane{rotate:-10deg;width:17vw!important;top:100px!important;right:4%!important}#contact .sk-mailbox{rotate:6deg;width:17vw!important;left:4%!important;bottom:calc(92px + env(safe-area-inset-bottom))!important}#off-the-clock .sk-popcorn{rotate:7deg;width:17vw!important;top:92px!important;right:4%!important}#off-the-clock .sk-cassette{rotate:-8deg;width:17vw!important;left:4%!important;bottom:calc(92px + env(safe-area-inset-bottom))!important}#off-the-clock .sk-mug{rotate:12deg;width:11vw!important;left:38%!important;bottom:calc(140px + env(safe-area-inset-bottom))!important}#off-the-clock .sk-headphones{rotate:-5deg;width:17vw!important;right:3%!important;bottom:calc(92px + env(safe-area-inset-bottom))!important}.scene{gap:9px;padding-top:74px}.scene-head,.scene .sysbox{top:38px}#noddy .history-label{display:none}#noddy .history{gap:3px}#experience .job{padding:7px 11px 8px}#contact .say{padding:9px 10px}#contact .card.way{padding:8px 11px 9px}#off-the-clock .cluster{padding:7px 9px 8px}#off-the-clock .cluster ul{margin-top:3px}}@media (width<=860px) and (height<=750px){#intro .sticker,.scene .sticker{width:12vw!important}#intro .sticker-noddy-car,#noddy .sk-pixel{width:19vw!important}#what-i-do .sk-git,#experience .sk-badge,#projects .sk-rocket,#contact .sk-plane,#off-the-clock .sk-popcorn{width:13vw!important;top:84px!important}#intro .sticker-noddy-car{top:88px!important}#noddy .sk-pixel{top:100px!important}#intro .sticker-macbook,#intro .sticker-shipping-box,#what-i-do .sk-browser,#what-i-do .sk-terminal,#experience .sk-blueprint,#projects .sk-phone,#noddy .history .sk-floppy,#noddy .sk-scouts,#contact .sk-mailbox,#off-the-clock .sk-cassette,#off-the-clock .sk-headphones{width:14vw!important;bottom:calc(84px + env(safe-area-inset-bottom))!important}#intro .sticker-opentv-icon,#what-i-do .sk-cursor,#experience .sk-clock,#noddy .sk-wings,#off-the-clock .sk-mug{width:10vw!important;bottom:calc(112px + env(safe-area-inset-bottom))!important}#off-the-clock .sk-headphones{width:13vw!important;bottom:calc(84px + env(safe-area-inset-bottom))!important}}@media (width<=860px){body{font-size:10px}.brand{font-size:11px}.nav a small,.nav a[data-current] small{font-size:12px}.scene-head .section-id,#intro .section-id{font-size:10px}.scene .sysbox,.sysbox{font-size:9px}.scene .reset:before,#intro .reset:before{font-size:12px}.scene .title,#contact .title{font-size:10.5vw}.lede{font-size:12px;line-height:1.45}.hand.xl{font-size:21px}.scene .card{font-size:11px}.scene .card h3{font-size:12px}.scene .card .when,.scene .card small,.stack-label small,.tab{font-size:10px}.chip{padding:2px 6px;font-size:10px}.note-label{font-size:9px}.note-card .hand.lg{font-size:16px}.links a,.link-btn,.card-link{font-size:10px}.scene .hub-node{width:48px;height:48px;font-size:9px}.disc-title{font-size:11px}.disc-tech{font-size:10px;line-height:1.4}.scene .disc.minor .disc-title,#what-i-do .disc-title{font-size:10px}#what-i-do .disc-tech{font-size:9px}#experience .job h3{font-size:12px}.hero-name{font-size:24px}.card.project h3{font-size:12px}.card.project .tech-line{font-size:9px}.ver b{font-size:11px}.ver-note{font-size:14px}.ver.current .ver-note{font-size:10px}#noddy .card p{font-size:11px}#noddy .lang{font-size:10px}#contact .say{font-size:14px}#contact .way-value{font-size:10px}#contact .way-hint{font-size:12px}.cluster ul{font-size:10px}.cluster li small{font-size:9px}.covers li a .track{font-size:10px}.covers li a .play{font-size:9px}#off-the-clock .cluster dt{font-size:12px}#off-the-clock .cluster dd{font-size:11px}.posters li small{font-size:9px}#experience .sk-badge{width:14vw!important;top:80px!important}#what-i-do .module,#experience .stack{display:block!important}#noddy .note-d{display:block!important;position:relative!important;inset:auto!important}#contact .ends{display:grid!important}.card.hero ul{display:grid}.card.hero .when,.posters li:nth-child(-n+6){display:block}.covers li:nth-child(-n+6){display:list-item}#off-the-clock .grid-off{display:block!important}#experience .job li:nth-child(-n+3){display:list-item}.scene{align-content:space-between}#intro .sticker-macbook,#intro .sticker-opentv-icon,#intro .sticker-shipping-box,#what-i-do .sk-browser,#what-i-do .sk-cursor,#what-i-do .sk-terminal,#experience .sk-blueprint,#experience .sk-clock,#projects .sk-phone,#noddy .history .sk-floppy,#noddy .sk-wings,#noddy .sk-scouts,#contact .sk-mailbox,#off-the-clock .sk-cassette,#off-the-clock .sk-mug,#off-the-clock .sk-headphones{display:none!important}#experience .stack{padding:8px 11px 9px}#contact{align-content:space-between!important}.scene,#projects,#noddy,#off-the-clock,#contact{padding-bottom:calc(70px + env(safe-area-inset-bottom))}#intro .sticker-macbook.only-wide,#intro .sticker-opentv-icon.only-wide,#intro .sticker-shipping-box.only-wide{display:none!important}#intro .sticker-macbook.only-wide,#intro .sticker-opentv-icon.only-wide,#what-i-do .sk-browser,#what-i-do .sk-cursor,#noddy .sk-wings,#contact .sk-mailbox,#off-the-clock .sk-mug{display:block!important}#intro .sticker-macbook{rotate:-7deg;width:15vw!important;inset:27.5% auto auto 4%!important}#intro .sticker-opentv-icon{rotate:8deg;width:11vw!important;inset:28.5% 6% auto auto!important}#what-i-do .sk-browser{rotate:-6deg;width:16vw!important;inset:76.5% auto auto 4%!important}#what-i-do .sk-cursor{rotate:9deg;width:11vw!important;inset:79% auto auto 34%!important}#noddy .sk-wings{rotate:7deg;width:13vw!important;inset:34% 8% auto auto!important}#contact .sk-mailbox{rotate:-6deg;width:14vw!important;inset:73.5% auto auto 5%!important}#off-the-clock .sk-mug{rotate:10deg;width:11vw!important;inset:29% auto auto 12%!important}}@media (width<=860px) and (height<=750px){#what-i-do .sk-browser,#what-i-do .sk-cursor,#off-the-clock .sk-mug{display:none!important}}@media (width<=860px){#intro .sticker-macbook,#intro .sticker-macbook.only-wide,#off-the-clock .sk-mug{display:none!important}#what-i-do .sk-git{width:10vw!important;top:78px!important}}@media (width<=860px) and (height<=860px){#experience .job li:nth-child(n+3){display:none}}@media (width<=860px) and (height<=800px){.card.hero ul li:nth-child(n+4){display:none}#off-the-clock .grid-off{display:none!important}}@media (width<=860px) and (height<=750px){#what-i-do .module,#experience .stack{display:none!important}#experience .job li:nth-child(n+2){display:none}#noddy .note-d,#contact .ends{display:none!important}.card.hero ul,.card.hero .when,.posters li:nth-child(n+4),.covers li:nth-child(n+5),#what-i-do .disc.minor{display:none}#contact .sk-mailbox{display:none!important}}@media (width<=860px){.end{min-height:100dvh;padding:70px var(--gut) calc(80px + env(safe-area-inset-bottom))}.stage,.end{scroll-snap-align:start;scroll-snap-stop:always}}@media (width<=860px) and (height<=790px){#what-i-do .disc.minor{display:none}}@media (width<=860px){.scene .title{font-size:min(10.5vw,62px)}#contact .title{font-size:min(10.5vw,58px)}.scene .card .posters{grid-template-columns:repeat(3,minmax(0,84px));justify-content:start}.covers .art{max-width:26px}}@media (width<=380px){#what-i-do .disc.minor{display:none}}@media (width>=600px) and (width<=860px) and (height<=900px){.covers li:nth-child(n+5){display:none}}@media (width<=860px){.scroller{scroll-snap-type:y mandatory}#experience .job,.card.project,.posters li,.scene .card .posters li{scroll-snap-align:none}.stage,.end{scroll-snap-align:start}.brand{padding:12px var(--gut) 14px}.scene{padding-top:92px}.scene-head,.scene .sysbox{top:54px}.nav{height:calc(46px + env(safe-area-inset-bottom));padding:0 var(--gut) calc(2px + env(safe-area-inset-bottom))}#intro .sticker-noddy-car{top:122px!important}#what-i-do .sk-git{top:96px!important}#experience .sk-badge{top:98px!important}#projects .sk-rocket{top:114px!important}#noddy .sk-pixel{top:136px!important}#contact .sk-plane{top:118px!important}#off-the-clock .sk-popcorn{top:110px!important}.nav{padding-bottom:calc(5px + env(safe-area-inset-bottom))}}@media (width<=860px) and (height<=750px){#what-i-do .sk-git,#experience .sk-badge,#projects .sk-rocket,#contact .sk-plane,#off-the-clock .sk-popcorn{top:100px!important}#intro .sticker-noddy-car{top:104px!important}#noddy .sk-pixel{top:116px!important}}@media (width>=600px) and (width<=860px) and (height<=860px){#contact .ends{display:none!important}.posters li:nth-child(n+4){display:none}}@media (width<=860px){#what-i-do,#experience{grid-template-columns:1fr!important}#what-i-do>*,#experience>*,#what-i-do .side>*,#experience .side>*,#what-i-do .module,#experience .stack,#what-i-do .note-a,#experience .note-b{grid-column:1/-1!important}body{font-size:9.5px}.nav a small,.nav a[data-current] small{font-size:11px}.scene-head .section-id,#intro .section-id{font-size:9px}.scene .sysbox,.sysbox{font-size:8px}.scene .title{font-size:min(9.5vw,54px)}#contact .title{font-size:min(9.5vw,52px)}.lede{font-size:11px;line-height:1.45}.hand.xl{font-size:19px}.scene .card{font-size:10px}.scene .card h3{font-size:11px}.scene .card .when,.scene .card small,.stack-label small,.tab,.chip{font-size:9px}.note-label{font-size:8px}.note-card .hand.lg{font-size:14px}.links a,.link-btn,.card-link{font-size:9px}.scene .hub-node{width:44px;height:44px;font-size:8px}.disc-title,#what-i-do .disc-title{font-size:9.5px}.disc-tech,#what-i-do .disc-tech{font-size:8.5px}#experience .job h3{font-size:11px}.hero-name{font-size:21px}.card.project h3{font-size:11px}.card.project .tech-line{font-size:8px}.ver b{font-size:10px}.ver-note{font-size:12.5px}.ver.current .ver-note{font-size:9px}#noddy .card p{font-size:10px}#noddy .lang{font-size:9px}#contact .say{font-size:13px}#contact .way-value{font-size:9px}#contact .way-hint{font-size:11px}.cluster ul{font-size:9px}.cluster li small{font-size:8px}.covers li a .track{font-size:9px}.covers li a .play{font-size:8px}#off-the-clock .cluster dt{font-size:11px}#off-the-clock .cluster dd{font-size:10px}.posters li small{font-size:8px}#intro .sticker-noddy-car{z-index:13;rotate:-7deg;width:26vw!important;inset:46% -3% auto auto!important}#intro .sticker-opentv-icon{rotate:9deg;width:13vw!important;inset:44% auto auto 3%!important}}.aura-pop{white-space:nowrap;pointer-events:none;z-index:9;font-family:var(--mono);letter-spacing:.12em;color:var(--ink);background:var(--amber);border:1px solid var(--ink);padding:2px 7px;font-size:10px;animation:.9s ease-out both aura-rise;position:absolute;top:4px;left:50%;translate:-50%}@keyframes aura-rise{0%{opacity:0;translate:-50% 4px}18%{opacity:1;translate:-50% -14px}to{opacity:0;translate:-50% -52px}}.aura-count{white-space:nowrap;pointer-events:none;background:var(--paper);border:1px solid var(--line);font-family:var(--mono);letter-spacing:.18em;color:var(--ink-2);align-items:baseline;gap:5px;padding:3px 8px;font-size:8px;display:flex;position:absolute;top:100%;left:50%;translate:-50% 8px}.aura-count b{letter-spacing:.02em;color:var(--ink);font-size:12px;font-weight:700}#intro .sk-aura{width:5vw;max-width:78px;top:43%;left:7.5vw;rotate:-7deg}@media (width<=860px){#intro .sk-aura{rotate:-8deg;width:15vw!important;max-width:none!important;inset:62% 5% auto auto!important}.aura-pop{padding:1px 6px;font-size:9px}.aura-count{padding:2px 6px;font-size:7px;translate:-50% 5px}.aura-count b{font-size:10px}#what-i-do .sticker.sk-cursor,#what-i-do .sticker.sk-terminal,#what-i-do .sticker.sk-git,#experience .sticker.sk-blueprint,#experience .sticker.sk-badge,#experience .sticker.sk-clock,#experience .sticker.on-card,#projects .sticker.sk-rocket,#projects .sticker.sk-phone,#projects .sticker.on-card,#noddy .sticker.sk-floppy,#noddy .sticker.sk-wings,#noddy .sticker.sk-scouts,#noddy .sticker.sk-bulb,#noddy .sticker.sk-pixel,#noddy .sticker.on-card,#contact .sticker.sk-plane,#contact .sticker.sk-mailbox,#off-the-clock .sticker.sk-popcorn,#off-the-clock .sticker.sk-cassette,#off-the-clock .sticker.sk-mug,#off-the-clock .sticker.sk-headphones,#off-the-clock .sticker.on-card{display:block!important}#experience .job.heavy{padding-right:56px}#experience .job.heavy .sticker.on-card{rotate:-8deg;width:42px!important;inset:auto 6px 8px auto!important}.card.project .sticker.on-card{translate:0 -50%;rotate:7deg;width:38px!important;inset:50% 2px auto auto!important}#noddy .card.edu{padding-right:52px}#noddy .card.edu .sticker.on-card{rotate:6deg;width:40px!important;inset:auto 5px 8px auto!important}#off-the-clock .cluster.now .sticker.on-card{rotate:10deg;width:40px!important;inset:-12px -10px auto auto!important}#intro .sticker-macbook{rotate:-9deg;width:16vw!important;top:55%!important;left:-6%!important}#intro .sticker-shipping-box{rotate:8deg;width:13vw!important;top:22%!important;right:-6%!important}#what-i-do .sk-browser{rotate:-8deg;width:15vw!important;top:78%!important;left:-6%!important}#what-i-do .sk-terminal{rotate:7deg;width:14vw!important;top:62%!important;right:-6%!important}#experience .sk-clock{rotate:11deg;width:13vw!important;top:55%!important;right:-5%!important}#projects .sk-phone{rotate:8deg;width:13vw!important;top:30%!important;left:-5%!important}#noddy .sk-scouts{rotate:7deg;width:17vw!important;top:60%!important;left:-6%!important}#noddy .sk-bulb{rotate:-10deg;width:12vw!important;top:47%!important;right:-5%!important}#noddy .history .sk-floppy{rotate:-9deg;width:14vw!important;margin:0!important;position:absolute!important;top:84%!important;bottom:auto!important;left:-5%!important}#off-the-clock .sk-cassette{rotate:-11deg;width:14vw!important;top:30%!important;left:-6%!important}#off-the-clock .sk-mug{rotate:12deg;width:11vw!important;top:40%!important;right:-4%!important}#experience .job .sticker.on-card,#noddy .card .sticker.on-card,#off-the-clock .cluster.now .sticker.on-card{display:block!important}#intro .sticker-opentv-icon{width:12vw!important;top:44%!important;left:3%!important}#intro .sticker-macbook{width:15vw!important;top:62%!important;left:-6%!important}#intro .sticker-shipping-box{width:13vw!important;top:80%!important;right:-6%!important}#what-i-do .sk-git{width:13vw!important;top:20%!important;right:-3%!important}#what-i-do .sk-browser{width:14vw!important;top:76%!important;left:-6%!important}#what-i-do .sk-terminal{width:13vw!important;top:79%!important;left:34%!important;right:auto!important}#what-i-do .sk-cursor{width:13vw!important;top:89%!important;left:-5%!important}#experience .sk-badge{width:16vw!important;top:15%!important;right:-5%!important}#experience .sk-blueprint{width:15vw!important;top:88%!important;left:-6%!important}#experience .sk-clock{width:13vw!important;top:88%!important;right:-5%!important}.card.project .sticker.on-card{width:34px!important;right:5px!important}#projects .sk-rocket{width:17vw!important;top:14%!important;right:-5%!important}#projects .sk-phone{width:13vw!important;top:91%!important;left:-5%!important}#noddy .sk-pixel{width:26vw!important;top:20%!important;right:-6%!important}#noddy .sk-bulb{width:11vw!important;top:45%!important;right:7%!important}#noddy .sk-wings{width:13vw!important;top:58%!important;left:-7%!important}#noddy .sk-scouts{width:14vw!important;top:74%!important;left:-7%!important}#noddy .history .sk-floppy{width:12vw!important;top:40%!important;left:-7%!important}#contact .sk-plane{width:18vw!important;top:16%!important;right:-6%!important}#contact .sk-mailbox{width:15vw!important;top:79%!important;left:-6%!important}#off-the-clock .sk-popcorn{width:19vw!important;top:13%!important;right:-6%!important}#off-the-clock .sk-cassette{width:12vw!important;top:30%!important;left:-7%!important}#off-the-clock .sk-mug{width:11vw!important;top:47%!important;right:-7%!important}#off-the-clock .sk-headphones{width:12vw!important;top:72%!important;left:-7%!important}.card.project{padding-right:58px!important}#what-i-do .sk-git{top:13%!important}#what-i-do .sk-cursor,#experience .sk-blueprint,#experience .sk-clock{top:82%!important}#noddy .sk-bulb{top:36%!important;right:6%!important}#noddy .sk-scouts{top:66%!important}#noddy .sk-wings{top:52%!important}#intro .sticker-shipping-box{width:12vw!important;top:84%!important}#off-the-clock .sk-cassette{top:38%!important}#off-the-clock .sk-mug{top:53%!important}}@media (width<=860px) and (height<=700px){#what-i-do .sk-browser{top:82%!important}#what-i-do .sk-terminal{top:88%!important;left:40%!important}#what-i-do .sk-cursor{top:74%!important}#experience .sk-blueprint,#experience .sk-clock{top:76%!important}#noddy .sk-bulb{top:30%!important}#contact .sk-mailbox{top:72%!important}}@media (width<=860px){#experience .sk-blueprint{width:12vw!important;top:45%!important;left:-9%!important}#experience .sk-clock{width:12vw!important;top:62%!important;left:auto!important;right:-9%!important}#noddy .sk-scouts{width:13vw!important;top:58%!important;left:-9%!important}#noddy .sk-bulb{width:11vw!important;top:36%!important;left:auto!important;right:-9%!important}#noddy .sk-wings{width:12vw!important;top:44%!important;left:-9%!important}#noddy .history .sk-floppy{width:11vw!important;top:30%!important;left:-9%!important}#off-the-clock .sk-cassette{width:12vw!important;top:55%!important;left:-9%!important}#off-the-clock .sk-mug{width:11vw!important;top:42%!important;left:auto!important;right:-9%!important}#off-the-clock .sk-headphones{width:12vw!important;top:76%!important;left:-9%!important}#what-i-do .sk-git{width:12vw!important;top:13%!important;left:auto!important;right:-9%!important}#what-i-do .sk-browser{width:12vw!important;top:60%!important;left:-9%!important}#what-i-do .sk-cursor{width:12vw!important;top:74%!important;left:-9%!important}#what-i-do .sk-terminal{width:12vw!important;top:62%!important;left:auto!important;right:-9%!important}#intro .sticker-macbook{width:13vw!important;top:62%!important;left:-9%!important}#intro .sticker-shipping-box{width:12vw!important;top:78%!important;left:auto!important;right:-9%!important}#projects .sk-phone{width:12vw!important;top:78%!important;left:-9%!important}#contact .sk-mailbox{width:13vw!important;top:74%!important;left:-9%!important}#experience .stack-label,#noddy .lang{width:fit-content}#noddy .sk-scouts{top:68%!important}#off-the-clock .sk-cassette{top:66%!important}#experience .job h3,#noddy .card.cert .card-head{width:fit-content}#experience .sk-clock{top:68%!important}#noddy .sk-scouts{width:12vw!important;top:78%!important}#noddy .sk-bulb{top:330px!important}#intro .sticker:not(.on-card),#what-i-do .sticker:not(.on-card),#experience .sticker:not(.on-card),#projects .sticker:not(.on-card),#noddy .sticker:not(.on-card),#contact .sticker:not(.on-card),#off-the-clock .sticker:not(.on-card){height:auto!important;bottom:auto!important}}.sticker.sk-aura:after{content:none;display:none}@media (hover:none){.sticker:after{content:none;display:none}}@media (width<=860px){#intro .sticker-macbook{width:14vw!important;top:66%!important;left:5%!important}#intro .sticker-shipping-box{width:13vw!important;top:66%!important;left:70%!important;right:auto!important}#what-i-do .sk-git{width:13vw!important;top:17%!important;left:62%!important;right:auto!important}#what-i-do .sk-browser{width:13vw!important;top:76%!important;left:5%!important}#what-i-do .sk-cursor{width:12vw!important;top:78%!important;left:30%!important}#what-i-do .sk-terminal{width:13vw!important;top:76%!important;left:52%!important;right:auto!important}#experience .sk-clock{width:12vw!important;top:87%!important;left:75%!important;right:auto!important}#projects .sk-rocket{width:16vw!important;top:17%!important;left:auto!important;right:4%!important}#projects .sk-phone{width:12vw!important;top:24%!important;left:62%!important}#noddy .sk-pixel{width:26vw!important;top:20%!important;left:auto!important;right:4%!important}#noddy .sk-bulb{width:11vw!important;top:40%!important;left:50%!important;right:auto!important}#noddy .history .sk-floppy{width:11vw!important;top:44%!important;left:62%!important}#noddy .sk-wings{width:12vw!important;top:52%!important;left:72%!important}#noddy .sk-scouts{width:12vw!important;top:62%!important;left:72%!important}#contact .sk-plane{width:17vw!important;top:17%!important;left:auto!important;right:4%!important}#contact .sk-mailbox{width:14vw!important;top:76%!important;left:6%!important}#off-the-clock .sk-popcorn{width:18vw!important;top:14%!important;left:auto!important;right:3%!important}#off-the-clock .sk-cassette{width:12vw!important;top:23%!important;left:4%!important}#off-the-clock .sk-mug{width:10vw!important;top:23%!important;left:46%!important;right:auto!important}#off-the-clock .sk-headphones{width:12vw!important;top:23%!important;left:72%!important}#noddy .card h3,#noddy .card p,#noddy .card .when,#noddy .card small{width:fit-content}#what-i-do .sk-git{top:78%!important;left:76%!important}#experience .sk-blueprint{width:11vw!important;top:38%!important;left:76%!important}#experience .sk-clock{width:11vw!important;top:50%!important;left:76%!important}#off-the-clock .sk-mug{top:26%!important}}@media (width<=860px) and (height<=700px){#what-i-do .sk-browser{top:88%!important;left:5%!important}#what-i-do .sk-cursor{top:88%!important;left:30%!important}#what-i-do .sk-terminal{top:88%!important;left:55%!important}#what-i-do .sk-git{top:88%!important;left:78%!important}#experience .sk-blueprint{top:34%!important}#experience .sk-clock{top:46%!important}#contact .sk-mailbox{top:66%!important;left:6%!important}#noddy .sk-scouts{top:56%!important}}@media (width<=860px){#experience .job li,#experience .job h3,#noddy .card .when,#off-the-clock .lede,#what-i-do .note-card .hand{width:fit-content}#what-i-do .sk-git{top:62%!important;left:76%!important}#off-the-clock .sk-mug{width:10vw!important;top:50%!important;left:60%!important}}@media (width<=860px) and (height<=700px){#what-i-do .sk-browser,#what-i-do .sk-cursor,#what-i-do .sk-terminal{top:62%!important}#what-i-do .sk-git{top:62%!important;left:78%!important}#contact .sk-mailbox{top:58%!important}#off-the-clock .sk-mug{top:46%!important}}@media (width<=860px){#noddy .card.edu .when,#noddy .card.edu h3,#noddy .card.edu p{width:fit-content!important}#what-i-do .sk-git{width:11vw!important;top:87%!important;left:76%!important}#off-the-clock .sk-mug{top:32%!important;left:62%!important}}@media (width<=860px) and (height<=700px){#what-i-do .sk-browser{top:56%!important;left:-7%!important}#what-i-do .sk-cursor{top:74%!important;left:-7%!important}#what-i-do .sk-terminal{top:56%!important;left:auto!important;right:-7%!important}#what-i-do .sk-git{top:74%!important;left:auto!important;right:-7%!important}#contact .sk-mailbox{top:62%!important;left:-7%!important}#off-the-clock .sk-mug{top:28%!important;left:62%!important}}@media (width<=860px){#what-i-do .sk-git{top:84%!important}}@media (width<=860px) and (height<=700px){#what-i-do .sk-browser,#what-i-do .sk-cursor{width:13vw!important;left:-12%!important}#what-i-do .sk-terminal,#what-i-do .sk-git{width:13vw!important;left:auto!important;right:-12%!important}#off-the-clock .sk-mug{top:36%!important}}@media (width<=860px){#what-i-do .sk-git{width:8vw!important;top:85%!important;left:8%!important;right:auto!important}}@media (width<=860px) and (height<=700px){#what-i-do .sk-git{width:12vw!important;top:74%!important;left:auto!important;right:-12%!important}#off-the-clock .sk-mug{top:40%!important;left:auto!important;right:-12%!important}}@media (width<=860px) and (height>=701px){#what-i-do .sk-git{top:78%!important}}@media (width<=860px){#what-i-do .disc .anchor{top:auto;left:auto}#what-i-do .disc-web .anchor{bottom:0;right:0}#what-i-do .disc-mobile .anchor{bottom:0;left:0}#what-i-do .disc-desktop .anchor{top:0;right:0}#what-i-do .disc-backend .anchor{top:0;left:0}#what-i-do .sysbox .sys-out,#what-i-do .module .anchor{display:none}#intro .sticker-opentv-icon{width:11vw!important;top:6%!important;left:38%!important}#what-i-do .sk-git{width:9vw!important;top:15%!important;left:70%!important}.scene .hub-node{letter-spacing:.08em;width:58px;height:58px;font-size:9.5px}#intro .sticker-macbook{width:14vw!important;top:41%!important;left:7%!important}#intro .sk-aura{width:15vw!important;top:67%!important;left:9%!important;right:auto!important}#intro .sticker-shipping-box{width:13vw!important;top:69%!important;left:77%!important;right:auto!important}#what-i-do .sk-browser{width:13vw!important;top:76%!important;left:7%!important}#what-i-do .sk-cursor{width:12vw!important;top:86%!important;left:34%!important}#what-i-do .sk-terminal{width:13vw!important;top:85%!important;left:75%!important;right:auto!important}#experience .sk-badge{width:16vw!important;top:14%!important;left:62%!important;right:auto!important}#experience .sk-blueprint{width:11vw!important;top:31%!important;left:76%!important}#experience .sk-clock{width:11vw!important;top:47%!important;left:76%!important}#projects .sk-phone{width:10vw!important;top:87%!important;left:9%!important}#noddy .sk-bulb{width:11vw!important;top:47%!important;left:47%!important;right:auto!important}#noddy .history .sk-floppy{width:11vw!important;top:74%!important;left:76%!important}#noddy .sk-wings{width:11vw!important;top:62%!important;left:47%!important}#noddy .sk-scouts{width:12vw!important;top:74%!important;left:8%!important}#off-the-clock .sk-popcorn{width:18vw!important;top:14%!important;left:76%!important;right:auto!important}#off-the-clock .sk-cassette{width:12vw!important;top:24%!important;left:6%!important}#off-the-clock .sk-mug{width:10vw!important;top:31%!important;left:42%!important;right:auto!important}#off-the-clock .sk-headphones{width:12vw!important;top:36%!important;left:8%!important}#what-i-do .hub-node{letter-spacing:.06em;width:58px;height:58px;font-size:9.5px}#experience .sk-blueprint{top:36%!important}#off-the-clock .sk-headphones{top:41%!important;left:6%!important}.scene .card .posters li{display:block!important}.scene .card .posters{grid-template-columns:repeat(5,minmax(0,1fr))!important;justify-content:stretch!important;gap:3px!important}#what-i-do .disc-web .anchor,#what-i-do .disc-mobile .anchor{inset:auto auto 0 50%}#what-i-do .disc-desktop .anchor,#what-i-do .disc-backend .anchor{inset:0 auto auto 50%}}@media (width<=860px) and (width>=400px){#intro .sticker-noddy-car{inset:42.1% auto auto 70.6%!important}#intro .sk-aura{inset:19.2% auto auto .5%!important}#intro .sticker-macbook{inset:67.4% auto auto .5%!important}#intro .sticker-shipping-box{inset:71.3% auto auto 52.3%!important}#intro .sticker-opentv-icon{inset:40.6% auto auto 32.7%!important}#what-i-do .sk-git{inset:13.8% auto auto 50.9%!important}#what-i-do .sk-terminal{inset:84.3% auto auto .5%!important}#what-i-do .sk-browser{inset:39.8% auto auto .5%!important}#what-i-do .sk-cursor{inset:39.8% auto auto 84.6%!important}#experience .sk-badge{inset:13.8% auto auto 53.7%!important}#experience .sk-clock{inset:72% auto auto .5%!important}#experience .sk-blueprint{inset:87.4% auto auto 45.3%!important}#projects .sk-rocket{inset:13.8% auto auto 41.1%!important}#projects .sk-phone{inset:31.4% auto auto 87.4%!important}#noddy .sk-pixel{inset:13.8% auto auto 38.3%!important}#noddy .sk-bulb{inset:29.9% auto auto 86%!important}#noddy .sk-wings{inset:43.7% auto auto 42.5%!important}#noddy .history .sk-floppy{inset:74.3% auto auto 59.3%!important}#noddy .sk-scouts{inset:13.8% auto auto 76.2%!important}#contact .sk-plane{inset:13.8% auto auto 50.9%!important}#contact .sk-mailbox{inset:82% auto auto .5%!important}#off-the-clock .sk-popcorn{inset:53.6% auto auto .5%!important}#off-the-clock .sk-mug{inset:13.8% auto auto 32.7%!important}#off-the-clock .sk-cassette{inset:86.6% auto auto 60.7%!important}#off-the-clock .sk-headphones{inset:16.1% auto auto 86%!important}}@media (width<=399px) and (height>=720px){#intro .sticker-noddy-car{inset:38.3% auto auto .5%!important}#intro .sk-aura{inset:66.8% auto auto 82.1%!important}#intro .sticker-macbook{inset:69% auto auto .5%!important}#intro .sticker-shipping-box{inset:18.8% auto auto 85.1%!important}#intro .sticker-opentv-icon{inset:18.8% auto auto 31.3%!important}#what-i-do .sk-git{inset:13.5% auto auto 55.9%!important}#what-i-do .sk-terminal{inset:85.5% auto auto .5%!important}#what-i-do .sk-browser{inset:36% auto auto .5%!important}#what-i-do .sk-cursor{inset:36% auto auto 85.1%!important}#experience .sk-badge{inset:13.5% auto auto 59%!important}#experience .sk-clock{inset:73.5% auto auto .5%!important}#projects .sk-rocket{inset:13.5% auto auto 42.1%!important}#projects .sk-phone{inset:28.5% auto auto 88.2%!important}#noddy .sk-pixel{inset:13.5% auto auto 42.1%!important}#noddy .sk-bulb{inset:43.5% auto auto 37.4%!important}#noddy .sk-wings{inset:33% auto auto 86.7%!important}#noddy .history .sk-floppy{inset:75.8% auto auto 65.1%!important}#noddy .sk-scouts{inset:17.3% auto auto .5%!important}#contact .sk-plane{inset:13.5% auto auto 51.3%!important}#contact .sk-mailbox{inset:83.3% auto auto .5%!important}#off-the-clock .sk-popcorn{inset:21% auto auto .5%!important}#off-the-clock .sk-mug{inset:86.3% auto auto 63.6%!important}#off-the-clock .sk-cassette{inset:61.5% auto auto .5%!important}#off-the-clock .sk-headphones{inset:13.5% auto auto 72.8%!important}#noddy .sk-key{inset:38.57% auto auto 66.68%!important}#experience .sk-blueprint{inset:55.76% auto auto 45.16%!important}}@media (width<=399px) and (height<=719px){#intro .sk-aura{inset:22.5% auto auto 30.6%!important}#intro .sticker-macbook{inset:64.7% auto auto 82.2%!important}#intro .sticker-shipping-box{inset:67.5% auto auto .6%!important}#intro .sticker-opentv-icon{inset:41.3% auto auto .6%!important}#what-i-do .sk-git{inset:16.9% auto auto 60.6%!important}#what-i-do .sk-terminal{inset:82.5% auto auto 83.9%!important}#what-i-do .sk-browser{inset:63.7% auto auto .6%!important}#what-i-do .sk-cursor{inset:44.1% auto auto 85.6%!important}#experience .sk-badge{inset:16.9% auto auto 63.9%!important}#experience .sk-clock{inset:83.4% auto auto .6%!important}#projects .sk-rocket{inset:16.9% auto auto 58.9%!important}#projects .sk-phone{inset:16.9% auto auto .6%!important}#noddy .sk-pixel{inset:16.9% auto auto 43.9%!important}#noddy .sk-bulb{inset:16.9% auto auto .6%!important}#noddy .sk-wings{inset:50.6% auto auto 38.9%!important}#noddy .history .sk-floppy{inset:40.3% auto auto 85.6%!important}#noddy .sk-scouts{inset:16.9% auto auto 85.6%!important}#contact .sk-plane{inset:16.9% auto auto 67.2%!important}#contact .sk-mailbox{inset:45.9% auto auto .6%!important}#off-the-clock .sk-popcorn{inset:47.8% auto auto .6%!important}#off-the-clock .sk-mug{inset:83.4% auto auto 38.9%!important}#off-the-clock .sk-cassette{inset:16.9% auto auto 33.9%!important}#off-the-clock .sk-headphones{inset:16.9% auto auto 75.6%!important}#experience .sk-blueprint{inset:85.63% auto auto 45.5%!important}}@media (width>=400px) and (width<=860px) and (height>=850px){#off-the-clock .sk-popcorn{inset:11.6% auto auto 32.6%!important}#off-the-clock .sk-headphones{inset:61.8% auto auto .5%!important}#off-the-clock .sk-cassette{inset:88.8% auto auto 84.2%!important}#off-the-clock .sk-mug{inset:88.8% auto auto 22.8%!important}#noddy .sk-key{inset:38.93% auto auto 74.62%!important}}@media (width>=600px) and (width<=860px) and (height<=680px){.scene .card .posters li:nth-child(n+7){display:none!important}}@media (width<=860px){#what-i-do .hub-wrap{flex-direction:column;gap:6px;display:flex}#what-i-do .disc{order:6;width:100%!important}#what-i-do .disc-web{order:1}#what-i-do .hub-node{order:2;align-self:center;margin:2px 0}#what-i-do .disc-mobile{order:3}#what-i-do .disc-desktop{order:4}#what-i-do .disc-backend{order:5}#what-i-do .ring-a{order:7}#what-i-do .disc-web .anchor{inset:auto auto 0 50%}#what-i-do .disc-mobile .anchor,#what-i-do .disc-desktop .anchor,#what-i-do .disc-backend .anchor{inset:0 auto auto 50%}#what-i-do .disc{padding:6px 10px 7px}#what-i-do .disc-tech{margin-top:2px}}@media (width<=860px) and (width>=400px){#what-i-do .sk-git{inset:13.8% auto auto 50.9%!important}#what-i-do .sk-terminal{inset:84.3% auto auto .5%!important}#what-i-do .sk-browser{inset:32.2% auto auto .5%!important}#what-i-do .sk-cursor{inset:75.1% auto auto 50.9%!important}}@media (width<=399px) and (height>=720px){#what-i-do .sk-git{inset:11.7% auto auto 55.9%!important}#what-i-do .sk-terminal{inset:27.8% auto auto .5%!important}#what-i-do .sk-browser{inset:28.5% auto auto 83.6%!important}#what-i-do .sk-cursor{inset:14.9% auto auto 85.1%!important}}@media (width<=399px) and (height<=719px){#what-i-do .sk-git{inset:16.9% auto auto 60.6%!important}#what-i-do .sk-terminal{inset:53.4% auto auto .6%!important}#what-i-do .sk-browser{inset:53.4% auto auto 83.9%!important}#what-i-do .sk-cursor{inset:32.8% auto auto 85.6%!important}}@media (width>=400px) and (width<=860px) and (height>=850px){#what-i-do .sk-git{inset:11.6% auto auto 50.7%!important}#what-i-do .sk-terminal{inset:86.9% auto auto .5%!important}#what-i-do .sk-browser{inset:27.7% auto auto .5%!important}#what-i-do .sk-cursor{inset:79.2% auto auto 52.1%!important}}@media (width<=860px){#what-i-do .lede{margin-top:16px}#what-i-do .hub-wrap{gap:4px;margin-top:12px}#what-i-do .hub-node{width:50px;height:50px;margin:1px 0;font-size:9px}#what-i-do .disc{padding:5px 10px 6px}#what-i-do .disc-title{font-size:9.5px}#what-i-do .disc-tech{margin-top:1px;font-size:8.5px}#what-i-do .module{margin-top:12px;padding:9px 11px 10px}#what-i-do .note-a{text-align:right;background:0 0;border:0;width:78%;margin-top:10px;margin-left:auto;padding:0}#what-i-do .note-a .note-label{display:none}#what-i-do .note-card .hand.lg{font-size:14px;line-height:1.3}#what-i-do{padding-top:84px}#what-i-do .title{font-size:min(11.5vw,52px)}#what-i-do .lede{line-height:1.35}#what-i-do .hub-wrap{gap:3px}#what-i-do .module .code{font-size:8px;line-height:1.4}#what-i-do .note-card .hand.lg{font-size:13px}}@media (width<=860px) and (width>=400px) and (height<=849px){#what-i-do .sk-git{inset:13.8% auto auto 50.9%!important}#what-i-do .sk-terminal{inset:29.9% auto auto 84.6%!important}#what-i-do .sk-browser{inset:13.8% auto auto 80.4%!important}#what-i-do .sk-cursor{inset:30.7% auto auto 56.5%!important}#noddy .sk-key{inset:34.08% auto auto 66.55%!important}}@media (width<=399px) and (height>=720px){#what-i-do .sk-git{inset:13.5% auto auto 55.9%!important}#what-i-do .sk-terminal{inset:19.5% auto auto 83.6%!important}#what-i-do .sk-browser{inset:13.5% auto auto 71.3%!important}#what-i-do .sk-cursor{inset:20.2% auto auto 65.1%!important}}@media (width<=399px) and (height<=719px){#what-i-do .sk-git{inset:16.9% auto auto 60.6%!important}#what-i-do .sk-terminal{inset:38.4% auto auto 83.9%!important}#what-i-do .sk-browser{inset:56.3% auto auto .6%!important}#what-i-do .sk-cursor{inset:39.4% auto auto 33.9%!important}}@media (width>=400px) and (width<=860px) and (height>=850px){#what-i-do .sk-git{inset:11.6% auto auto 50.7%!important}#what-i-do .sk-terminal{inset:86.9% auto auto .5%!important}#what-i-do .sk-browser{inset:82.4% auto auto 84.2%!important}#what-i-do .sk-cursor{inset:22.5% auto auto 85.6%!important}}@media (width<=860px){#what-i-do .hub-wrap{align-items:start;grid-template-columns:1fr 1fr!important;gap:7px 10px!important;display:grid!important}#what-i-do .disc{grid-column:auto!important;width:auto!important}#what-i-do .disc-web{order:1}#what-i-do .disc-mobile{order:2}#what-i-do .hub-node{order:3;grid-column:1/-1;justify-self:center;margin:3px 0}#what-i-do .disc-desktop{order:4}#what-i-do .disc-backend{order:5}#what-i-do .disc-web .anchor,#what-i-do .disc-mobile .anchor{inset:auto auto 0 50%}#what-i-do .disc-desktop .anchor,#what-i-do .disc-backend .anchor{inset:0 auto auto 50%}}@media (width<=860px) and (width>=400px) and (height<=849px){#what-i-do .sk-git{inset:20.69% auto auto 51.23%!important}#what-i-do .sk-terminal{inset:84.3% auto auto .5%!important}#what-i-do .sk-browser{inset:78.2% auto auto 84.6%!important}#what-i-do .sk-cursor{inset:29.38% auto auto 4.55%!important}}@media (width<=399px) and (height>=720px){#what-i-do .sk-git{inset:19.48% auto auto 55.97%!important}#what-i-do .sk-terminal{inset:85.5% auto auto .5%!important}#what-i-do .sk-browser{inset:66.11% auto auto 80.15%!important}#what-i-do .sk-cursor{inset:41.42% auto auto 4.96%!important}}@media (width<=399px) and (height<=719px){#what-i-do .sk-git{inset:23.4% auto auto 59.84%!important}#what-i-do .sk-terminal{inset:63.95% auto auto 4.99%!important}#what-i-do .sk-browser{inset:63.7% auto auto 83.9%!important}#what-i-do .sk-cursor{inset:42.45% auto auto 37.04%!important}}@media (width>=400px) and (width<=860px) and (height>=850px){#what-i-do .sk-git{inset:17.03% auto auto 50.24%!important}#what-i-do .sk-terminal{inset:86.9% auto auto .5%!important}#what-i-do .sk-browser{inset:64.41% auto auto 81.82%!important}#what-i-do .sk-cursor{inset:42.13% auto auto 4.71%!important}}.bubble{z-index:100;background:var(--ink);max-width:min(280px,100vw - 32px);color:var(--paper);border:2px solid var(--paper);font-family:var(--mono);letter-spacing:.02em;text-align:left;white-space:normal;pointer-events:none;border-radius:7px;padding:7px 11px;font-size:11px;line-height:1.35;animation:.21s cubic-bezier(.2,1.3,.4,1) both bubble-in;position:fixed;box-shadow:0 6px 18px #14120e33}.bubble-tail{background:var(--ink);border:2px solid var(--paper);width:9px;height:9px;position:absolute;rotate:45deg}.bubble[data-side=top] .bubble-tail{border-top:0;border-left:0;bottom:-6px;translate:-50%}.bubble[data-side=bottom] .bubble-tail{border-bottom:0;border-right:0;top:-6px;translate:-50%}.bubble[data-side=right] .bubble-tail{border-top:0;border-right:0;left:-6px;translate:0 -50%}.bubble[data-side=left] .bubble-tail{border-bottom:0;border-left:0;right:-6px;translate:0 -50%}@keyframes bubble-in{0%{opacity:0;translate:0 5px;scale:.92}to{opacity:1;translate:0;scale:1}}.sticker[data-play] img{animation-duration:.38s;animation-timing-function:cubic-bezier(.3,1.4,.5,1)}.sticker[data-play=pop] img{animation-name:fl-pop}.sticker[data-play=drive] img{animation-name:fl-drive}.sticker[data-play=squash] img{animation-name:fl-squash}.sticker[data-play=flex] img{animation-name:fl-flex}.sticker[data-play=nudge] img{animation-name:fl-nudge}.sticker[data-play=blink] img{animation-name:fl-blink}.sticker[data-play=swing] img{transform-origin:top;animation-name:fl-swing}.sticker[data-play=tick] img{animation-name:fl-tick}.sticker[data-play=hop] img{animation-name:fl-hop}.sticker[data-play=press] img{animation-name:fl-press}.sticker[data-play=toss] img{animation-name:fl-toss}.sticker[data-play=breathe] img{animation-name:fl-breathe}.sticker[data-play=glow] img{animation-name:fl-glow}.sticker[data-play=jump] img{animation-name:fl-jump;animation-timing-function:steps(3,end)}.sticker[data-play=tilt] img{animation-name:fl-tilt}.sticker[data-play=bounce] img{animation-name:fl-bounce}.sticker[data-play=slide] img{animation-name:fl-slide}.sticker[data-play=steam] img{animation-name:fl-steam}.sticker[data-play=pulse] img{animation-name:fl-pulse}.sticker[data-play=clap] img{transform-origin:0 100%;animation-name:fl-clap}@keyframes fl-pop{0%,to{rotate:0deg;scale:1}35%{rotate:-3deg;scale:.92}65%{rotate:2deg;scale:1.05}}@keyframes fl-drive{0%,to{translate:0;rotate:0deg}40%{translate:14px;rotate:2deg}70%{translate:-4px}}@keyframes fl-squash{0%,to{scale:1}35%{scale:1.1 .9}70%{scale:.95 1.04}}@keyframes fl-flex{0%,to{scale:1}40%{scale:1.09}70%{scale:.97}}@keyframes fl-nudge{0%,to{translate:0;rotate:0deg}45%{translate:5px -3px;rotate:-6deg}}@keyframes fl-blink{0%,to{opacity:1;scale:1}25%,55%{opacity:.55}40%{opacity:1;scale:1.04}}@keyframes fl-swing{0%,to{rotate:0deg}30%{rotate:9deg}60%{rotate:-6deg}85%{rotate:3deg}}@keyframes fl-tick{0%,to{rotate:0deg;scale:1}30%{rotate:12deg}60%{rotate:-8deg;scale:1.03}}@keyframes fl-hop{0%,to{translate:0;rotate:0deg}45%{translate:0 -15px;rotate:-5deg}75%{translate:0 3px}}@keyframes fl-press{0%,to{translate:0;scale:1}40%{translate:0 4px;scale:.95}}@keyframes fl-toss{0%,to{translate:0;rotate:0deg}45%{translate:0 -12px;rotate:14deg}}@keyframes fl-breathe{0%,to{scale:1}50%{scale:1.08}}@keyframes fl-glow{0%,to{filter:none;scale:1}45%{filter:drop-shadow(0 0 9px #f5c51899);scale:1.07}}@keyframes fl-jump{0%,to{translate:0}33%{translate:-3px -5px}66%{translate:3px -2px}}@keyframes fl-tilt{0%,to{translate:0;rotate:0deg}40%{translate:0 -4px;rotate:-8deg}70%{rotate:4deg}}@keyframes fl-bounce{0%,to{translate:0}40%{translate:0 -13px}70%{translate:0 2px}}@keyframes fl-slide{0%,to{translate:0}30%{translate:-8px}65%{translate:6px}}@keyframes fl-steam{0%,to{filter:none;translate:0}50%{filter:drop-shadow(0 -8px 6px #fff8);translate:0 -5px}}@keyframes fl-pulse{0%,to{scale:1}25%{scale:1.07}50%{scale:1}75%{scale:1.05}}@keyframes fl-clap{0%,to{rotate:0deg}35%{rotate:-13deg}70%{rotate:5deg}}.sticker:focus-visible{outline:2px solid var(--amber);outline-offset:3px}@media (prefers-reduced-motion:reduce){.sticker[data-play] img,.bubble{animation:none}}.bubble-link{pointer-events:auto;color:var(--amber);letter-spacing:.08em;border-bottom:1px solid #f5c51855;width:fit-content;margin-top:5px;padding-bottom:1px;font-size:10px;text-decoration:none;display:block}.bubble-link:hover,.bubble-link:focus-visible{border-bottom-color:var(--amber)}@media (width<=860px){.clusters{align-items:start;columns:auto!important;grid-template-columns:1fr 1fr!important;grid-template-areas:none!important;gap:8px 10px!important;display:grid!important}#off-the-clock .cluster{break-inside:auto;width:auto!important;display:block!important}#off-the-clock .cluster.watch{grid-area:1/1/auto/-1!important}#off-the-clock .cluster.listen{grid-area:2/1!important}#off-the-clock .cluster.now{grid-area:2/2!important;margin-top:0!important}.scene .card .posters{margin-top:6px;grid-template-columns:1fr 1fr!important;justify-content:stretch!important;gap:2px 10px!important;display:grid!important}.scene .card .posters li{flex:none!important;display:block!important}.scene .card .posters li a{grid-template-columns:22px 1fr;align-items:center;gap:0 7px;display:grid!important}.scene .card .posters li a .art{aspect-ratio:2/3;grid-area:1/1/span 2;width:22px}:is(.scene .card .posters li a span,.scene .card .posters li a:has(img.art) span){color:var(--ink);grid-column:2;font-size:9px;line-height:1.2;display:block!important}.scene .card .posters li a small{display:none!important}.art.tile{font-size:6px}#off-the-clock .title{margin-top:16px}.clusters{margin-top:6px!important}#off-the-clock .cluster.listen .covers li:nth-child(n+5),#off-the-clock .cluster.now dl div:nth-child(n+4){display:none}#off-the-clock .cluster .card-head{margin-bottom:5px}.scene .card .posters li a{column-gap:6px}.scene .card .posters li a .art{width:20px}.scene .card .posters li a span{font-size:8.5px;line-height:1.15}#off-the-clock .cluster.watch{padding:7px 9px 8px}}@media (width<=860px) and (width>=400px) and (height<=849px){#off-the-clock .sk-popcorn{inset:13.8% auto auto 32.7%!important}#off-the-clock .sk-mug{inset:85.1% auto auto 45.3%!important}#off-the-clock .sk-cassette{inset:23.8% auto auto 86%!important}#off-the-clock .sk-headphones{inset:79.7% auto auto 86%!important}}@media (width<=399px) and (height>=720px){#off-the-clock .sk-popcorn{inset:13.5% auto auto 34.4%!important}#off-the-clock .sk-mug{inset:86.3% auto auto 49.7%!important}#off-the-clock .sk-cassette{inset:25.5% auto auto 85.1%!important}#off-the-clock .sk-headphones{inset:78% auto auto 86.7%!important}}@media (width<=399px) and (height<=719px){#off-the-clock .sk-popcorn{inset:16.9% auto auto 33.9%!important}#off-the-clock .sk-mug{inset:45% auto auto .6%!important}#off-the-clock .sk-cassette{inset:37.5% auto auto 85.6%!important}#off-the-clock .sk-headphones{inset:46.9% auto auto 43.9%!important}}@media (width>=400px) and (width<=860px) and (height>=850px){#off-the-clock .sk-popcorn{inset:11.6% auto auto 32.6%!important}#off-the-clock .sk-mug{inset:87.6% auto auto 45.1%!important}#off-the-clock .sk-cassette{inset:26.4% auto auto 85.6%!important}#off-the-clock .sk-headphones{inset:83% auto auto 85.6%!important}}@media (width<=860px) and (height<=800px){.scene .card .posters li:nth-child(n+9){display:none!important}}@media (width<=860px) and (height<=745px){.scene .card .posters li:nth-child(n+7){display:none!important}#off-the-clock .cluster.listen .covers li:nth-child(n+4){display:none}}@media (width<=860px) and (height<=655px){.scene .card .posters li:nth-child(n+5){display:none!important}#off-the-clock .cluster.now dl div:nth-child(n+3){display:none}}@media (width>=600px) and (width<=860px) and (height<=860px){.scene .card .posters li:nth-child(n+7){display:none!important}}@media (width<=860px) and (width>=400px) and (height<=849px){#intro .sk-postit{inset:19.41% auto auto 35.57%!important}#intro .sk-battery{inset:63.3% auto auto 78.96%!important}#intro .sk-wrench{inset:48.29% auto auto 2.96%!important}#what-i-do .sk-ruler{inset:46.52% auto auto 74.77%!important}#what-i-do .sk-compass{inset:21.93% auto auto 80.73%!important}#experience .sk-atom{inset:44.25% auto auto 54.45%!important}#experience .sk-marble{inset:89.22% auto auto 75.84%!important}#off-the-clock .sk-ticket{inset:14.48% auto auto 59.85%!important}#off-the-clock .sk-snitch{inset:28.88% auto auto 59.2%!important}#off-the-clock .sk-platform{inset:75.44% auto auto 28.28%!important}}@media (width<=399px) and (height>=720px){#intro .sk-postit{inset:42.22% auto auto 69.77%!important}#intro .sk-battery{inset:71.67% auto auto 38.92%!important}#intro .sk-wrench{inset:38.97% auto auto 36.81%!important}#what-i-do .sk-ruler{inset:85.52% auto auto 56.2%!important}#what-i-do .sk-compass{inset:18.36% auto auto 80.86%!important}#experience .sk-atom{inset:40.28% auto auto 81.03%!important}#experience .sk-marble{inset:89.52% auto auto 44.72%!important}#off-the-clock .sk-ticket{inset:14.1% auto auto 62.55%!important}#off-the-clock .sk-snitch{inset:76.27% auto auto 31.25%!important}#off-the-clock .sk-platform{inset:76.06% auto auto 55.64%!important}}@media (width<=399px) and (height<=719px){#intro .sk-wrench{inset:53.27% auto auto 9.82%!important}#intro .sk-postit{inset:43.28% auto auto 16.98%!important}#intro .sk-battery{inset:22.72% auto auto 1.9%!important}#what-i-do .sk-compass{inset:38.74% auto auto 84.07%!important}#what-i-do .sk-ruler{inset:85.83% auto auto 45.37%!important}#experience .sk-atom{inset:49.24% auto auto 52.55%!important}#experience .sk-marble{inset:63.04% auto auto 14.99%!important}#off-the-clock .sk-ticket{inset:24.78% auto auto 2.31%!important}#off-the-clock .sk-snitch{inset:87.53% auto auto 16.87%!important}#off-the-clock .sk-platform{inset:88.37% auto auto 58.5%!important}}@media (width>=400px) and (width<=860px) and (height>=850px){#intro .sk-postit{inset:16.31% auto auto 66.14%!important}#intro .sk-battery{inset:61.54% auto auto 78.65%!important}#intro .sk-wrench{inset:50.18% auto auto 3.02%!important}#what-i-do .sk-ruler{inset:86.97% auto auto 63.62%!important}#what-i-do .sk-compass{inset:22.89% auto auto 80.43%!important}#experience .sk-atom{inset:41.05% auto auto 82.11%!important}#experience .sk-marble{inset:29.25% auto auto 1.64%!important}#off-the-clock .sk-ticket{inset:12.12% auto auto 65.19%!important}#off-the-clock .sk-snitch{inset:79.67% auto auto 57.52%!important}#off-the-clock .sk-platform{inset:89.78% auto auto 62.97%!important}}@media (width>=309px) and (width<=331px) and (height>=666px) and (height<=714px){#intro .sk-wrench{inset:41.52% auto auto 36.91%!important}#intro .sk-postit{inset:72.42% auto auto 43.43%!important}#intro .sk-battery{inset:21.14% auto auto 84.66%!important}#what-i-do .sk-compass{inset:24.58% auto auto 2.53%!important}#what-i-do .sk-ruler{inset:87.34% auto auto 47.47%!important}#experience .sk-atom{inset:49.96% auto auto 53.25%!important}#experience .sk-marble{inset:66.24% auto auto 20.65%!important}#off-the-clock .sk-ticket{inset:26.46% auto auto 2.36%!important}#off-the-clock .sk-snitch{inset:88.99% auto auto 2.11%!important}#off-the-clock .sk-platform{inset:70.62% auto auto 31.92%!important}#noddy .sk-key{inset:49.85% auto auto 71.28%!important}#experience .sk-badge{inset:16.16% auto auto 78.91%!important}#experience .sk-clock{inset:19.5% auto auto 2.9%!important}}@media (width>=349px) and (width<=371px) and (height>=616px) and (height<=664px){#intro .sk-wrench{inset:53.22% auto auto 9.65%!important}#intro .sk-postit{inset:43.35% auto auto 17.04%!important}#intro .sk-battery{inset:22.72% auto auto 2.03%!important}#what-i-do .sk-compass{inset:38.78% auto auto 84.09%!important}#what-i-do .sk-ruler{inset:85.77% auto auto 45.54%!important}#experience .sk-atom{inset:49.16% auto auto 52.42%!important}#experience .sk-marble{inset:62.92% auto auto 15.03%!important}#off-the-clock .sk-ticket{inset:24.88% auto auto 2.19%!important}#off-the-clock .sk-snitch{inset:87.5% auto auto 16.97%!important}#off-the-clock .sk-platform{inset:88.37% auto auto 58.55%!important}#noddy .sk-key{inset:47.22% auto auto 66.9%!important}}@media (width>=349px) and (width<=371px) and (height>=756px) and (height<=804px){#intro .sk-postit{inset:42.52% auto auto 70.5%!important}#intro .sk-battery{inset:71.91% auto auto 38.8%!important}#intro .sk-wrench{inset:55.25% auto auto 8.33%!important}#what-i-do .sk-ruler{inset:86.1% auto auto 59.1%!important}#what-i-do .sk-compass{inset:41.88% auto auto 60.85%!important}#experience .sk-atom{inset:39.65% auto auto 81.14%!important}#experience .sk-marble{inset:89.46% auto auto 46.89%!important}#off-the-clock .sk-ticket{inset:14.4% auto auto 62.53%!important}#off-the-clock .sk-snitch{inset:88.18% auto auto 70.51%!important}#off-the-clock .sk-platform{inset:53.31% auto auto 51.78%!important}#noddy .sk-key{inset:38.77% auto auto 67.06%!important}#experience .sk-badge{inset:14.25% auto auto 65.51%!important}#experience .sk-clock{inset:70.4% auto auto 2.71%!important}}@media (width>=364px) and (width<=386px) and (height>=643px) and (height<=691px){#intro .sk-wrench{inset:53.74% auto auto 9.47%!important}#intro .sk-postit{inset:21.87% auto auto 2.1%!important}#intro .sk-battery{inset:72.32% auto auto 41.88%!important}#what-i-do .sk-compass{inset:25.46% auto auto 2.19%!important}#what-i-do .sk-ruler{inset:86.79% auto auto 47%!important}#experience .sk-atom{inset:50.75% auto auto 50.39%!important}#experience .sk-marble{inset:89.16% auto auto 46.36%!important}#off-the-clock .sk-ticket{inset:24.69% auto auto 2.3%!important}#off-the-clock .sk-snitch{inset:88.53% auto auto 16.16%!important}#off-the-clock .sk-platform{inset:88.27% auto auto 57.61%!important}#noddy .sk-key{inset:48.02% auto auto 67.51%!important}}@media (width>=382px) and (width<=404px) and (height>=828px) and (height<=876px){#intro .sk-postit{inset:41.83% auto auto 69.2%!important}#intro .sk-battery{inset:73.65% auto auto 40.2%!important}#intro .sk-wrench{inset:42.17% auto auto 38.26%!important}#what-i-do .sk-ruler{inset:86.68% auto auto 60.43%!important}#what-i-do .sk-compass{inset:20.03% auto auto 80.33%!important}#experience .sk-atom{inset:40.57% auto auto 80.58%!important}#experience .sk-marble{inset:90.44% auto auto 44.3%!important}#off-the-clock .sk-ticket{inset:13.21% auto auto 65.08%!important}#off-the-clock .sk-snitch{inset:77.25% auto auto 30.95%!important}#off-the-clock .sk-platform{inset:77.02% auto auto 55.25%!important}#noddy .sk-key{inset:12.98% auto auto 79.93%!important}}@media (width>=401px) and (width<=423px) and (height>=891px) and (height<=939px){#intro .sk-postit{inset:16.61% auto auto 67.42%!important}#intro .sk-battery{inset:50.85% auto auto 1.94%!important}#intro .sk-wrench{inset:60.92% auto auto 82.98%!important}#what-i-do .sk-ruler{inset:87.29% auto auto 66.45%!important}#what-i-do .sk-compass{inset:22.6% auto auto 81.1%!important}#experience .sk-atom{inset:41.13% auto auto 81.16%!important}#experience .sk-marble{inset:27.84% auto auto 1.54%!important}#off-the-clock .sk-ticket{inset:12.35% auto auto 66.55%!important}#off-the-clock .sk-snitch{inset:79.15% auto auto 29.51%!important}#off-the-clock .sk-platform{inset:89.38% auto auto 65.63%!important}#noddy .sk-key{inset:38.99% auto auto 74.88%!important}}@media (width>=403px) and (width<=425px) and (height>=872px) and (height<=920px){#intro .sk-postit{inset:16.98% auto auto 65.81%!important}#intro .sk-battery{inset:51.22% auto auto 2.04%!important}#intro .sk-wrench{inset:61.61% auto auto 82.81%!important}#what-i-do .sk-ruler{inset:87.08% auto auto 64.62%!important}#what-i-do .sk-compass{inset:21.78% auto auto 80.57%!important}#experience .sk-atom{inset:41.32% auto auto 82.31%!important}#experience .sk-marble{inset:27.04% auto auto 1.52%!important}#off-the-clock .sk-ticket{inset:12.65% auto auto 64.71%!important}#off-the-clock .sk-snitch{inset:78.84% auto auto 29.33%!important}#off-the-clock .sk-platform{inset:89.28% auto auto 65.49%!important}#noddy .sk-key{inset:39.15% auto auto 74.53%!important}}@media (width<=860px){.moon{left:auto;right:var(--gut);border-left:0;gap:6px;margin-left:0;padding-left:0}.moon .sk-moon{width:26px}.moon-say{opacity:1;font-size:13px}}@media (width<=380px){.moon-say{font-size:12px}.moon .sk-moon{width:23px}}[data-plugged] .ring,[data-plugged] i{background:var(--ink);border-color:var(--ink)}.stage-dot[data-linked],.ring[data-linked]{border-color:var(--amber)}.scene [data-near],.stage [data-near]{border-color:var(--amber);border-style:dashed}.scene [data-linked],.stage [data-linked]{border-color:var(--amber);border-style:solid}.scene .card[data-linked],.stage .card[data-linked]{box-shadow:0 0 0 1px var(--amber)}.sysnode{cursor:grab}.sysnode:hover .ring{border-color:var(--amber)}@media (width>=861px) and (height<=960px){.scene{gap:12px 40px;padding:112px 48px 66px}.scene-head{top:74px}.scene .foot{margin-top:4px;padding-top:8px}}@media (width>=861px) and (height<=880px){.scene{padding:104px 48px 42px}.scene-head{top:68px}.disc{padding:8px 11px}.disc-tech{margin-top:4px}}@media (width>=1441px) and (width<=1550px) and (height<=900px){#intro .sk-postit{top:57.4%;left:92.2%}#intro .sk-wrench{top:10.6%;left:35.42%}#intro .sk-battery{top:40.87%;left:90.18%}#what-i-do .sk-compass{top:53%;left:4.6%}#what-i-do .sk-ruler{top:26.98%;left:32.49%}#experience .sk-atom{top:62%;left:46%}#experience .sk-marble{top:27.66%;left:24.83%}#off-the-clock .sk-ticket{top:42.69%;left:19.27%}#off-the-clock .sk-snitch{top:83.9%;left:32.27%}#noddy .sk-key{top:35.2%;left:34.01%}#off-the-clock .sk-platform{top:3.96%;left:34.08%}}@media (width>=1081px) and (width<=1180px) and (height<=800px){#intro .sk-postit{top:49.81%;left:92.21%}#intro .sk-wrench{top:23.66%;left:36.91%}#intro .sk-battery{top:85.9%;left:76.44%}#what-i-do .sk-compass{top:53%;left:4.6%}#what-i-do .sk-ruler{top:30.96%;left:33.75%}#experience .sk-atom{top:62%;left:46%}#experience .sk-marble{top:74.47%;left:.62%}#off-the-clock .sk-ticket{top:45.16%;left:26.63%}#off-the-clock .sk-snitch{top:70.72%;left:45%}#off-the-clock .sk-platform{top:3.38%;left:43.53%}}@media (width>=861px) and (width<=980px) and (height<=760px){#intro .sk-postit{top:46.02%;left:91.28%}#intro .sk-wrench{top:84.27%;left:80.41%}#intro .sk-battery{top:14.79%;left:33.91%}#what-i-do .sk-compass{top:53%;left:4.6%}#what-i-do .sk-ruler{top:85.38%;left:13.19%}#experience .sk-atom{top:69.68%;left:51.58%}#experience .sk-marble{top:70.26%;left:1.2%}#off-the-clock .sk-ticket{top:69.7%;left:32.63%}#off-the-clock .sk-snitch{top:42.65%;left:31.31%}#off-the-clock .sk-platform{top:12.38%;left:44.93%}}@media (width>=1701px){#off-the-clock .sk-popcorn{inset:.95% auto auto 21.96%}#off-the-clock .sk-platform{inset:3.18% auto auto 28.89%}}@media (width>=1551px) and (width<=1700px){#off-the-clock .sk-popcorn{inset:1.07% auto auto 25.24%}#off-the-clock .sk-platform{inset:3.45% auto auto 33.57%}}@media (width>=1441px) and (width<=1550px){#off-the-clock .sk-popcorn{inset:1.24% auto auto 25.52%}#off-the-clock .sk-platform{inset:3.96% auto auto 34.08%}}@media (width>=1401px) and (width<=1440px){#off-the-clock .sk-popcorn{inset:1.13% auto auto 26.72%}#off-the-clock .sk-platform{inset:3.61% auto auto 35.4%}}@media (width>=1281px) and (width<=1400px){#off-the-clock .sk-popcorn{inset:1.28% auto auto 28.14%}#off-the-clock .sk-platform{inset:4.05% auto auto 36.92%}}@media (width>=1181px) and (width<=1280px){#off-the-clock .sk-popcorn{inset:1.18% auto auto 30.04%}#off-the-clock .sk-platform{inset:3.71% auto auto 38.93%}}@media (width>=1081px) and (width<=1180px){#off-the-clock .sk-popcorn{inset:1.08% auto auto 34.23%}#off-the-clock .sk-platform{inset:3.38% auto auto 43.53%}}@media (width>=981px) and (width<=1080px){#off-the-clock .sk-popcorn{inset:1.03% auto auto 37.17%}#off-the-clock .sk-platform{inset:3.18% auto auto 46.7%}}@media (width>=861px) and (width<=980px){#off-the-clock .sk-popcorn{inset:1.07% auto auto 39.91%}#off-the-clock .sk-platform{inset:3.06% auto auto 49.58%}}@media (width>=861px) and (width<=980px) and (height<=760px){#off-the-clock .sk-popcorn{top:10.47%;left:35.04%}#off-the-clock .sk-platform{top:12.38%;left:44.93%}}#experience .job .sticker.sticker-ex-monogram.on-card{width:68px;bottom:5px;right:7px;rotate:-4deg}#experience .job .sticker.sticker-falaq-logo.on-card{width:74px;top:-30px;bottom:auto;right:-24px;rotate:8deg}@media (width<=860px){#experience .job .sticker.sticker-falaq-logo.on-card{width:46px!important;top:-16px!important;bottom:auto!important;right:-12px!important}}.doodle{z-index:2;color:var(--ink-2);justify-items:start;gap:3px;display:grid;position:absolute}.doodle svg{opacity:.34;width:74px;height:auto;display:block;overflow:visible}.doodle path{stroke:currentColor;stroke-width:3.2px;fill:none;stroke-linecap:round;stroke-linejoin:round}.doodle-brace svg{width:34px}.doodle-spark svg,.doodle-star svg,.doodle-spiral svg{width:46px}.doodle-underline svg,.doodle-squiggle svg,.doodle-strike svg{width:88px}.doodle-box svg{width:96px}.doodle-note{font-family:var(--hand);color:var(--ink-2);white-space:nowrap;opacity:.85;font-size:17px;line-height:1.15}.doodle:hover svg{opacity:.55}@media (width<=860px){.doodle svg{opacity:.3;width:52px}.doodle-brace svg{width:24px}.doodle-spark svg,.doodle-star svg,.doodle-spiral svg{width:32px}.doodle-underline svg,.doodle-squiggle svg,.doodle-strike svg{width:62px}.doodle-box svg{width:68px}.doodle path{stroke-width:3.6px}.doodle-note{font-size:13px}}@media (prefers-reduced-motion:no-preference){.doodle svg{transition:opacity .25s}}#intro .dd-i4{top:86.44%;left:74.31%}#intro .dd-i5{top:74%;left:29.31%}#intro .dd-i1{top:36.67%;left:58.19%}#intro .dd-i3{top:86.44%;left:95.97%}#intro .dd-i2{top:42.89%;left:77.64%}#what-i-do .dd-a3{top:86.44%;left:60.42%}#what-i-do .dd-a5{top:10.89%;left:56.53%}#what-i-do .dd-a1{top:71%;left:6.2%}#what-i-do .dd-a4{top:56.22%;left:50.42%}#what-i-do .dd-a2{top:82%;left:15.42%}#projects .dd-c3{top:86.44%;left:.42%}#projects .dd-c4{top:17.11%;left:94.31%}#projects .dd-c1{top:90.89%;left:40.97%}#projects .dd-c2{top:26%;left:.42%}#projects .dd-c5{top:89.11%;left:20.97%}#noddy .dd-d4{top:86.44%;left:42.08%}#noddy .dd-d5{top:60.13%;left:68.78%}#noddy .dd-d1{top:26.89%;left:17.64%}#noddy .dd-d2{top:39.33%;left:.42%}#contact .dd-e3{top:10.89%;left:58.75%}#contact .dd-e1{top:86.44%;left:56.53%}#contact .dd-e2{top:10.89%;left:18.75%}#contact .dd-e5{top:19.78%;left:94.31%}#contact .dd-e4{top:49.11%;left:43.75%}#off-the-clock .dd-f3{top:17.11%;left:94.31%}#off-the-clock .dd-f5{top:44.67%;left:24.86%}#off-the-clock .dd-f2{top:13.56%;left:65.42%}#off-the-clock .dd-f1{top:89.11%;left:95.97%}#off-the-clock .dd-f4{top:27.78%;left:49.86%}@media (width>=1701px){#intro .dd-i4{top:43.89%;left:71.98%}#intro .dd-i5{top:87.59%;left:71.15%}#intro .dd-i1{top:78.7%;left:28.65%}#intro .dd-i3{top:33.52%;left:54.06%}#intro .dd-i2{top:57.96%;left:89.48%}#what-i-do .dd-a3{top:89.07%;left:16.56%}#what-i-do .dd-a5{top:86.85%;left:69.06%}#what-i-do .dd-a1{top:71%;left:6.2%}#what-i-do .dd-a4{top:89.81%;left:95.73%}#what-i-do .dd-a2{top:45.92%;left:57.39%}#projects .dd-c3{top:89.07%;left:43.65%}#projects .dd-c4{top:89.81%;left:75.73%}#projects .dd-c1{top:92.78%;left:22.4%}#projects .dd-c2{top:24.63%;left:.31%}#projects .dd-c5{top:14.26%;left:96.98%}#noddy .dd-d4{top:89.07%;left:94.48%}#noddy .dd-d5{top:42.41%;left:29.9%}#noddy .dd-d1{top:92.04%;left:.31%}#noddy .dd-d2{top:14.26%;left:19.48%}#contact .dd-e3{top:9.07%;left:59.06%}#contact .dd-e1{top:9.07%;left:14.06%}#contact .dd-e2{top:15.74%;left:95.73%}#contact .dd-e5{top:89.81%;left:57.4%}#contact .dd-e4{top:36.48%;left:36.56%}#off-the-clock .dd-f3{top:75.53%;left:95.83%}#off-the-clock .dd-f5{top:34.26%;left:57.4%}#off-the-clock .dd-f2{top:45.37%;left:34.48%}#off-the-clock .dd-f1{top:9.07%;left:74.48%}#off-the-clock .dd-f4{top:90.56%;left:96.98%}}@media (width>=1551px) and (width<=1700px){#intro .dd-i4{top:43.4%;left:69.38%}#intro .dd-i5{top:86.6%;left:70.88%}#intro .dd-i1{top:77.8%;left:29.38%}#intro .dd-i3{top:39.4%;left:52.88%}#intro .dd-i2{top:9.8%;left:83.38%}#what-i-do .dd-a3{top:88.2%;left:15.88%}#what-i-do .dd-a5{top:49.8%;left:55.38%}#what-i-do .dd-a1{top:71%;left:6.2%}#what-i-do .dd-a4{top:9.8%;left:57.88%}#what-i-do .dd-a2{top:91.4%;left:66.88%}#projects .dd-c3{top:88.2%;left:42.38%}#projects .dd-c4{top:89%;left:74.38%}#projects .dd-c1{top:92.2%;left:21.88%}#projects .dd-c2{top:25.8%;left:.38%}#projects .dd-c5{top:15.4%;left:96.38%}#noddy .dd-d4{top:42.6%;left:30.38%}#noddy .dd-d5{top:86.6%;left:94.88%}#noddy .dd-d1{top:91.4%;left:.38%}#noddy .dd-d2{top:55.4%;left:96.38%}#contact .dd-e3{top:9.8%;left:59.38%}#contact .dd-e1{top:88.2%;left:56.88%}#contact .dd-e2{top:9.8%;left:16.88%}#contact .dd-e5{top:20.2%;left:94.88%}#contact .dd-e4{top:49%;left:44.38%}#off-the-clock .dd-f3{top:15.4%;left:94.88%}#off-the-clock .dd-f5{top:37%;left:51.38%}#off-the-clock .dd-f2{top:9.8%;left:68.88%}#off-the-clock .dd-f1{top:40.2%;left:29.38%}#off-the-clock .dd-f4{top:89.8%;left:96.38%}}@media (width>=1441px) and (width<=1550px){#intro .dd-i4{top:85.81%;left:72.88%}#intro .dd-i5{top:33.72%;left:54.37%}#intro .dd-i1{top:11.4%;left:21.03%}#intro .dd-i3{top:85.81%;left:90.34%}#intro .dd-i2{top:77.44%;left:30.03%}#what-i-do .dd-a3{top:11.4%;left:55.95%}#what-i-do .dd-a5{top:46.52%;left:55.82%}#what-i-do .dd-a1{top:71%;left:6.2%}#what-i-do .dd-a4{top:86.74%;left:63.36%}#what-i-do .dd-a2{top:89.53%;left:93.52%}#projects .dd-c3{top:17.91%;left:94.58%}#projects .dd-c4{top:86.74%;left:.4%}#projects .dd-c1{top:90.47%;left:41.67%}#projects .dd-c2{top:26.28%;left:.4%}#projects .dd-c5{top:41.16%;left:43.25%}#noddy .dd-d4{top:85.81%;left:41.67%}#noddy .dd-d5{top:60.13%;left:68.78%}#noddy .dd-d1{top:26.28%;left:16.8%}#noddy .dd-d2{top:40.23%;left:.4%}#contact .dd-e3{top:11.4%;left:58.6%}#contact .dd-e1{top:85.81%;left:56.48%}#contact .dd-e2{top:17.91%;left:94.58%}#contact .dd-e5{top:28.14%;left:33.2%}#contact .dd-e4{top:89.53%;left:.4%}#off-the-clock .dd-f3{top:83.6%;left:94.57%}#off-the-clock .dd-f5{top:41.16%;left:30.03%}#off-the-clock .dd-f2{top:11.4%;left:65.48%}#off-the-clock .dd-f1{top:27.21%;left:50.66%}#off-the-clock .dd-f4{top:88.6%;left:96.16%}}@media (width>=1401px) and (width<=1440px){#intro .dd-i4{top:86.44%;left:74.31%}#intro .dd-i5{top:74%;left:29.31%}#intro .dd-i1{top:36.67%;left:58.19%}#intro .dd-i3{top:86.44%;left:95.97%}#intro .dd-i2{top:42.89%;left:77.64%}#what-i-do .dd-a3{top:86.44%;left:60.42%}#what-i-do .dd-a5{top:10.89%;left:56.53%}#what-i-do .dd-a1{top:71%;left:6.2%}#what-i-do .dd-a4{top:65.78%;left:50.27%}#what-i-do .dd-a2{top:84.44%;left:15.69%}#projects .dd-c3{top:86.44%;left:.42%}#projects .dd-c4{top:17.11%;left:94.31%}#projects .dd-c1{top:90.89%;left:40.97%}#projects .dd-c2{top:26%;left:.42%}#projects .dd-c5{top:89.11%;left:20.97%}#noddy .dd-d4{top:86.44%;left:42.08%}#noddy .dd-d5{top:85.56%;left:94.31%}#noddy .dd-d1{top:26.89%;left:17.64%}#noddy .dd-d2{top:39.33%;left:.42%}#contact .dd-e3{top:10.89%;left:58.75%}#contact .dd-e1{top:86.44%;left:56.53%}#contact .dd-e2{top:10.89%;left:18.75%}#contact .dd-e5{top:19.78%;left:94.31%}#contact .dd-e4{top:49.11%;left:43.75%}#off-the-clock .dd-f3{top:17.11%;left:94.31%}#off-the-clock .dd-f5{top:44.67%;left:24.86%}#off-the-clock .dd-f2{top:13.56%;left:65.42%}#off-the-clock .dd-f1{top:89.11%;left:95.97%}#off-the-clock .dd-f4{top:27.78%;left:49.86%}}@media (width>=1281px) and (width<=1400px){#intro .dd-i4{top:12.76%;left:89.46%}#intro .dd-i5{top:33.59%;left:54.32%}#intro .dd-i1{top:12.76%;left:20.35%}#intro .dd-i3{top:84.64%;left:87.12%}#intro .dd-i2{top:74.22%;left:29.72%}#what-i-do .dd-a3{top:84.11%;left:60.03%}#what-i-do .dd-a5{top:12.76%;left:57.83%}#what-i-do .dd-a1{top:71%;left:6.2%}#what-i-do .dd-a4{top:84.89%;left:13.91%}#what-i-do .dd-a2{top:72.39%;left:47.29%}#projects .dd-c3{top:84.64%;left:75.99%}#projects .dd-c4{top:85.68%;left:46.71%}#projects .dd-c1{top:89.84%;left:.44%}#projects .dd-c2{top:28.39%;left:.44%}#projects .dd-c5{top:20.05%;left:95.9%}#noddy .dd-d4{top:84.64%;left:40.26%}#noddy .dd-d5{top:59.64%;left:93.56%}#noddy .dd-d1{top:28.39%;left:18.59%}#noddy .dd-d2{top:44.01%;left:.44%}#contact .dd-e3{top:12.76%;left:58.42%}#contact .dd-e1{top:84.64%;left:56.66%}#contact .dd-e2{top:29.43%;left:33.82%}#contact .dd-e5{top:85.68%;left:.44%}#contact .dd-e4{top:38.8%;left:80.67%}#off-the-clock .dd-f3{top:50.26%;left:26.21%}#off-the-clock .dd-f5{top:82.55%;left:.44%}#off-the-clock .dd-f2{top:14.84%;left:65.45%}#off-the-clock .dd-f1{top:20.05%;left:95.9%}#off-the-clock .dd-f4{top:45.05%;left:50.81%}}@media (width>=1181px) and (width<=1280px){#intro .dd-i4{top:85.25%;left:72.97%}#intro .dd-i5{top:36.25%;left:57.34%}#intro .dd-i1{top:70.25%;left:27.97%}#intro .dd-i3{top:85.25%;left:95.47%}#intro .dd-i2{top:12.25%;left:21.72%}#what-i-do .dd-a3{top:12.25%;left:56.72%}#what-i-do .dd-a5{top:49.25%;left:56.09%}#what-i-do .dd-a1{top:71%;left:6.2%}#what-i-do .dd-a4{top:86%;left:62.19%}#what-i-do .dd-a2{top:82.25%;left:.47%}#projects .dd-c3{top:21.87%;left:45.31%}#projects .dd-c4{top:86.25%;left:74.22%}#projects .dd-c1{top:90.25%;left:20.47%}#projects .dd-c2{top:26.25%;left:.47%}#projects .dd-c5{top:19.25%;left:95.47%}#noddy .dd-d4{top:85.25%;left:37.34%}#noddy .dd-d5{top:58.25%;left:93.59%}#noddy .dd-d1{top:58.25%;left:40.47%}#noddy .dd-d2{top:40.25%;left:.47%}#contact .dd-e3{top:12.25%;left:58.59%}#contact .dd-e1{top:85.25%;left:56.09%}#contact .dd-e2{top:33.25%;left:34.22%}#contact .dd-e5{top:86.25%;left:.47%}#contact .dd-e4{top:20.25%;left:92.34%}#off-the-clock .dd-f3{top:82.25%;left:44.84%}#off-the-clock .dd-f5{top:83.25%;left:.47%}#off-the-clock .dd-f2{top:42.25%;left:49.22%}#off-the-clock .dd-f1{top:12.25%;left:66.09%}#off-the-clock .dd-f4{top:60.25%;left:61.09%}}@media (width>=1081px) and (width<=1180px){#intro .dd-i4{top:12.56%;left:88.39%}#intro .dd-i5{top:37.18%;left:56.96%}#intro .dd-i1{top:72.05%;left:28.39%}#intro .dd-i3{top:76.15%;left:94.82%}#intro .dd-i2{top:12.56%;left:22.68%}#what-i-do .dd-a3{top:84.36%;left:16.25%}#what-i-do .dd-a5{top:81.28%;left:64.11%}#what-i-do .dd-a1{top:71%;left:6.2%}#what-i-do .dd-a4{top:72.05%;left:92.68%}#what-i-do .dd-a2{top:17.69%;left:59.11%}#projects .dd-c3{top:84.36%;left:72.68%}#projects .dd-c4{top:85.38%;left:44.11%}#projects .dd-c1{top:89.49%;left:20.54%}#projects .dd-c2{top:25.9%;left:.54%}#projects .dd-c5{top:19.74%;left:94.82%}#noddy .dd-d4{top:84.36%;left:38.39%}#noddy .dd-d5{top:56.67%;left:92.68%}#noddy .dd-d1{top:88.46%;left:90.54%}#noddy .dd-d2{top:39.23%;left:.54%}#contact .dd-e3{top:12.56%;left:58.39%}#contact .dd-e1{top:84.36%;left:56.25%}#contact .dd-e2{top:36.15%;left:34.82%}#contact .dd-e5{top:85.38%;left:.54%}#contact .dd-e4{top:19.74%;left:91.25%}#off-the-clock .dd-f3{top:81.28%;left:92.68%}#off-the-clock .dd-f5{top:83.33%;left:.54%}#off-the-clock .dd-f2{top:89.49%;left:31.25%}#off-the-clock .dd-f1{top:36.15%;left:54.11%}#off-the-clock .dd-f4{top:12.56%;left:61.25%}}@media (width>=981px) and (width<=1080px){#intro .dd-i4{top:12.56%;left:88.35%}#intro .dd-i5{top:34.1%;left:54.17%}#intro .dd-i1{top:66.92%;left:27.77%}#intro .dd-i3{top:84.36%;left:62.72%}#intro .dd-i2{top:51.54%;left:44.85%}#what-i-do .dd-a3{top:84.36%;left:13.01%}#what-i-do .dd-a5{top:70.02%;left:57.8%}#what-i-do .dd-a1{top:71%;left:6.2%}#what-i-do .dd-a4{top:19.74%;left:91.46%}#what-i-do .dd-a2{top:49.49%;left:90.68%}#projects .dd-c3{top:5.98%;left:44.38%}#projects .dd-c4{top:47.44%;left:72.04%}#projects .dd-c1{top:89.49%;left:.58%}#projects .dd-c2{top:26.92%;left:.58%}#projects .dd-c5{top:19.74%;left:94.56%}#noddy .dd-d4{top:84.36%;left:39.42%}#noddy .dd-d5{top:49.4%;left:65.96%}#noddy .dd-d1{top:88.46%;left:90.68%}#noddy .dd-d2{top:39.23%;left:.58%}#contact .dd-e3{top:12.56%;left:58.83%}#contact .dd-e1{top:61.79%;left:56.5%}#contact .dd-e2{top:35.13%;left:35.53%}#contact .dd-e5{top:85.38%;left:.58%}#contact .dd-e4{top:19.74%;left:90.68%}#off-the-clock .dd-f3{top:81.28%;left:49.51%}#off-the-clock .dd-f5{top:83.33%;left:.58%}#off-the-clock .dd-f2{top:61.79%;left:58.83%}#off-the-clock .dd-f1{top:87.44%;left:94.56%}#off-the-clock .dd-f4{top:87.44%;left:31.65%}}@media (width>=861px) and (width<=980px){#intro .dd-i4{top:35%;left:53.96%}#intro .dd-i5{top:73.94%;left:38.41%}#intro .dd-i1{top:31.32%;left:59.76%}#intro .dd-i3{top:84.47%;left:63.13%}#intro .dd-i2{top:50.79%;left:45.63%}#what-i-do .dd-a3{top:42.37%;left:26.49%}#what-i-do .dd-a5{top:70%;left:51.82%}#what-i-do .dd-a1{top:71%;left:6.2%}#what-i-do .dd-a4{top:20.26%;left:91.46%}#what-i-do .dd-a2{top:47.63%;left:89.79%}#projects .dd-c3{top:12.89%;left:40.63%}#projects .dd-c4{top:47.63%;left:70.63%}#projects .dd-c1{top:89.74%;left:.63%}#projects .dd-c2{top:32.89%;left:.63%}#projects .dd-c5{top:20.26%;left:93.96%}#noddy .dd-d4{top:84.47%;left:39.79%}#noddy .dd-d5{top:49.34%;left:61.1%}#noddy .dd-d1{top:88.68%;left:.63%}#noddy .dd-d2{top:39.21%;left:.63%}#contact .dd-e3{top:12.89%;left:48.13%}#contact .dd-e1{top:61.32%;left:56.46%}#contact .dd-e2{top:36.05%;left:78.96%}#contact .dd-e5{top:40.26%;left:41.46%}#contact .dd-e4{top:88.68%;left:42.29%}#off-the-clock .dd-f3{top:81.32%;left:33.13%}#off-the-clock .dd-f5{top:82.37%;left:.63%}#off-the-clock .dd-f2{top:44.47%;left:56.46%}#off-the-clock .dd-f1{top:43.42%;left:15.63%}#off-the-clock .dd-f4{top:63.42%;left:34.79%}}@media (width<=860px) and (width>=400px) and (height<=849px){#intro .dd-i4{top:71.26%!important;left:25.23%!important}#intro .dd-i5{top:38.31%!important;left:11.21%!important}#intro .dd-i1{top:29.89%!important;left:65.89%!important}#intro .dd-i3{top:35.76%!important;left:16.36%!important}#intro .dd-i2{top:19.16%!important;left:89.72%!important}#what-i-do .dd-a3{top:70.25%!important;left:73.9%!important}#what-i-do .dd-a5{top:1.28%!important;left:41.55%!important}#what-i-do .dd-a1{top:59%!important;left:49.07%!important}#what-i-do .dd-a4{top:59%!important;left:85.51%!important}#what-i-do .dd-a2{top:31.42%!important;left:23.83%!important}#projects .dd-c3{top:4.46%!important;left:24.54%!important}#projects .dd-c4{top:87.36%!important;left:42.06%!important}#projects .dd-c1{top:61.3%!important;left:26.64%!important}#projects .dd-c2{top:30.65%!important;left:32.24%!important}#projects .dd-c5{top:17.62%!important;left:15.42%!important}#noddy .dd-d5{top:57.47%!important;left:54.67%!important}#noddy .dd-d4{top:70.5%!important;left:81.31%!important}#noddy .dd-d1{top:44.44%!important;left:1.4%!important}#noddy .dd-d2{top:44.44%!important;left:89.72%!important}#contact .dd-e3{top:73.56%!important;left:82.71%!important}#contact .dd-e1{top:73.56%!important;left:40.65%!important}#contact .dd-e2{top:41.38%!important;left:1.4%!important}#contact .dd-e5{top:41.38%!important;left:85.51%!important}#contact .dd-e4{top:43.68%!important;left:42.06%!important}#off-the-clock .dd-f3{top:75.1%!important;left:61.68%!important}#off-the-clock .dd-f5{top:85.06%!important;left:70.09%!important}#off-the-clock .dd-f2{top:53.64%!important;left:1.4%!important}#off-the-clock .dd-f1{top:72.03%!important;left:1.4%!important}#off-the-clock .dd-f4{top:39.08%!important;left:1.4%!important}}@media (width<=399px) and (height>=720px){#intro .dd-i4{top:30%!important;left:56.92%!important}#intro .dd-i5{top:29%!important;left:2.57%!important}#intro .dd-i1{top:55.5%!important;left:10.77%!important}#intro .dd-i3{top:50%!important;left:88.72%!important}#intro .dd-i2{top:31.5%!important;left:89.23%!important}#what-i-do .dd-a3{top:29.03%!important;left:62.66%!important}#what-i-do .dd-a5{top:68%!important;left:80.97%!important}#what-i-do .dd-a1{top:81.75%!important;left:84.62%!important}#what-i-do .dd-a4{top:39%!important;left:27.69%!important}#what-i-do .dd-a2{top:89.25%!important;left:30.77%!important}#projects .dd-c3{top:22.5%!important;left:70.77%!important}#projects .dd-c4{top:29.25%!important;left:1.54%!important}#projects .dd-c1{top:90%!important;left:1.54%!important}#projects .dd-c2{top:28.5%!important;left:32.31%!important}#projects .dd-c5{top:88.5%!important;left:46.15%!important}#noddy .dd-d5{top:13.5%!important;left:83.08%!important}#noddy .dd-d4{top:60.75%!important;left:44.62%!important}#noddy .dd-d1{top:78.75%!important;left:1.54%!important}#noddy .dd-d2{top:70.5%!important;left:89.23%!important}#contact .dd-e3{top:72%!important;left:80%!important}#contact .dd-e1{top:40.5%!important;left:1.54%!important}#contact .dd-e2{top:41.25%!important;left:84.62%!important}#contact .dd-e5{top:72%!important;left:36.92%!important}#contact .dd-e4{top:39%!important;left:41.54%!important}#off-the-clock .dd-f3{top:84.75%!important;left:70.77%!important}#off-the-clock .dd-f5{top:27.75%!important;left:64.62%!important}#off-the-clock .dd-f2{top:33%!important;left:1.54%!important}#off-the-clock .dd-f1{top:54%!important;left:1.54%!important}#off-the-clock .dd-f4{top:72%!important;left:1.54%!important}}@media (width<=399px) and (height<=719px){#intro .dd-i4{top:43.13%!important;left:70%!important}#intro .dd-i3,#intro .dd-i5{display:none!important}#intro .dd-i1{top:60.94%!important;left:8.33%!important}#intro .dd-i2{top:39.38%!important;left:41.67%!important}#what-i-do .dd-a3{top:38.12%!important;left:9.31%!important}#what-i-do .dd-a5{top:16.54%!important;left:81.24%!important}#what-i-do .dd-a1{top:84.38%!important;left:83.33%!important}#what-i-do .dd-a4{top:26.25%!important;left:23.33%!important}#what-i-do .dd-a2{top:87.19%!important;left:8.33%!important}#projects .dd-c3{top:16.88%!important;left:78.33%!important}#projects .dd-c4{top:28.13%!important;left:65%!important}#projects .dd-c1{top:88.13%!important;left:1.67%!important}#projects .dd-c2{top:53.44%!important;left:90%!important}#projects .dd-c5{top:30%!important;left:30%!important}#noddy .dd-d5{top:81.56%!important;left:73.33%!important}#noddy .dd-d4{top:37.5%!important;left:53.33%!important}#noddy .dd-d1{top:53.44%!important;left:1.67%!important}#noddy .dd-d2{top:71.25%!important;left:46.67%!important}#contact .dd-e3{top:51.56%!important;left:78.33%!important}#contact .dd-e1{top:44.06%!important;left:41.67%!important}#contact .dd-e2{top:52.5%!important;left:23.33%!important}#contact .dd-e5{top:27.19%!important;left:83.33%!important}#contact .dd-e4{top:87.19%!important;left:51.67%!important}#off-the-clock .dd-f3{top:16.88%!important;left:70%!important}#off-the-clock .dd-f5{top:42.19%!important;left:65%!important}#off-the-clock .dd-f2{top:66.56%!important;left:51.67%!important}#off-the-clock .dd-f1{top:65.63%!important;left:3.33%!important}#off-the-clock .dd-f4{top:86.25%!important;left:88.33%!important}}@media (width>=400px) and (width<=860px) and (height>=850px){#intro .dd-i4{top:24.46%!important;left:34.88%!important}#intro .dd-i5{top:43.03%!important;left:11.05%!important}#intro .dd-i1{top:37.34%!important;left:1.4%!important}#intro .dd-i3{top:12.23%!important;left:86.81%!important}#intro .dd-i2{top:75.32%!important;left:90.7%!important}#what-i-do .dd-a3{top:37.8%!important;left:63.67%!important}#what-i-do .dd-a5{top:64%!important;left:50.56%!important}#what-i-do .dd-a1{top:63.73%!important;left:1.4%!important}#what-i-do .dd-a4{top:11.59%!important;left:85.12%!important}#what-i-do .dd-a2{top:28.33%!important;left:26.51%!important}#projects .dd-c3{top:15.34%!important;left:2.48%!important}#projects .dd-c4{top:89.48%!important;left:41.86%!important}#projects .dd-c1{top:66.95%!important;left:26.51%!important}#projects .dd-c2{top:11.59%!important;left:92.09%!important}#projects .dd-c5{top:66.95%!important;left:61.4%!important}#noddy .dd-d5{top:77.9%!important;left:1.4%!important}#noddy .dd-d4{top:26.39%!important;left:1.4%!important}#noddy .dd-d1{top:62.45%!important;left:29.3%!important}#noddy .dd-d2{top:80.47%!important;left:90.7%!important}#contact .dd-e3{top:69.53%!important;left:82.33%!important}#contact .dd-e1{top:42.49%!important;left:1.4%!important}#contact .dd-e2{top:40.56%!important;left:85.12%!important}#contact .dd-e5{top:89.48%!important;left:60%!important}#contact .dd-e4{top:69.53%!important;left:34.88%!important}#off-the-clock .dd-f3{top:23.82%!important;left:58.6%!important}#off-the-clock .dd-f5{top:16.09%!important;left:85.12%!important}#off-the-clock .dd-f2{top:61.16%!important;left:1.4%!important}#off-the-clock .dd-f1{top:37.34%!important;left:15.35%!important}#off-the-clock .dd-f4{top:77.9%!important;left:1.4%!important}}#experience .dd-b2{top:36.67%;left:94.31%}#experience .dd-b3{top:87.33%;left:48.19%}#experience .dd-b4{top:86.44%;left:23.75%}#experience .dd-b1{top:36.67%;left:.42%}@media (width>=1701px){#experience .dd-b2{top:21.67%;left:95.73%}#experience .dd-b3{top:89.81%;left:36.56%}#experience .dd-b4{top:9.07%;left:31.56%}#experience .dd-b1{top:34.26%;left:.31%}}@media (width>=1551px) and (width<=1700px){#experience .dd-b2{top:76.2%;left:.38%}#experience .dd-b3{top:23.4%;left:94.88%}#experience .dd-b4{top:88.2%;left:62.38%}#experience .dd-b1{top:36.2%;left:.38%}}@media (width>=1441px) and (width<=1550px){#experience .dd-b2{top:22.56%;left:94.58%}#experience .dd-b3{top:86.74%;left:45.37%}#experience .dd-b4{top:85.81%;left:21.56%}#experience .dd-b1{top:38.37%;left:.4%}}@media (width>=1401px) and (width<=1440px){#experience .dd-b2{top:36.67%;left:94.31%}#experience .dd-b3{top:87.33%;left:48.19%}#experience .dd-b4{top:86.44%;left:23.75%}#experience .dd-b1{top:36.67%;left:.42%}}@media (width>=1281px) and (width<=1400px){#experience .dd-b2{top:19.01%;left:36.75%}#experience .dd-b3{top:24.22%;left:93.56%}#experience .dd-b4{top:70.06%;left:84.19%}#experience .dd-b1{top:40.89%;left:.44%}}@media (width>=1181px) and (width<=1280px){#experience .dd-b2{top:22.25%;left:93.13%}#experience .dd-b3{top:26.25%;left:29.22%}#experience .dd-b4{top:66.5%;left:78.6%}#experience .dd-b1{top:39.25%;left:.47%}}@media (width>=1081px) and (width<=1180px){#experience .dd-b2{top:25.9%;left:33.39%}#experience .dd-b3{top:85.38%;left:92.68%}#experience .dd-b4{top:84.36%;left:54.11%}#experience .dd-b1{top:38.21%;left:.54%}}@media (width>=981px) and (width<=1080px){#experience .dd-b2{top:24.87%;left:36.31%}#experience .dd-b3{top:85.38%;left:91.46%}#experience .dd-b4{top:69.99%;left:93.52%}#experience .dd-b1{top:14.62%;left:95.34%}}@media (width>=861px) and (width<=980px){#experience .dd-b2{top:25.53%;left:38.96%}#experience .dd-b3{top:85.53%;left:91.46%}#experience .dd-b4{top:76.31%;left:59.82%}#experience .dd-b1{top:38.16%;left:.63%}}@media (width<=860px) and (width>=400px) and (height<=849px){#experience .dd-b2{top:29.89%!important;left:85.51%!important}#experience .dd-b3{top:69.73%!important;left:50.47%!important}#experience .dd-b4{top:86.59%!important;left:16.82%!important}#experience .dd-b1{top:32.18%!important;left:39.25%!important}}@media (width<=399px) and (height>=720px){#experience .dd-b2{top:87%!important;left:84.62%!important}#experience .dd-b3{top:72%!important;left:38.46%!important}#experience .dd-b4{top:32.25%!important;left:43.08%!important}#experience .dd-b1{top:26.25%!important;left:90.77%!important}}@media (width<=399px) and (height<=719px){#experience .dd-b2{top:36.56%!important;left:83.33%!important}#experience .dd-b3{top:64.69%!important;left:55%!important}#experience .dd-b4{top:35.63%!important;left:60%!important}#experience .dd-b1{top:16.88%!important;left:90%!important}}@media (width>=400px) and (width<=860px) and (height>=850px){#experience .dd-b2{top:58.58%!important;left:40.47%!important}#experience .dd-b3{top:89.48%!important;left:85.12%!important}#experience .dd-b4{top:25.75%!important;left:87.91%!important}#experience .dd-b1{top:88.84%!important;left:1.4%!important}}.board{z-index:60;background:var(--card);border:1px solid var(--ink);width:260px;color:var(--ink);position:fixed;bottom:92px;right:20px;box-shadow:0 18px 44px #14120e2e}.board-head{border-bottom:1px dashed var(--line);align-items:center;gap:10px;padding:10px 10px 10px 12px;display:flex}.board-head b{color:var(--ink-2);margin-left:auto;font-size:11px;font-weight:400}.board-head .x{font-size:13px;line-height:1}.board-list{gap:2px;margin:0;padding:6px;list-style:none;display:grid}.board-list li:before{display:none}.board-row{width:100%;font:inherit;letter-spacing:.06em;color:var(--ink-2);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:9px;padding:7px 8px;font-size:11px;display:flex}.board-row:hover{background:var(--paper);color:var(--ink)}.board-row[data-on]{color:var(--ink)}.board-dot{border:1px solid var(--line);background:0 0;border-radius:50%;flex:none;width:9px;height:9px;transition:background .15s,border-color .15s}.board-row[data-on] .board-dot{background:var(--amber);border-color:var(--amber)}.board-n{width:18px;color:var(--line);font-variant-numeric:tabular-nums}.board-name{flex:1}.board-edited{letter-spacing:.1em;color:var(--amber);font-size:9px;font-style:normal}.board-foot{border-top:1px dashed var(--line);align-items:center;gap:10px;padding:8px 12px 10px;display:flex}.board-foot .hand{color:var(--ink-2);flex:1;margin:0;font-size:15px}.board-foot .link-btn{font-size:10px}.board-foot .link-btn[disabled]{opacity:.35;cursor:default}.board-key{padding:0 10px 8px}.board-key input{width:100%;font:inherit;letter-spacing:.08em;color:var(--ink);background:var(--paper);border:1px solid var(--line);padding:7px 9px;font-size:11px}.board-key input:focus{border-color:var(--amber);outline:none}@media (width<=860px){.board{width:auto;left:12px;right:12px;bottom:calc(58px + env(safe-area-inset-bottom))}.board-row{padding:9px 8px;font-size:12px}}.admin{background:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--mono);align-content:start;justify-items:center;gap:16px;padding:40px 20px 80px;display:grid}.admin-top,.admin-card{width:min(560px,100%)}.admin-top{align-items:center;gap:12px;padding:0 2px 4px;display:flex}.admin-top b{letter-spacing:.04em;font-weight:400}.admin-top .admin-back{margin-left:auto}.admin-card{background:var(--card);border:1px solid var(--line);padding:16px 18px 18px}.admin-card .card-head{margin-bottom:4px}.admin-card .hand{color:var(--ink-2);margin:0 0 12px;font-size:16px}.admin-back{letter-spacing:.08em;color:var(--ink-2);font-size:11px;text-decoration:none}.admin-back:hover{color:var(--ink)}.admin-err{letter-spacing:.06em;width:min(560px,100%);color:var(--ink);border:1px solid var(--amber);background:var(--paper);border-left-width:3px;margin:0;padding:9px 12px;font-size:11px}.admin-wait{letter-spacing:.08em;color:var(--ink-2);font-size:12px}.admin-in{gap:12px;max-width:340px;display:grid}.admin-in h1{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:400}.admin-in label,.admin-aura{letter-spacing:.12em;color:var(--ink-2);gap:6px;font-size:10px;display:grid}.admin-in input,.admin-aura input{font:inherit;letter-spacing:normal;color:var(--ink);background:var(--paper);border:1px solid var(--line);padding:10px 12px;font-size:13px}.admin-in input:focus,.admin-aura input:focus{border-color:var(--amber);outline:none}.admin-in .link-btn{justify-self:start;margin-top:4px}.admin-pw{display:block;position:relative}.admin-pw input{width:100%;padding-right:42px}.admin-eye{width:34px;height:34px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:4px;translate:0 -50%}.admin-eye:hover{color:var(--ink)}.admin-eye:focus-visible{outline:2px solid var(--amber);outline-offset:-2px}.admin-eye svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.admin-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.admin-list li:before{display:none}.admin-row{width:100%;font:inherit;letter-spacing:.06em;text-align:left;color:var(--ink-2);background:var(--paper);border:1px solid var(--line);cursor:pointer;align-items:center;gap:12px;padding:10px 12px;font-size:12px;display:flex}.admin-row:hover{border-color:var(--ink)}.admin-row[disabled]{opacity:.5;cursor:default}.admin-row[data-on]{color:var(--ink)}.admin-switch{border:1px solid var(--line);background:0 0;border-radius:9px;flex:none;width:30px;height:16px;transition:background .15s,border-color .15s;position:relative}.admin-switch:after{content:"";background:var(--line);border-radius:50%;width:10px;height:10px;transition:translate .15s,background .15s;position:absolute;top:2px;left:2px}.admin-row[data-on] .admin-switch{border-color:var(--amber);background:var(--amber)}.admin-row[data-on] .admin-switch:after{background:var(--ink);translate:14px}.admin-name{flex:1}.admin-state{letter-spacing:.1em;color:var(--line);font-size:10px}.admin-row[data-on] .admin-state{color:var(--amber)}.admin-aura{grid-template-columns:1fr auto;align-items:center;gap:10px}@media (width<=560px){.admin{padding:24px 14px 60px}}@media (width>=349px) and (width<=371px) and (height>=756px) and (height<=804px){#intro .dd-i3{top:34.33%!important;left:87.72%!important}}@media (width>=1181px) and (width<=1280px){#intro .sticker-opentv-icon{top:6.19%!important;left:63.44%!important}#intro .sk-battery{top:19.84%!important;left:59.6%!important}}@media (width>=861px) and (width<=1180px){#intro .sticker-opentv-icon{top:11.87%!important;left:60.9%!important}}@media (width>=861px) and (width<=980px){#intro .sk-battery{top:23.06%!important;left:59.27%!important}}@media (width<=860px){#what-i-do .head-block .lede{margin-top:6px;font-size:12px}#what-i-do .title{font-size:clamp(19px,5.7vw,30px)}#what-i-do .also{padding:9px 11px}.also-groups{gap:4px;margin-top:6px}.also-groups div{grid-template-columns:44px 1fr;gap:6px}.also-groups dt{font-size:9px}.also-groups dd{font-size:10px;line-height:1.4}}@media (width<=399px){.scene .sysbox{padding:3px 7px;font-size:9px}}@media (width<=340px){.scene .sysbox{display:none}}@media (width>=861px) and (width<=980px) and (height>=1000px){#what-i-do .dd-a5{top:64.99%;left:51.73%}}@media (width>=380px) and (width<=399px) and (height>=720px){#what-i-do .dd-a3{top:38.72%!important;left:64.02%!important}}@media (width>=349px) and (width<=371px) and (height<=664px){#what-i-do .sk-cursor{top:38.67%!important;left:38.45%!important}}@media (width>=349px) and (width<=371px) and (height>=756px) and (height<=804px){#what-i-do .sk-compass{top:45.54%!important;left:65.48%!important}#what-i-do .sk-cursor{top:48.6%!important;left:8.51%!important}}@media (width>=861px) and (width<=980px){#experience .sk-badge{top:10.53%!important;left:49.35%!important;right:auto!important}}@media (width<=860px){#experience .job .when-line{display:none}#experience .job{padding:12px 13px 11px}#experience .job ul{gap:3px;margin-top:9px}#experience .card-tech{margin-top:9px;font-size:10px}#experience .current-flag{left:auto;right:12px}}@media (width<=860px) and (height<=820px){#experience .card-tech{display:none}}@media (width<=860px){#experience .title{font-size:clamp(24px,7.2vw,40px)}}@media (width>=861px) and (width<=1100px){#experience .card-tech{display:none}}@media (width>=861px) and (width<=980px){#experience .current-flag{background:0 0;border:0;margin-left:8px;padding:0;display:inline-flex;position:static;top:12px;left:auto;right:14px}}#projects .hero-body{grid-template-columns:minmax(0,1fr) auto minmax(0,.78fr);align-items:center;gap:24px;margin-top:14px;display:grid}#projects .hero-main{min-width:0}#projects .hero-blurb{max-width:34em;color:var(--ink-2);margin:10px 0 0;font-size:13px;line-height:1.6}#projects .hero-logo{filter:drop-shadow(0 6px 14px #14120e1f);align-self:center;width:92px;height:92px;display:block}#projects .proof{border-left:1px solid var(--line);gap:16px;margin:0;padding:0 0 0 30px;list-style:none;display:grid}#projects .proof li{color:var(--ink);grid-template-columns:24px 1fr;align-items:center;gap:12px;font-size:13px;line-height:1.45;display:grid}#projects .proof li:before{content:none}#projects .proof svg{fill:none;width:21px;height:21px;stroke:var(--ink);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}#projects .card.hero .links{margin-top:16px}@media (width<=1180px){#projects .hero-body{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:22px}#projects .hero-logo{display:none}#projects .proof{gap:12px;padding-left:22px}}@media (width<=860px){#projects .hero-body{grid-template-columns:1fr;gap:14px;margin-top:10px}#projects .proof{border-left:0;gap:9px;padding-left:0}#projects .proof li{grid-template-columns:18px 1fr;gap:9px;font-size:11.5px}#projects .proof svg{width:16px;height:16px}#projects .hero-blurb{margin-top:7px;font-size:11.5px}}@media (width>=861px) and (height<=900px){#projects .card.hero{padding:13px 20px 15px}#projects .hero-body{gap:20px;margin-top:8px}#projects .hero-blurb{margin-top:6px;font-size:12px;line-height:1.5}#projects .hero-logo{width:70px;height:70px}#projects .proof{gap:10px}#projects .proof li{grid-template-columns:20px 1fr;gap:10px;font-size:12px}#projects .proof svg{width:18px;height:18px}#projects .hero-name{font-size:38px;margin:6px 0 2px!important}#projects .card.hero .links{margin-top:12px}#projects .card.project ul{gap:2px;margin-top:7px}#projects .card.project{padding:12px 14px 13px}}@media (width>=861px) and (width<=980px){#projects .card.hero{padding:11px 15px 13px}#projects .hero-name{font-size:30px}#projects .hero-blurb{margin-top:5px;font-size:11px}#projects .proof{gap:8px}#projects .proof li{font-size:11px}#projects .card.project{padding:10px 12px 11px}#projects .card.project ul{gap:1px;font-size:11px}#projects .card.project .when{font-size:11px}#projects .card.project h3{font-size:13px}}@media (width<=860px) and (height<=820px){#projects .hero-blurb{display:none}#projects .proof{gap:6px}#projects .proof li{grid-template-columns:15px 1fr;gap:8px;font-size:10.5px;line-height:1.35}#projects .proof svg{width:14px;height:14px}#projects .hero-body{gap:10px;margin-top:8px}#projects .card.project ul{gap:1px;margin-top:6px}#projects .card.project .when{margin-top:2px}}@media (width<=860px) and (height<=750px){#projects .hero-body{gap:6px;margin-top:4px}#projects .proof{gap:4px}#projects .proof li{grid-template-columns:13px 1fr;gap:7px;font-size:10px;line-height:1.3}#projects .proof svg{width:12px;height:12px}#projects .card.hero .links{margin-top:8px}#projects .card.hero .chips{margin-top:6px}}@media (width<=340px){#projects .card.hero .chips{gap:3px}#projects .chip{padding:2px 5px;font-size:9px}#projects .hero-body{gap:4px;margin-top:3px}#projects .proof{gap:3px}#projects .proof li{font-size:9.5px;line-height:1.25}}@media (width>=1441px) and (width<=1550px) and (height>=900px){#off-the-clock .sk-snitch{inset:5.2% auto auto 12.5%}#off-the-clock .sk-platform{inset:75.23% auto auto 50.38%}}@media (width>=1441px) and (width<=1550px) and (height<=900px){#off-the-clock .sk-mug{bottom:auto;right:auto;top:57.15%!important;left:22.09%!important}}@media (width>=1281px) and (width<=1440px){#off-the-clock .sk-mug{bottom:auto;right:auto;top:62%!important;left:33.89%!important}}@media (width>=1181px) and (width<=1280px){#off-the-clock .sk-mug{bottom:auto;right:auto;top:5.76%!important;left:54.46%!important}}@media (width>=981px) and (width<=1180px){#off-the-clock .sk-mug{bottom:auto;right:auto;top:61.8%!important;left:35.21%!important}}@media (width>=861px) and (width<=980px){#off-the-clock .sk-mug{bottom:auto;right:auto;top:61.7%!important;left:35.58%!important}}#noddy .roots .root>span,#noddy .roots .root{max-width:calc(100% - 66px)}@media (width>=861px) and (height<=900px){#noddy .sub{margin-top:6px;font-size:18px}#noddy .who{margin-top:10px;font-size:13px;line-height:1.55}#noddy .portrait .sticker{width:min(230px,88%)}#noddy .history{gap:7px;margin-top:84px}#noddy .meta-col{gap:10px;margin-top:4px}#noddy .why p{margin-top:3px;font-size:12px}#noddy .root{margin-top:7px;font-size:11.5px}#noddy .card{padding:10px 12px 11px}}@media (width>=861px) and (width<=1180px){#noddy{grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"title meta""sub meta""lede meta""who meta""history meta""portrait meta"}#noddy .portrait{align-content:start;justify-items:start;margin-top:6px}#noddy .portrait .sticker{width:150px}#noddy .who{max-width:none;margin-top:8px;font-size:12.5px}#noddy .history{gap:6px}#noddy .meta-col{gap:9px}#noddy .card{padding:9px 11px 10px}#noddy .root{margin-top:6px;font-size:11px}#noddy .why p{font-size:11.5px}}@media (width>=861px) and (width<=980px){#noddy .portrait .sticker{width:110px}#noddy .sub{font-size:16px}#noddy .lede.xl{font-size:20px}}@media (width<=860px){#noddy .portrait{flex-direction:row;align-content:start;justify-items:start;gap:6px;margin:4px 0 0}#noddy .portrait .sticker{width:120px!important}#noddy .sub{margin-top:3px;font-size:15px}#noddy .who{max-width:none;margin-top:7px;font-size:12px;line-height:1.5}#noddy .root{grid-template-columns:16px 1fr;gap:8px;margin-top:5px;font-size:11px}#noddy .root svg{width:14px;height:14px}#noddy .why p{margin-top:3px;font-size:11.5px}#noddy .portrait-cap{font-size:9px}}@media (width<=860px) and (height<=820px){#noddy .portrait .sticker{width:96px!important}#noddy .who{font-size:11px;line-height:1.45}#noddy .why p{font-size:10.5px}#noddy .root{font-size:10px}}@media (width>=861px) and (width<=1180px){#noddy{grid-template-columns:minmax(0,1fr) minmax(0,260px);grid-template-areas:"title title""sub sub""lede portrait""who portrait""history portrait""meta meta"}#noddy .meta-col{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}#noddy .portrait{align-content:start;justify-items:center}#noddy .portrait .sticker{width:170px}}@media (width<=860px){#noddy .meta-col{gap:7px;grid-template-columns:minmax(0,1fr)!important}#noddy .portrait .sticker{width:88px!important}#noddy .card{padding:8px 10px 9px}#noddy .why p,#noddy .root{margin-top:4px;font-size:10.5px;line-height:1.4}#noddy .cert li{font-size:10.5px}#noddy .history{gap:5px}#noddy .ver-note{font-size:14px}#noddy .ver.current .ver-note{font-size:9.5px}}@media (width>=861px) and (width<=1180px){#noddy .history{gap:6px}#noddy .ver-note{font-size:15px}#noddy .ver.current .ver-note{font-size:10px}}@media (width<=860px) and (height<=820px){#noddy .portrait{gap:2px;margin:2px 0 0;display:grid}#noddy .portrait .sticker{width:70px!important}#noddy .portrait-cap{display:none}}#noddy .history-mini{letter-spacing:.04em;color:var(--ink-2);font-size:11px;display:none}#noddy .history-mini b{color:var(--ink);font-weight:700}@media (height<=820px),(width<=860px){#noddy .ver,#noddy .ver-brace,#noddy .ver-aside{display:none}#noddy .history-mini{display:block}#noddy .history .sk-floppy{width:74px;margin:4px 0 0!important}}@media (width<=860px){#noddy .sub{font-size:14px}#noddy .who{margin-top:6px;font-size:11.5px}#noddy .meta-col{margin-top:4px;gap:6px!important}#noddy .card{padding:7px 9px 8px}#noddy .card-head{margin-bottom:4px}#noddy .history{gap:4px;margin-top:2px}#noddy .lede.xl{margin-bottom:0;font-size:19px}#noddy .why p,#noddy .root,#noddy .cert li{font-size:10px;line-height:1.35}#noddy .root{grid-template-columns:14px 1fr;gap:7px;margin-top:4px}#noddy .root svg{width:12px;height:12px}}@media (width<=860px) and (height>=821px){#noddy .portrait .sticker{width:74px!important}#noddy .portrait{margin-top:0}}@media (width<=340px){#noddy .lede.xl{font-size:17px}}@media (width>=981px) and (width<=1180px){#noddy .note-d{top:46.9%!important;bottom:auto!important;left:40.08%!important}}@media (width>=861px) and (width<=980px){#noddy .note-d{top:46.7%!important;bottom:auto!important;left:41.67%!important}}#projects .card.hero .links{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}#projects .plink{border:1px solid var(--line);letter-spacing:.06em;color:var(--ink);background:0 0;align-items:center;gap:8px;padding:8px 14px;font-size:12px;text-decoration:none;transition:border-color .15s,background .15s,transform .15s;display:inline-flex}#projects .plink svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:15px;height:15px}#projects .plink:hover{border-color:var(--ink);background:#14120e08;transform:translateY(-1px)}#projects .plink-go{background:var(--amber);border-color:var(--amber);color:#14120e;font-weight:700}#projects .plink-go:hover{background:var(--amber);border-color:#14120e}@media (width>=861px) and (height<=900px){#projects .plink{gap:6px;padding:6px 11px;font-size:11px}#projects .plink svg{width:13px;height:13px}#projects .card.hero .links{gap:6px;margin-top:11px}}@media (width<=860px){#projects .card.hero .links{gap:5px;margin-top:9px}#projects .plink{letter-spacing:.03em;gap:5px;padding:5px 9px;font-size:10.5px}#projects .plink svg{width:12px;height:12px}}@media (width<=860px) and (height<=750px){#projects .plink{padding:4px 7px;font-size:10px}#projects .card.hero .links{gap:4px;margin-top:7px}}@media (width<=340px){#projects .plink{padding:3px 6px;font-size:9.5px}}@media (width>=349px) and (width<=371px) and (height<=664px){#projects .dd-c3{top:1.5%!important;left:29.17%!important}}@media (width<=340px){#projects .dd-c3{top:13.7%!important;left:78.24%!important}}@media (width>=861px) and (height>=900px){#noddy{grid-template-rows:auto auto auto auto 1fr auto;align-content:stretch}#noddy .history{align-self:center}#noddy .meta-col{align-content:end}}@media (width<=1180px){#noddy .roots .sticker{width:74px!important}}@media (width>=1701px){#noddy .sk-scouts{top:63.06%!important;left:69.04%!important}}@media (width>=1441px) and (width<=1700px){#noddy .sk-scouts{top:78.05%!important;left:61.2%!important}}@media (width>=1441px) and (width<=1700px) and (height<=900px){#noddy .sk-scouts{top:71.51%!important}#noddy .sk-wings{top:72.5%!important;left:76%!important}}@media (width>=1181px) and (width<=1440px){#noddy .sk-scouts{top:11.01%!important;left:60.31%!important}#noddy .sk-key{top:60.5%!important;left:32.8%!important}#noddy .sk-wings{top:61.84%!important;left:60.07%!important}}@media (width>=981px) and (width<=1180px){#noddy .sk-scouts{top:23.27%!important;left:62.82%!important}#noddy .sk-wings{top:55.04%!important;left:89.2%!important}#noddy .sk-key{top:20.41%!important;left:47.49%!important}}@media (width>=861px) and (width<=980px){#noddy .sk-scouts{top:52.5%!important;left:87.51%!important}#noddy .sk-key{top:21.5%!important;left:48.9%!important}#noddy .sk-wings{top:51.85%!important;left:87.6%!important}}@media (width>=861px) and (width<=1180px){#noddy .card{padding:8px 10px 9px}#noddy .meta-col{gap:8px;margin-top:7px}#noddy .root{margin-top:5px}#noddy .why p,#noddy .root,#noddy .cert li{font-size:10.5px;line-height:1.35}#noddy .root{grid-template-columns:15px 1fr;gap:8px}#noddy .root svg{width:13px;height:13px}}@media (width>=861px) and (width<=980px){#noddy .card{padding:6px 9px 7px}#noddy .meta-col{gap:6px;margin-top:5px}#noddy .card-head{margin-bottom:3px}#noddy .root{margin-top:4px}}@media (width<=860px) and (height<=700px){#noddy .who{margin-top:5px;font-size:10.5px}#noddy .lede.xl{font-size:17px}#noddy .meta-col{gap:5px!important}#noddy .card{padding:6px 8px 7px}}#noddy .portrait{position:relative}#noddy .that-noddy{color:var(--ink-2);white-space:nowrap;z-index:5;font-size:19px;line-height:1.3;position:absolute;top:52%;right:calc(100% - 10px)}@media (width>=861px) and (height<=900px){#noddy .meta-col{margin-top:70px}#noddy .who{margin-top:11px;font-size:15px}#noddy .ver-note{font-size:19px}#noddy .ver.current .ver-note{font-size:11px}#noddy .that-noddy{font-size:16px}}@media (width>=861px) and (width<=1180px){#noddy .meta-col{margin-top:10px}}@media (width<=860px){#noddy .meta-col{margin-top:4px}#noddy .who{font-size:12px}#noddy .that-noddy{white-space:normal;text-align:center;font-size:12px;position:static}}#noddy .meta-foot{gap:3px;padding:0 2px;display:grid}#noddy .coords{letter-spacing:.1em;color:var(--ink-3);font-size:10px}#noddy .signoff{font-family:var(--hand);color:var(--ink-2);font-size:17px}@media (width<=1180px){#noddy .meta-foot{display:none}}@media (width<=860px){#noddy .signoff{font-size:14px}#noddy .coords{font-size:9px}}@media (width>=861px) and (width<=1180px){#noddy .history{margin-top:10px}}@media (width<=860px){#noddy{row-gap:6px}#noddy .portrait{gap:2px;margin-top:0}#noddy .portrait-cap{display:none}#noddy .meta-col{align-items:start;gap:6px;display:grid;grid-template-columns:1fr 1fr!important}#noddy .meta-col .why{grid-area:1/1}#noddy .meta-col .cert{grid-area:1/2}#noddy .meta-col .roots{grid-area:2/1/auto/-1}#noddy .meta-col .meta-foot{grid-area:3/1/auto/-1}#noddy .meta-col .card,#noddy .note-card{padding:7px 9px 8px}}@media (width<=860px) and (height>=821px){#noddy .portrait .sticker{width:80px!important}}@media (width<=860px) and (height<=820px){#noddy .note-d{display:none!important}}@media (width<=860px) and (height<=700px){#noddy{row-gap:5px}#noddy .meta-col .card{padding:5px 7px 6px}#noddy .who{line-height:1.4}#noddy .portrait .sticker{width:62px!important}}@media (width<=860px) and (height<=660px){#noddy{padding-bottom:58px}#noddy .portrait .sticker{width:50px!important}#noddy .meta-col .card{padding:4px 6px 5px}#noddy .who{font-size:11px}}@media (width<=860px){#experience .job.heavy .sticker.sticker-mortar-pestle.on-card{width:42px!important;inset:auto 6px 5px auto!important}#experience .job .sticker.sticker-falaq-logo.on-card{width:42px!important;inset:auto 54px 5px auto!important}#off-the-clock .covers li,#off-the-clock .posters li{display:block!important}#off-the-clock .cluster.now dl div{display:grid!important}#off-the-clock{row-gap:5px;padding-top:50px;padding-bottom:54px}#off-the-clock .cluster{padding:7px 9px 8px}#off-the-clock .covers{gap:2px}#off-the-clock .posters{gap:5px}}@media (width<=860px) and (height<=700px){#off-the-clock{padding-top:44px;padding-bottom:48px}#off-the-clock .cluster .card-head{margin-bottom:2px}#off-the-clock .posters li a{column-gap:6px;grid-template-columns:24px minmax(0,1fr)!important}#off-the-clock .covers li a{column-gap:6px;grid-template-columns:17px minmax(0,1fr) auto!important}#off-the-clock .cluster ul{margin-top:3px;font-size:10.5px}#off-the-clock .cluster dt{font-size:11px}#off-the-clock .cluster dd{font-size:10px}#off-the-clock .cluster dl{gap:2px;margin-top:3px}}@media (width<=860px){#experience .job li:nth-child(-n+2){display:list-item!important}#experience .job li:nth-child(n+3){display:none!important}#experience .job .current-flag{top:7px!important;left:auto!important;right:8px!important}#contact .title{margin-top:10px}#what-i-do .hub-node b,#what-i-do .hub-node span{display:none!important}.scene .doodle{width:max-content;max-width:58vw}}@media (width<=374px) and (height<=689px){#what-i-do .sticker.sticker-git-branch{position:absolute!important;inset:82.41% auto auto 54.94%!important}#what-i-do .sticker.sticker-cursor-select{position:absolute!important;inset:82.54% auto auto 32.99%!important}#what-i-do .sticker.sticker-terminal{width:42px!important;position:absolute!important;inset:23.12% auto auto 4.52%!important}#what-i-do .doodle.dd-a1{position:absolute!important;inset:88.17% auto auto 82.14%!important}#what-i-do .doodle.dd-a3{position:absolute!important;inset:24.39% auto auto 20.69%!important}#what-i-do .doodle.dd-a4{position:absolute!important;inset:78.33% auto auto 4.02%!important}#intro .sticker.sticker-noddy-car{position:absolute!important;inset:19.14% auto auto 66.99%!important}#intro .sticker.sticker-thumbs-up{position:absolute!important;inset:7.64% auto auto 54.82%!important}#intro .sticker.sticker-opentv-icon{position:absolute!important;inset:10.81% auto auto 82.94%!important}#intro .sticker.sticker-low-battery{width:26px!important;position:absolute!important;inset:49.98% auto auto 4.12%!important}#intro .sticker.sticker-coffee-postit{width:26px!important;position:absolute!important;inset:49.2% auto auto 16.94%!important}#intro .sticker.sticker-wrench{width:26px!important;position:absolute!important;inset:53.21% auto auto 9.72%!important}#intro .doodle.dd-i1{position:absolute!important;inset:60.96% auto auto 8.33%!important}#experience .sticker.sticker-blueprint{position:absolute!important;inset:86.69% auto auto 4.31%!important}#experience .sticker.sticker-lanyard-badge{width:41px!important;position:absolute!important;inset:22.41% auto auto 79.4%!important}#experience .sticker.sticker-clock-nine-five{position:absolute!important;inset:28.63% auto auto 13.18%!important}#experience .sticker.sticker-electron-atom{position:absolute!important;inset:27.62% auto auto 46.43%!important}#experience .sticker.sticker-rxjs-marble{position:absolute!important;inset:84.68% auto auto 37.21%!important}#experience .doodle.dd-b1{position:absolute!important;inset:84.48% auto auto 60.5%!important}#experience .doodle.dd-b2{position:absolute!important;inset:84.5% auto auto 75.47%!important}#experience .doodle.dd-b3{position:absolute!important;inset:84.55% auto auto 18.78%!important}#experience .doodle.dd-b4{position:absolute!important;inset:21.79% auto auto 62.28%!important}#projects .sticker.sticker-opentv-icon{width:22px!important;position:absolute!important;inset:16.97% auto auto 4.47%!important}#projects .sticker.sticker-rocket-launch{width:35px!important;position:absolute!important;inset:16.97% auto auto 58.89%!important}#projects .doodle.dd-c1{position:absolute!important;inset:90.05% auto auto 3.89%!important}#projects .doodle.dd-c2{position:absolute!important;inset:8.23% auto auto 40.56%!important}#projects .doodle.dd-c3{position:absolute!important;inset:1.52% auto auto 29.17%!important}#projects .doodle.dd-c4{position:absolute!important;inset:28.18% auto auto 65%!important}#projects .doodle.dd-c5{position:absolute!important;inset:90% auto auto 47.22%!important}#noddy .sticker.sticker-floppy-disk{position:absolute!important;inset:37.71% auto auto 82.97%!important}#noddy .sticker.sticker-wings{position:absolute!important;inset:37.62% auto auto 4.51%!important}#noddy .sticker.sticker-hange-levi{position:absolute!important;inset:34.09% auto auto 62.76%!important}#noddy .sticker.sticker-lightbulb{position:absolute!important;inset:34.18% auto auto 23.16%!important}#noddy .sticker.sticker-aot-key{width:26px!important;position:absolute!important;inset:47.27% auto auto 66.94%!important}#noddy .doodle.dd-d1{position:absolute!important;inset:20.04% auto auto 37.22%!important}#noddy .doodle.dd-d2{position:absolute!important;inset:41.78% auto auto 62.22%!important}#noddy .doodle.dd-d4{position:absolute!important;inset:37.58% auto auto 53.33%!important}#noddy .doodle.dd-d5{position:absolute!important;inset:81.52% auto auto 73.33%!important}#contact .sticker.sticker-paper-plane{width:49px!important;position:absolute!important;inset:44.45% auto auto 60.04%!important}#contact .sticker.sticker-mailbox{position:absolute!important;inset:44.02% auto auto 4.77%!important}#contact .doodle.dd-e4{position:absolute!important;inset:55.39% auto auto 48.89%!important}#off-the-clock .sticker.sticker-popcorn{width:46px!important;position:absolute!important;inset:81.86% auto auto 68.39%!important}#off-the-clock .sticker.sticker-cassette{width:39px!important;position:absolute!important;inset:12.25% auto auto 34.59%!important}#off-the-clock .sticker.sticker-mug{width:25px!important;position:absolute!important;inset:83.65% auto auto 56.6%!important}#off-the-clock .sticker.sticker-headphones{width:26px!important;position:absolute!important;inset:81.68% auto auto 85.93%!important}#off-the-clock .sticker.sticker-platform-nine{width:34px!important;position:absolute!important;inset:21.62% auto auto 85.73%!important}#off-the-clock .sticker.sticker-golden-snitch{width:30px!important;position:absolute!important;inset:21.76% auto auto 70.76%!important}#off-the-clock .sticker.sticker-cinema-ticket{width:26px!important;position:absolute!important;inset:24.89% auto auto 4.53%!important}#off-the-clock .doodle.dd-f1{position:absolute!important;inset:7.99% auto auto 42.23%!important}#off-the-clock .doodle.dd-f2{position:absolute!important;inset:66.62% auto auto 51.67%!important}#off-the-clock .doodle.dd-f3{position:absolute!important;inset:16.84% auto auto 70%!important}#off-the-clock .doodle.dd-f5{position:absolute!important;inset:42.18% auto auto 65%!important}}@media (width<=374px) and (height>=690px){#what-i-do .sticker.sticker-git-branch{position:absolute!important;inset:16.24% auto auto 83.47%!important}#what-i-do .sticker.sticker-cursor-select{position:absolute!important;inset:78.77% auto auto 4.62%!important}#what-i-do .sticker.sticker-terminal{position:absolute!important;inset:86.25% auto auto 14.73%!important}#what-i-do .doodle.dd-a1{position:absolute!important;inset:22.86% auto auto 4.01%!important}#what-i-do .doodle.dd-a3{position:absolute!important;inset:24.35% auto auto 70.69%!important}#what-i-do .doodle.dd-a4{position:absolute!important;inset:82.19% auto auto 50.61%!important}#what-i-do .doodle.dd-a5{position:absolute!important;inset:82.11% auto auto 39.01%!important}#intro .sticker.sticker-noddy-car{position:absolute!important;inset:19.22% auto auto 55.43%!important}#intro .sticker.sticker-thumbs-up{position:absolute!important;inset:7.71% auto auto 79.99%!important}#intro .sticker.sticker-opentv-icon{position:absolute!important;inset:10.05% auto auto 54.74%!important}#intro .sticker.sticker-low-battery{width:26px!important;position:absolute!important;inset:49.94% auto auto 4.17%!important}#intro .sticker.sticker-coffee-postit{width:26px!important;position:absolute!important;inset:49.26% auto auto 69.72%!important}#intro .sticker.sticker-wrench{width:26px!important;position:absolute!important;inset:49.71% auto auto 36.94%!important}#intro .doodle.dd-i1{position:absolute!important;inset:55.48% auto auto 10.83%!important}#experience .sticker.sticker-blueprint{position:absolute!important;inset:86.09% auto auto 4.35%!important}#experience .sticker.sticker-lanyard-badge{width:46px!important;position:absolute!important;inset:27.96% auto auto 14.42%!important}#experience .sticker.sticker-clock-nine-five{position:absolute!important;inset:86.28% auto auto 38.27%!important}#experience .sticker.sticker-electron-atom{position:absolute!important;inset:20.38% auto auto 59.81%!important}#experience .sticker.sticker-rxjs-marble{position:absolute!important;inset:91.05% auto auto 59.05%!important}#experience .doodle.dd-b3{position:absolute!important;inset:85.78% auto auto 18.85%!important}#projects .sticker.sticker-opentv-icon{width:29px!important;position:absolute!important;inset:20.3% auto auto 59.65%!important}#projects .sticker.sticker-rocket-launch{width:35px!important;position:absolute!important;inset:13.47% auto auto 42.22%!important}#projects .doodle.dd-c2{position:absolute!important;inset:19.97% auto auto 90.47%!important}#projects .doodle.dd-c4{position:absolute!important;inset:25.89% auto auto 4.02%!important}#projects .doodle.dd-c5{position:absolute!important;inset:25.81% auto auto 30.52%!important}#noddy .sticker.sticker-floppy-disk{position:absolute!important;inset:39.6% auto auto 82.92%!important}#noddy .sticker.sticker-wings{position:absolute!important;inset:32.87% auto auto 66.15%!important}#noddy .sticker.sticker-hange-levi{position:absolute!important;inset:32.91% auto auto 4.52%!important}#noddy .sticker.sticker-lightbulb{position:absolute!important;inset:39.57% auto auto 23.31%!important}#noddy .sticker.sticker-aot-key{width:26px!important;position:absolute!important;inset:38.61% auto auto 66.67%!important}#noddy .doodle.dd-d1{position:absolute!important;inset:18.33% auto auto 40.69%!important}#noddy .doodle.dd-d2{position:absolute!important;inset:32.56% auto auto 87.16%!important}#noddy .doodle.dd-d4{position:absolute!important;inset:40.78% auto auto 3.99%!important}#noddy .doodle.dd-d5{position:absolute!important;inset:32.47% auto auto 27.2%!important}#contact .sticker.sticker-paper-plane{position:absolute!important;inset:20.66% auto auto 68.44%!important}#contact .sticker.sticker-mailbox{position:absolute!important;inset:52.88% auto auto 26.54%!important}#contact .doodle.dd-e3{position:absolute!important;inset:55.78% auto auto 62.22%!important}#contact .doodle.dd-e5{position:absolute!important;inset:56.61% auto auto 3.91%!important}#off-the-clock .sticker.sticker-popcorn{position:absolute!important;inset:80.03% auto auto 70.12%!important}#off-the-clock .sticker.sticker-cassette{position:absolute!important;inset:11.22% auto auto 34.53%!important}#off-the-clock .sticker.sticker-mug{width:25px!important;position:absolute!important;inset:86.55% auto auto 58.34%!important}#off-the-clock .sticker.sticker-headphones{width:26px!important;position:absolute!important;inset:81.4% auto auto 57.58%!important}#off-the-clock .sticker.sticker-platform-nine{position:absolute!important;inset:75.59% auto auto 68.91%!important}#off-the-clock .sticker.sticker-golden-snitch{width:39px!important;position:absolute!important;inset:19.93% auto auto 84.25%!important}#off-the-clock .sticker.sticker-cinema-ticket{width:22px!important;position:absolute!important;inset:20.03% auto auto 71.12%!important}#off-the-clock .doodle.dd-f1{position:absolute!important;inset:75.37% auto auto 90.69%!important}#off-the-clock .doodle.dd-f2{position:absolute!important;inset:75.47% auto auto 52.35%!important}#off-the-clock .doodle.dd-f3{position:absolute!important;inset:84.7% auto auto 70.83%!important}#off-the-clock .doodle.dd-f4{position:absolute!important;inset:89.33% auto auto 92.35%!important}#off-the-clock .doodle.dd-f5{position:absolute!important;inset:27.73% auto auto 64.72%!important}}@media (width>=375px) and (width<=389px) and (height<=594px){#what-i-do .sticker.sticker-git-branch{position:absolute!important;inset:82.42% auto auto 56%!important}#what-i-do .sticker.sticker-cursor-select{position:absolute!important;inset:82.58% auto auto 33.32%!important}#what-i-do .sticker.sticker-terminal{position:absolute!important;inset:78.65% auto auto 4.44%!important}#what-i-do .doodle.dd-a1{position:absolute!important;inset:22.77% auto auto 3.78%!important}#what-i-do .doodle.dd-a3{position:absolute!important;inset:24.39% auto auto 22.95%!important}#what-i-do .doodle.dd-a4{position:absolute!important;inset:88.21% auto auto 83.73%!important}#intro .sticker.sticker-noddy-car{position:absolute!important;inset:19.17% auto auto 67.69%!important}#intro .sticker.sticker-thumbs-up{position:absolute!important;inset:7.67% auto auto 52.77%!important}#intro .sticker.sticker-opentv-icon{position:absolute!important;inset:8.35% auto auto 84.43%!important}#intro .sticker.sticker-low-battery{width:27px!important;position:absolute!important;inset:49.83% auto auto 4.01%!important}#intro .sticker.sticker-coffee-postit{width:19px!important;position:absolute!important;inset:49.72% auto auto 58.63%!important}#intro .sticker.sticker-wrench{width:27px!important;position:absolute!important;inset:53.26% auto auto 9.87%!important}#intro .doodle.dd-i1{position:absolute!important;inset:49.56% auto auto 32.47%!important}#experience .sticker.sticker-blueprint{position:absolute!important;inset:23.49% auto auto 77.81%!important}#experience .sticker.sticker-lanyard-badge{width:25px!important;position:absolute!important;inset:23.72% auto auto 58.55%!important}#experience .sticker.sticker-clock-nine-five{width:25px!important;position:absolute!important;inset:27.51% auto auto 12.66%!important}#experience .sticker.sticker-electron-atom{width:23px!important;position:absolute!important;inset:27.46% auto auto 44.53%!important}#experience .sticker.sticker-rxjs-marble{position:absolute!important;inset:29.15% auto auto 22.9%!important}#experience .doodle.dd-b1{position:absolute!important;inset:8.69% auto auto 35.82%!important}#experience .doodle.dd-b2{position:absolute!important;inset:36.5% auto auto 80.53%!important}#experience .doodle.dd-b3{position:absolute!important;inset:64.63% auto auto 54.67%!important}#experience .doodle.dd-b4{position:absolute!important;inset:35.53% auto auto 59.2%!important}#projects .sticker.sticker-opentv-icon{width:23px!important;position:absolute!important;inset:9.04% auto auto 41.09%!important}#projects .sticker.sticker-rocket-launch{width:36px!important;position:absolute!important;inset:16.98% auto auto 58.93%!important}#projects .doodle.dd-c1{position:absolute!important;inset:77.68% auto auto 3.67%!important}#projects .doodle.dd-c2{position:absolute!important;inset:53.49% auto auto 90.13%!important}#projects .doodle.dd-c3{position:absolute!important;inset:16.83% auto auto 78.4%!important}#projects .doodle.dd-c4{position:absolute!important;inset:28.1% auto auto 65.07%!important}#projects .doodle.dd-c5{position:absolute!important;inset:30% auto auto 30.13%!important}#noddy .sticker.sticker-floppy-disk{position:absolute!important;inset:39.22% auto auto 82.93%!important}#noddy .sticker.sticker-wings{position:absolute!important;inset:39.06% auto auto 4.4%!important}#noddy .sticker.sticker-hange-levi{position:absolute!important;inset:35.32% auto auto 61.91%!important}#noddy .sticker.sticker-lightbulb{position:absolute!important;inset:35.42% auto auto 22.25%!important}#noddy .sticker.sticker-aot-key{width:27px!important;position:absolute!important;inset:46.93% auto auto 35.73%!important}#noddy .doodle.dd-d1{position:absolute!important;inset:20.73% auto auto 35.67%!important}#noddy .doodle.dd-d2{position:absolute!important;inset:8.44% auto auto 29.33%!important}#noddy .doodle.dd-d4{position:absolute!important;inset:43.44% auto auto 62.94%!important}#noddy .doodle.dd-d5{position:absolute!important;inset:73.25% auto auto 73.33%!important}#contact .sticker.sticker-paper-plane{width:58px!important;position:absolute!important;inset:26.88% auto auto 64.07%!important}#contact .sticker.sticker-mailbox{width:22px!important;position:absolute!important;inset:26.54% auto auto 50.99%!important}#contact .doodle.dd-e1{position:absolute!important;inset:36.95% auto auto 83.67%!important}#contact .doodle.dd-e2{position:absolute!important;inset:39% auto auto 62.8%!important}#contact .doodle.dd-e3{position:absolute!important;inset:51.54% auto auto 78.4%!important}#contact .doodle.dd-e4{position:absolute!important;inset:9.74% auto auto 26.2%!important}#off-the-clock .sticker.sticker-popcorn{width:41px!important;position:absolute!important;inset:8.61% auto auto 36.88%!important}#off-the-clock .sticker.sticker-cassette{width:19px!important;position:absolute!important;inset:22.02% auto auto 90.87%!important}#off-the-clock .sticker.sticker-mug{width:23px!important;position:absolute!important;inset:44.96% auto auto 4.76%!important}#off-the-clock .sticker.sticker-headphones{width:19px!important;position:absolute!important;inset:21.66% auto auto 68.22%!important}#off-the-clock .sticker.sticker-platform-nine{width:36px!important;position:absolute!important;inset:21.51% auto auto 77.34%!important}#off-the-clock .sticker.sticker-golden-snitch{width:27px!important;position:absolute!important;inset:72.65% auto auto 16.8%!important}#off-the-clock .sticker.sticker-cinema-ticket{width:27px!important;position:absolute!important;inset:24.78% auto auto 4.43%!important}#off-the-clock .doodle.dd-f1{position:absolute!important;inset:16.91% auto auto 67.6%!important}#off-the-clock .doodle.dd-f2{position:absolute!important;inset:66.47% auto auto 51.73%!important}#off-the-clock .doodle.dd-f3{position:absolute!important;inset:16.91% auto auto 70.13%!important}#off-the-clock .doodle.dd-f4{position:absolute!important;inset:71.45% auto auto 88.27%!important}#off-the-clock .doodle.dd-f5{position:absolute!important;inset:42.14% auto auto 65.07%!important}}@media (width>=375px) and (width<=389px) and (height>=595px){#what-i-do .sticker.sticker-git-branch{position:absolute!important;inset:82.42% auto auto 56%!important}#what-i-do .sticker.sticker-cursor-select{position:absolute!important;inset:82.58% auto auto 33.32%!important}#what-i-do .sticker.sticker-terminal{position:absolute!important;inset:78.65% auto auto 4.44%!important}#what-i-do .doodle.dd-a1{position:absolute!important;inset:22.77% auto auto 3.78%!important}#what-i-do .doodle.dd-a3{position:absolute!important;inset:24.39% auto auto 22.95%!important}#what-i-do .doodle.dd-a4{position:absolute!important;inset:88.21% auto auto 83.73%!important}#intro .sticker.sticker-noddy-car{position:absolute!important;inset:19.17% auto auto 67.69%!important}#intro .sticker.sticker-thumbs-up{position:absolute!important;inset:7.67% auto auto 52.77%!important}#intro .sticker.sticker-opentv-icon{position:absolute!important;inset:8.35% auto auto 84.43%!important}#intro .sticker.sticker-low-battery{width:27px!important;position:absolute!important;inset:49.83% auto auto 4.01%!important}#intro .sticker.sticker-coffee-postit{width:19px!important;position:absolute!important;inset:49.72% auto auto 58.63%!important}#intro .sticker.sticker-wrench{width:27px!important;position:absolute!important;inset:53.26% auto auto 9.87%!important}#intro .doodle.dd-i1{position:absolute!important;inset:49.56% auto auto 32.47%!important}#experience .sticker.sticker-blueprint{position:absolute!important;inset:85.57% auto auto 4.21%!important}#experience .sticker.sticker-lanyard-badge{width:30px!important;position:absolute!important;inset:23.26% auto auto 58.55%!important}#experience .sticker.sticker-clock-nine-five{position:absolute!important;inset:25.21% auto auto 83.06%!important}#experience .sticker.sticker-electron-atom{width:36px!important;position:absolute!important;inset:84.66% auto auto 39.73%!important}#experience .sticker.sticker-rxjs-marble{position:absolute!important;inset:30.52% auto auto 11.7%!important}#experience .doodle.dd-b1{position:absolute!important;inset:84.22% auto auto 63.02%!important}#experience .doodle.dd-b2{position:absolute!important;inset:84.26% auto auto 77.38%!important}#experience .doodle.dd-b3{position:absolute!important;inset:84.21% auto auto 19.83%!important}#experience .doodle.dd-b4{position:absolute!important;inset:27.46% auto auto 43.79%!important}#projects .sticker.sticker-opentv-icon{width:23px!important;position:absolute!important;inset:8.88% auto auto 41.09%!important}#projects .sticker.sticker-rocket-launch{width:36px!important;position:absolute!important;inset:16.88% auto auto 58.93%!important}#projects .doodle.dd-c1{position:absolute!important;inset:89.95% auto auto 3.67%!important}#projects .doodle.dd-c2{position:absolute!important;inset:53.47% auto auto 90.13%!important}#projects .doodle.dd-c3{position:absolute!important;inset:16.88% auto auto 78.4%!important}#projects .doodle.dd-c4{position:absolute!important;inset:28.08% auto auto 65.07%!important}#projects .doodle.dd-c5{position:absolute!important;inset:29.97% auto auto 30.13%!important}#noddy .sticker.sticker-floppy-disk{position:absolute!important;inset:39.22% auto auto 82.93%!important}#noddy .sticker.sticker-wings{position:absolute!important;inset:39.06% auto auto 4.4%!important}#noddy .sticker.sticker-hange-levi{position:absolute!important;inset:35.32% auto auto 61.91%!important}#noddy .sticker.sticker-lightbulb{position:absolute!important;inset:35.42% auto auto 22.25%!important}#noddy .sticker.sticker-aot-key{width:27px!important;position:absolute!important;inset:46.93% auto auto 35.73%!important}#noddy .doodle.dd-d1{position:absolute!important;inset:20.73% auto auto 35.67%!important}#noddy .doodle.dd-d2{position:absolute!important;inset:8.44% auto auto 29.33%!important}#noddy .doodle.dd-d4{position:absolute!important;inset:43.44% auto auto 62.94%!important}#noddy .doodle.dd-d5{position:absolute!important;inset:81.57% auto auto 73.33%!important}#contact .sticker.sticker-paper-plane{position:absolute!important;inset:48.1% auto auto 4.87%!important}#contact .sticker.sticker-mailbox{position:absolute!important;inset:45.83% auto auto 52.59%!important}#contact .doodle.dd-e1{position:absolute!important;inset:45.37% auto auto 29.27%!important}#contact .doodle.dd-e2{position:absolute!important;inset:51.13% auto auto 82%!important}#contact .doodle.dd-e3{position:absolute!important;inset:29.36% auto auto 63%!important}#contact .doodle.dd-e4{position:absolute!important;inset:45.46% auto auto 71%!important}#off-the-clock .sticker.sticker-popcorn{width:41px!important;position:absolute!important;inset:8.61% auto auto 36.88%!important}#off-the-clock .sticker.sticker-cassette{width:36px!important;position:absolute!important;inset:81.66% auto auto 65.27%!important}#off-the-clock .sticker.sticker-mug{width:27px!important;position:absolute!important;inset:81.5% auto auto 87.96%!important}#off-the-clock .sticker.sticker-headphones{width:27px!important;position:absolute!important;inset:83.09% auto auto 53.82%!important}#off-the-clock .sticker.sticker-platform-nine{width:41px!important;position:absolute!important;inset:21.51% auto auto 83.74%!important}#off-the-clock .sticker.sticker-golden-snitch{width:36px!important;position:absolute!important;inset:21.77% auto auto 67.89%!important}#off-the-clock .sticker.sticker-cinema-ticket{width:27px!important;position:absolute!important;inset:24.78% auto auto 4.43%!important}#off-the-clock .doodle.dd-f1{position:absolute!important;inset:81% auto auto 78.8%!important}#off-the-clock .doodle.dd-f2{position:absolute!important;inset:66.47% auto auto 51.73%!important}#off-the-clock .doodle.dd-f3{position:absolute!important;inset:16.91% auto auto 70.13%!important}#off-the-clock .doodle.dd-f4{position:absolute!important;inset:83.45% auto auto 88.27%!important}#off-the-clock .doodle.dd-f5{position:absolute!important;inset:42.14% auto auto 65.07%!important}}@media (width>=390px) and (width<=405px) and (height<=704px){#what-i-do .sticker.sticker-git-branch{position:absolute!important;inset:82.43% auto auto 56.97%!important}#what-i-do .sticker.sticker-cursor-select{position:absolute!important;inset:82.59% auto auto 33.73%!important}#what-i-do .sticker.sticker-terminal{position:absolute!important;inset:78.66% auto auto 4.36%!important}#what-i-do .doodle.dd-a1{position:absolute!important;inset:22.77% auto auto 3.51%!important}#what-i-do .doodle.dd-a3{position:absolute!important;inset:24.39% auto auto 23.51%!important}#what-i-do .doodle.dd-a4{position:absolute!important;inset:88.21% auto auto 83.71%!important}#intro .sticker.sticker-noddy-car{position:absolute!important;inset:18.28% auto auto 68.08%!important}#intro .sticker.sticker-thumbs-up{position:absolute!important;inset:7.7% auto auto 53.71%!important}#intro .sticker.sticker-opentv-icon{position:absolute!important;inset:7.64% auto auto 84.27%!important}#intro .sticker.sticker-low-battery{width:24px!important;position:absolute!important;inset:50.35% auto auto 3.8%!important}#intro .sticker.sticker-coffee-postit{width:28px!important;position:absolute!important;inset:49.6% auto auto 16.92%!important}#intro .sticker.sticker-wrench{width:28px!important;position:absolute!important;inset:53.32% auto auto 9.74%!important}#intro .doodle.dd-i1{position:absolute!important;inset:61.01% auto auto 8.21%!important}#experience .sticker.sticker-blueprint{position:absolute!important;inset:86.28% auto auto 4.11%!important}#experience .sticker.sticker-lanyard-badge{width:43px!important;position:absolute!important;inset:22.22% auto auto 79.56%!important}#experience .sticker.sticker-clock-nine-five{position:absolute!important;inset:28.6% auto auto 12.19%!important}#experience .sticker.sticker-electron-atom{position:absolute!important;inset:27.57% auto auto 45.95%!important}#experience .sticker.sticker-rxjs-marble{position:absolute!important;inset:85.19% auto auto 37.6%!important}#experience .doodle.dd-b1{position:absolute!important;inset:27.1% auto auto 28.16%!important}#experience .doodle.dd-b2{position:absolute!important;inset:84.98% auto auto 57.36%!important}#experience .doodle.dd-b3{position:absolute!important;inset:85.91% auto auto 75.93%!important}#experience .doodle.dd-b4{position:absolute!important;inset:85% auto auto 22.1%!important}#projects .sticker.sticker-opentv-icon{width:31px!important;position:absolute!important;inset:17.52% auto auto 54.9%!important}#projects .sticker.sticker-rocket-launch{width:26px!important;position:absolute!important;inset:8.71% auto auto 41.71%!important}#projects .doodle.dd-c1{position:absolute!important;inset:22.56% auto auto 80.64%!important}#projects .doodle.dd-c2{position:absolute!important;inset:21.71% auto auto 71.28%!important}#projects .doodle.dd-c3{position:absolute!important;inset:16.87% auto auto 78.21%!important}#projects .doodle.dd-c4{position:absolute!important;inset:14.49% auto auto 43.72%!important}#projects .doodle.dd-c5{position:absolute!important;inset:29.97% auto auto 30%!important}#noddy .sticker.sticker-floppy-disk{position:absolute!important;inset:39.85% auto auto 84.43%!important}#noddy .sticker.sticker-wings{position:absolute!important;inset:39.75% auto auto 4.3%!important}#noddy .sticker.sticker-hange-levi{position:absolute!important;inset:34.39% auto auto 22.67%!important}#noddy .sticker.sticker-lightbulb{width:26px!important;position:absolute!important;inset:8.52% auto auto 30.64%!important}#noddy .sticker.sticker-aot-key{width:20px!important;position:absolute!important;inset:34.38% auto auto 76.26%!important}#noddy .doodle.dd-d1{position:absolute!important;inset:42.96% auto auto 19.1%!important}#noddy .doodle.dd-d2{position:absolute!important;inset:34.1% auto auto 12.82%!important}#noddy .doodle.dd-d5{position:absolute!important;inset:34.08% auto auto 89.75%!important}#contact .sticker.sticker-paper-plane{position:absolute!important;inset:22.46% auto auto 61.62%!important}#contact .sticker.sticker-mailbox{position:absolute!important;inset:44.71% auto auto 4.43%!important}#contact .doodle.dd-e4{position:absolute!important;inset:55.13% auto auto 56.03%!important}#off-the-clock .sticker.sticker-popcorn{width:49px!important;position:absolute!important;inset:8.54% auto auto 35.49%!important}#off-the-clock .sticker.sticker-cassette{position:absolute!important;inset:84.12% auto auto 52.07%!important}#off-the-clock .sticker.sticker-mug{position:absolute!important;inset:81.26% auto auto 70.75%!important}#off-the-clock .sticker.sticker-headphones{width:28px!important;position:absolute!important;inset:20.7% auto auto 65.46%!important}#off-the-clock .sticker.sticker-platform-nine{position:absolute!important;inset:21.42% auto auto 83.66%!important}#off-the-clock .sticker.sticker-golden-snitch{width:42px!important;position:absolute!important;inset:81.16% auto auto 85.41%!important}#off-the-clock .sticker.sticker-cinema-ticket{width:28px!important;position:absolute!important;inset:24.85% auto auto 4.2%!important}#off-the-clock .doodle.dd-f1{position:absolute!important;inset:21.35% auto auto 75.9%!important}#off-the-clock .doodle.dd-f2{position:absolute!important;inset:16.87% auto auto 65.26%!important}#off-the-clock .doodle.dd-f3{position:absolute!important;inset:16.86% auto auto 70%!important}#off-the-clock .doodle.dd-f5{position:absolute!important;inset:42.16% auto auto 65.13%!important}}@media (width>=390px) and (width<=405px) and (height>=705px){#what-i-do .sticker.sticker-git-branch{position:absolute!important;inset:16.26% auto auto 76.93%!important}#what-i-do .sticker.sticker-cursor-select{position:absolute!important;inset:78.81% auto auto 4.46%!important}#what-i-do .sticker.sticker-terminal{position:absolute!important;inset:82.47% auto auto 53.61%!important}#what-i-do .doodle.dd-a1{position:absolute!important;inset:22.86% auto auto 3.61%!important}#what-i-do .doodle.dd-a3{position:absolute!important;inset:24.29% auto auto 23.54%!important}#what-i-do .doodle.dd-a4{position:absolute!important;inset:82.19% auto auto 20.48%!important}#what-i-do .doodle.dd-a5{position:absolute!important;inset:86.67% auto auto 8.24%!important}#intro .sticker.sticker-noddy-car{position:absolute!important;inset:18.29% auto auto 54.32%!important}#intro .sticker.sticker-thumbs-up{position:absolute!important;inset:7.69% auto auto 79.9%!important}#intro .sticker.sticker-opentv-icon{position:absolute!important;inset:7.6% auto auto 50.49%!important}#intro .sticker.sticker-low-battery{width:24px!important;position:absolute!important;inset:50.45% auto auto 3.96%!important}#intro .sticker.sticker-coffee-postit{width:28px!important;position:absolute!important;inset:49.6% auto auto 69.74%!important}#intro .sticker.sticker-wrench{width:28px!important;position:absolute!important;inset:50.11% auto auto 36.92%!important}#intro .doodle.dd-i1{position:absolute!important;inset:55.57% auto auto 10.77%!important}#experience .sticker.sticker-blueprint{position:absolute!important;inset:87.26% auto auto 4.16%!important}#experience .sticker.sticker-lanyard-badge{width:50px!important;position:absolute!important;inset:28.75% auto auto 13.29%!important}#experience .sticker.sticker-clock-nine-five{position:absolute!important;inset:19.88% auto auto 58.43%!important}#experience .sticker.sticker-electron-atom{position:absolute!important;inset:35.02% auto auto 78.27%!important}#experience .sticker.sticker-rxjs-marble{position:absolute!important;inset:91.18% auto auto 40.56%!important}#experience .doodle.dd-b3{position:absolute!important;inset:86.93% auto auto 59.06%!important}#projects .sticker.sticker-opentv-icon{position:absolute!important;inset:27.68% auto auto 4.22%!important}#projects .sticker.sticker-rocket-launch{width:43px!important;position:absolute!important;inset:19.93% auto auto 55.43%!important}#projects .doodle.dd-c1{position:absolute!important;inset:30.67% auto auto 29.74%!important}#projects .doodle.dd-c2{position:absolute!important;inset:7.21% auto auto 40.51%!important}#projects .doodle.dd-c4{position:absolute!important;inset:14.51% auto auto 12.82%!important}#projects .doodle.dd-c5{position:absolute!important;inset:28.95% auto auto 51.29%!important}#noddy .sticker.sticker-floppy-disk{position:absolute!important;inset:86.63% auto auto 4.42%!important}#noddy .sticker.sticker-wings{position:absolute!important;inset:32.57% auto auto 84.19%!important}#noddy .sticker.sticker-hange-levi{position:absolute!important;inset:32.59% auto auto 4.18%!important}#noddy .sticker.sticker-lightbulb{position:absolute!important;inset:37.49% auto auto 24.61%!important}#noddy .sticker.sticker-aot-key{width:33px!important;position:absolute!important;inset:32.49% auto auto 67.02%!important}#noddy .doodle.dd-d1{position:absolute!important;inset:87.83% auto auto 42.05%!important}#noddy .doodle.dd-d2{position:absolute!important;inset:88.56% auto auto 69.75%!important}#noddy .doodle.dd-d4{position:absolute!important;inset:86.23% auto auto 22.05%!important}#noddy .doodle.dd-d5{position:absolute!important;inset:86.23% auto auto 83.59%!important}#contact .sticker.sticker-paper-plane{position:absolute!important;inset:20.1% auto auto 67.78%!important}#contact .sticker.sticker-mailbox{position:absolute!important;inset:53.57% auto auto 26.07%!important}#contact .doodle.dd-e3{position:absolute!important;inset:57.13% auto auto 62.05%!important}#contact .doodle.dd-e5{position:absolute!important;inset:57.93% auto auto 45.13%!important}#off-the-clock .sticker.sticker-popcorn{width:56px!important;position:absolute!important;inset:7.84% auto auto 35.5%!important}#off-the-clock .sticker.sticker-cassette{position:absolute!important;inset:76.27% auto auto 82.82%!important}#off-the-clock .sticker.sticker-mug{position:absolute!important;inset:85.86% auto auto 53.95%!important}#off-the-clock .sticker.sticker-headphones{position:absolute!important;inset:77.57% auto auto 63.94%!important}#off-the-clock .sticker.sticker-platform-nine{position:absolute!important;inset:21.15% auto auto 83.7%!important}#off-the-clock .sticker.sticker-golden-snitch{position:absolute!important;inset:20.43% auto auto 65.38%!important}#off-the-clock .sticker.sticker-cinema-ticket{width:28px!important;position:absolute!important;inset:84.97% auto auto 88.83%!important}#off-the-clock .doodle.dd-f1{position:absolute!important;inset:15.26% auto auto 65.13%!important}#off-the-clock .doodle.dd-f2{position:absolute!important;inset:75.73% auto auto 51.28%!important}#off-the-clock .doodle.dd-f4{position:absolute!important;inset:81.29% auto auto 51.28%!important}#off-the-clock .doodle.dd-f5{position:absolute!important;inset:27.79% auto auto 64.62%!important}}@media (width>=406px) and (width<=424px) and (height<=814px){#what-i-do .sticker.sticker-git-branch{position:absolute!important;inset:17.72% auto auto 73.05%!important}#what-i-do .sticker.sticker-cursor-select{position:absolute!important;inset:86.43% auto auto 4.13%!important}#what-i-do .sticker.sticker-terminal{position:absolute!important;inset:82.55% auto auto 55.13%!important}#what-i-do .doodle.dd-a1{position:absolute!important;inset:22.79% auto auto 3.29%!important}#what-i-do .doodle.dd-a2{position:absolute!important;inset:82.16% auto auto 26.81%!important}#what-i-do .doodle.dd-a3{position:absolute!important;inset:88.22% auto auto 87.91%!important}#what-i-do .doodle.dd-a4{position:absolute!important;inset:87.42% auto auto 38.36%!important}#what-i-do .doodle.dd-a5{position:absolute!important;inset:15.96% auto auto 86.44%!important}#intro .sticker.sticker-noddy-car{position:absolute!important;inset:17.58% auto auto 69%!important}#intro .sticker.sticker-thumbs-up{width:56px!important;position:absolute!important;inset:7.38% auto auto 48.05%!important}#intro .sticker.sticker-opentv-icon{position:absolute!important;inset:7.35% auto auto 77.05%!important}#intro .sticker.sticker-low-battery{width:47px!important;position:absolute!important;inset:46.9% auto auto 79.18%!important}#intro .sticker.sticker-coffee-postit{width:40px!important;position:absolute!important;inset:48.48% auto auto 35.68%!important}#intro .sticker.sticker-wrench{width:32px!important;position:absolute!important;inset:48.9% auto auto 4.89%!important}#intro .doodle.dd-i1{position:absolute!important;inset:48.29% auto auto 70.28%!important}#experience .sticker.sticker-blueprint{position:absolute!important;inset:24.99% auto auto 11.14%!important}#experience .sticker.sticker-lanyard-badge{width:53px!important;position:absolute!important;inset:19.02% auto auto 78.27%!important}#experience .sticker.sticker-clock-nine-five{position:absolute!important;inset:26.71% auto auto 45.14%!important}#experience .sticker.sticker-electron-atom{width:43px!important;position:absolute!important;inset:18.95% auto auto 61.29%!important}#experience .sticker.sticker-rxjs-marble{position:absolute!important;inset:89.54% auto auto 73.39%!important}#experience .doodle.dd-b1{position:absolute!important;inset:6.92% auto auto 36.86%!important}#experience .doodle.dd-b2{position:absolute!important;inset:87.67% auto auto 48.56%!important}#experience .doodle.dd-b3{position:absolute!important;inset:87.71% auto auto 32.58%!important}#projects .sticker.sticker-opentv-icon{position:absolute!important;inset:7.28% auto auto 40.41%!important}#projects .sticker.sticker-rocket-launch{position:absolute!important;inset:19.82% auto auto 78.71%!important}#projects .doodle.dd-c1{position:absolute!important;inset:26.91% auto auto 3.46%!important}#projects .doodle.dd-c2{position:absolute!important;inset:23.07% auto auto 51.5%!important}#projects .doodle.dd-c3{position:absolute!important;inset:14.64% auto auto 51.43%!important}#projects .doodle.dd-c4{position:absolute!important;inset:24.56% auto auto 61.58%!important}#projects .doodle.dd-c5{position:absolute!important;inset:16.1% auto auto 39.92%!important}#noddy .sticker.sticker-floppy-disk{position:absolute!important;inset:18.94% auto auto 79.85%!important}#noddy .sticker.sticker-wings{position:absolute!important;inset:40.35% auto auto 24.39%!important}#noddy .sticker.sticker-hange-levi{position:absolute!important;inset:87.34% auto auto 3.99%!important}#noddy .sticker.sticker-lightbulb{position:absolute!important;inset:35.04% auto auto 69.84%!important}#noddy .sticker.sticker-aot-key{width:25px!important;position:absolute!important;inset:7.22% auto auto 31.16%!important}#noddy .doodle.dd-d4{position:absolute!important;inset:86.94% auto auto 42.72%!important}#noddy .doodle.dd-d5{position:absolute!important;inset:34.58% auto auto 7.71%!important}#contact .sticker.sticker-paper-plane{position:absolute!important;inset:19.23% auto auto 59.94%!important}#contact .sticker.sticker-mailbox{position:absolute!important;inset:82.72% auto auto 4.31%!important}#off-the-clock .sticker.sticker-popcorn{position:absolute!important;inset:7.51% auto auto 33.77%!important}#off-the-clock .sticker.sticker-cassette{position:absolute!important;inset:21.38% auto auto 82.7%!important}#off-the-clock .sticker.sticker-mug{position:absolute!important;inset:82.82% auto auto 52.64%!important}#off-the-clock .sticker.sticker-headphones{position:absolute!important;inset:77.23% auto auto 83.8%!important}#off-the-clock .sticker.sticker-platform-nine{width:73px!important;position:absolute!important;inset:77.17% auto auto 61.97%!important}#off-the-clock .sticker.sticker-golden-snitch{width:66px!important;position:absolute!important;inset:22.82% auto auto 62.05%!important}#off-the-clock .sticker.sticker-cinema-ticket{width:44px!important;position:absolute!important;inset:15.25% auto auto 62.67%!important}#off-the-clock .doodle.dd-f1{position:absolute!important;inset:86.18% auto auto 87.92%!important}#off-the-clock .doodle.dd-f2{position:absolute!important;inset:90.72% auto auto 51.51%!important}#off-the-clock .doodle.dd-f3{position:absolute!important;inset:75.13% auto auto 61.65%!important}#off-the-clock .doodle.dd-f4{position:absolute!important;inset:16.95% auto auto 55.88%!important}}@media (width>=406px) and (width<=424px) and (height>=815px){#what-i-do .sticker.sticker-git-branch{position:absolute!important;inset:17.2% auto auto 73%!important}#what-i-do .sticker.sticker-cursor-select{position:absolute!important;inset:87.23% auto auto 4.23%!important}#what-i-do .sticker.sticker-terminal{position:absolute!important;inset:80.17% auto auto 55.13%!important}#what-i-do .doodle.dd-a1{position:absolute!important;inset:24.74% auto auto 3.32%!important}#what-i-do .doodle.dd-a2{position:absolute!important;inset:21.91% auto auto 35.5%!important}#what-i-do .doodle.dd-a3{position:absolute!important;inset:26.08% auto auto 87.88%!important}#what-i-do .doodle.dd-a4{position:absolute!important;inset:21.24% auto auto 19.31%!important}#what-i-do .doodle.dd-a5{position:absolute!important;inset:79.76% auto auto 28.13%!important}#intro .sticker.sticker-noddy-car{position:absolute!important;inset:16.27% auto auto 69%!important}#intro .sticker.sticker-thumbs-up{width:56px!important;position:absolute!important;inset:6.8% auto auto 48.05%!important}#intro .sticker.sticker-opentv-icon{position:absolute!important;inset:87.9% auto auto 4.23%!important}#intro .sticker.sticker-low-battery{position:absolute!important;inset:87.2% auto auto 76.7%!important}#intro .sticker.sticker-coffee-postit{width:59px!important;position:absolute!important;inset:6.66% auto auto 73.73%!important}#intro .sticker.sticker-wrench{width:43px!important;position:absolute!important;inset:87.54% auto auto 42.69%!important}#intro .doodle.dd-i1{position:absolute!important;inset:86.78% auto auto 22.39%!important}#experience .sticker.sticker-blueprint{position:absolute!important;inset:89.26% auto auto 43.18%!important}#experience .sticker.sticker-lanyard-badge{width:53px!important;position:absolute!important;inset:17.37% auto auto 53.51%!important}#experience .sticker.sticker-clock-nine-five{position:absolute!important;inset:24.46% auto auto 11.65%!important}#experience .sticker.sticker-electron-atom{width:50px!important;position:absolute!important;inset:17.42% auto auto 77.28%!important}#experience .sticker.sticker-rxjs-marble{position:absolute!important;inset:89.26% auto auto 16.58%!important}#experience .doodle.dd-b2{position:absolute!important;inset:88.95% auto auto 63.16%!important}#projects .sticker.sticker-opentv-icon{position:absolute!important;inset:6.68% auto auto 40.41%!important}#projects .sticker.sticker-rocket-launch{position:absolute!important;inset:17.41% auto auto 78.71%!important}#projects .doodle.dd-c1{position:absolute!important;inset:23.99% auto auto 3.34%!important}#projects .doodle.dd-c2{position:absolute!important;inset:20.53% auto auto 52.81%!important}#projects .doodle.dd-c3{position:absolute!important;inset:13.37% auto auto 51.41%!important}#projects .doodle.dd-c4{position:absolute!important;inset:21.23% auto auto 61.54%!important}#projects .doodle.dd-c5{position:absolute!important;inset:14.11% auto auto 39.82%!important}#noddy .sticker.sticker-floppy-disk{position:absolute!important;inset:42.08% auto auto 84.21%!important}#noddy .sticker.sticker-wings{position:absolute!important;inset:39.08% auto auto 4%!important}#noddy .sticker.sticker-hange-levi{position:absolute!important;inset:17.24% auto auto 82.63%!important}#noddy .sticker.sticker-lightbulb{position:absolute!important;inset:32.17% auto auto 69.84%!important}#noddy .sticker.sticker-aot-key{width:37px!important;position:absolute!important;inset:32.73% auto auto 25.27%!important}#noddy .doodle.dd-d1{position:absolute!important;inset:90.38% auto auto 3.47%!important}#noddy .doodle.dd-d2{position:absolute!important;inset:6.35% auto auto 29.69%!important}#noddy .doodle.dd-d4{position:absolute!important;inset:31.73% auto auto 4.91%!important}#noddy .doodle.dd-d5{position:absolute!important;inset:34.57% auto auto 85.01%!important}#contact .sticker.sticker-paper-plane{position:absolute!important;inset:38.74% auto auto 4.6%!important}#contact .sticker.sticker-mailbox{position:absolute!important;inset:73.04% auto auto 4.31%!important}#contact .doodle.dd-e1{position:absolute!important;inset:16.92% auto auto 50.06%!important}#contact .doodle.dd-e3{position:absolute!important;inset:72.71% auto auto 79.08%!important}#contact .doodle.dd-e4{position:absolute!important;inset:72.71% auto auto 41.33%!important}#off-the-clock .sticker.sticker-popcorn{position:absolute!important;inset:7.6% auto auto 33.63%!important}#off-the-clock .sticker.sticker-cassette{position:absolute!important;inset:88.7% auto auto 52.28%!important}#off-the-clock .sticker.sticker-mug{position:absolute!important;inset:79.55% auto auto 84.63%!important}#off-the-clock .sticker.sticker-headphones{position:absolute!important;inset:88.54% auto auto 73.77%!important}#off-the-clock .sticker.sticker-platform-nine{width:82px!important;position:absolute!important;inset:80.73% auto auto 60.29%!important}#off-the-clock .sticker.sticker-golden-snitch{position:absolute!important;inset:20.24% auto auto 62.03%!important}#off-the-clock .sticker.sticker-cinema-ticket{width:44px!important;position:absolute!important;inset:13.98% auto auto 62.67%!important}#off-the-clock .doodle.dd-f1{position:absolute!important;inset:86.78% auto auto 89.26%!important}#off-the-clock .doodle.dd-f2{position:absolute!important;inset:31.08% auto auto 3.45%!important}#off-the-clock .doodle.dd-f3{position:absolute!important;inset:23.76% auto auto 58.5%!important}#off-the-clock .doodle.dd-f4{position:absolute!important;inset:83.98% auto auto 51.51%!important}}@media (width>=425px) and (width<=860px) and (height<=787px){#what-i-do .sticker.sticker-git-branch{position:absolute!important;inset:17.73% auto auto 70.32%!important}#what-i-do .sticker.sticker-cursor-select{position:absolute!important;inset:86.45% auto auto 4.07%!important}#what-i-do .sticker.sticker-terminal{position:absolute!important;inset:82.57% auto auto 55.88%!important}#what-i-do .doodle.dd-a1{position:absolute!important;inset:22.79% auto auto 3.2%!important}#what-i-do .doodle.dd-a2{position:absolute!important;inset:25.13% auto auto 18.61%!important}#what-i-do .doodle.dd-a3{position:absolute!important;inset:88.22% auto auto 88.87%!important}#what-i-do .doodle.dd-a4{position:absolute!important;inset:82.1% auto auto 30%!important}#what-i-do .doodle.dd-a5{position:absolute!important;inset:15.96% auto auto 84.69%!important}#intro .sticker.sticker-noddy-car{position:absolute!important;inset:18.2% auto auto 69.21%!important}#intro .sticker.sticker-thumbs-up{width:58px!important;position:absolute!important;inset:7.6% auto auto 46.27%!important}#intro .sticker.sticker-opentv-icon{position:absolute!important;inset:27.18% auto auto 53.11%!important}#intro .sticker.sticker-low-battery{width:26px!important;position:absolute!important;inset:50.65% auto auto 90.51%!important}#intro .sticker.sticker-coffee-postit{width:31px!important;position:absolute!important;inset:50.17% auto auto 35.51%!important}#intro .sticker.sticker-wrench{width:31px!important;position:absolute!important;inset:50.65% auto auto 4.77%!important}#intro .doodle.dd-i1{position:absolute!important;inset:50.43% auto auto 63.55%!important}#experience .sticker.sticker-blueprint{position:absolute!important;inset:37.4% auto auto 3.67%!important}#experience .sticker.sticker-lanyard-badge{width:61px!important;position:absolute!important;inset:19.91% auto auto 51.68%!important}#experience .sticker.sticker-clock-nine-five{position:absolute!important;inset:28.68% auto auto 22.44%!important}#experience .sticker.sticker-electron-atom{position:absolute!important;inset:19.82% auto auto 71.51%!important}#experience .sticker.sticker-rxjs-marble{position:absolute!important;inset:90.42% auto auto 48.13%!important}#experience .doodle.dd-b1{position:absolute!important;inset:7.28% auto auto 36.82%!important}#experience .doodle.dd-b3{position:absolute!important;inset:86.91% auto auto 64.99%!important}#projects .sticker.sticker-opentv-icon{position:absolute!important;inset:31.79% auto auto 85.19%!important}#projects .sticker.sticker-rocket-launch{position:absolute!important;inset:19.95% auto auto 54.88%!important}#projects .doodle.dd-c1{position:absolute!important;inset:36.29% auto auto 3.27%!important}#projects .doodle.dd-c3{position:absolute!important;inset:7.22% auto auto 39.72%!important}#projects .doodle.dd-c4{position:absolute!important;inset:33.04% auto auto 49.53%!important}#noddy .sticker.sticker-floppy-disk{position:absolute!important;inset:38.37% auto auto 4.11%!important}#noddy .sticker.sticker-wings{position:absolute!important;inset:37.47% auto auto 67.01%!important}#noddy .sticker.sticker-hange-levi{position:absolute!important;inset:86.6% auto auto 3.82%!important}#noddy .sticker.sticker-lightbulb{position:absolute!important;inset:32.74% auto auto 84.14%!important}#noddy .sticker.sticker-aot-key{width:31px!important;position:absolute!important;inset:34.19% auto auto 27.65%!important}#noddy .doodle.dd-d1{position:absolute!important;inset:7.24% auto auto 28.51%!important}#noddy .doodle.dd-d4{position:absolute!important;inset:86.15% auto auto 42.52%!important}#noddy .doodle.dd-d5{position:absolute!important;inset:86.16% auto auto 66.36%!important}#contact .sticker.sticker-paper-plane{position:absolute!important;inset:20.14% auto auto 60.51%!important}#contact .sticker.sticker-mailbox{position:absolute!important;inset:52.75% auto auto 19.59%!important}#contact .doodle.dd-e1{position:absolute!important;inset:57.18% auto auto 64.96%!important}#contact .doodle.dd-e3{position:absolute!important;inset:57.18% auto auto 80.38%!important}#off-the-clock .sticker.sticker-popcorn{width:62px!important;position:absolute!important;inset:7.86% auto auto 33.9%!important}#off-the-clock .sticker.sticker-cassette{position:absolute!important;inset:17.48% auto auto 62.87%!important}#off-the-clock .sticker.sticker-mug{position:absolute!important;inset:76.23% auto auto 84.3%!important}#off-the-clock .sticker.sticker-headphones{position:absolute!important;inset:86.5% auto auto 51.3%!important}#off-the-clock .sticker.sticker-platform-nine{position:absolute!important;inset:21.12% auto auto 83.28%!important}#off-the-clock .sticker.sticker-golden-snitch{width:46px!important;position:absolute!important;inset:86.51% auto auto 84.72%!important}#off-the-clock .sticker.sticker-cinema-ticket{width:26px!important;position:absolute!important;inset:81.81% auto auto 51.51%!important}#off-the-clock .doodle.dd-f1{position:absolute!important;inset:15.35% auto auto 52.34%!important}#off-the-clock .doodle.dd-f2{position:absolute!important;inset:91.06% auto auto 84.58%!important}#off-the-clock .doodle.dd-f4{position:absolute!important;inset:75.69% auto auto 77.57%!important}}@media (width>=425px) and (width<=860px) and (height>=788px){#what-i-do .sticker.sticker-git-branch{position:absolute!important;inset:19.08% auto auto 70.32%!important}#what-i-do .sticker.sticker-cursor-select{position:absolute!important;inset:87.21% auto auto 4.07%!important}#what-i-do .sticker.sticker-terminal{position:absolute!important;inset:80.66% auto auto 55.88%!important}#what-i-do .doodle.dd-a1{position:absolute!important;inset:24.62% auto auto 3.2%!important}#what-i-do .doodle.dd-a2{position:absolute!important;inset:26.77% auto auto 18.61%!important}#what-i-do .doodle.dd-a3{position:absolute!important;inset:76.62% auto auto 88.87%!important}#what-i-do .doodle.dd-a4{position:absolute!important;inset:88.23% auto auto 77.66%!important}#what-i-do .doodle.dd-a5{position:absolute!important;inset:15.23% auto auto 84.69%!important}#intro .sticker.sticker-noddy-car{position:absolute!important;inset:16.62% auto auto 69.21%!important}#intro .sticker.sticker-thumbs-up{width:58px!important;position:absolute!important;inset:6.96% auto auto 46.27%!important}#intro .sticker.sticker-opentv-icon{position:absolute!important;inset:24.99% auto auto 53.11%!important}#intro .sticker.sticker-low-battery{width:49px!important;position:absolute!important;inset:89.29% auto auto 85.09%!important}#intro .sticker.sticker-coffee-postit{width:34px!important;position:absolute!important;inset:89.18% auto auto 3.77%!important}#intro .sticker.sticker-wrench{width:28px!important;position:absolute!important;inset:89.64% auto auto 46.94%!important}#intro .doodle.dd-i1{position:absolute!important;inset:88.91% auto auto 64.95%!important}#experience .sticker.sticker-blueprint{position:absolute!important;inset:88.47% auto auto 3.67%!important}#experience .sticker.sticker-lanyard-badge{width:48px!important;position:absolute!important;inset:17.9% auto auto 51.68%!important}#experience .sticker.sticker-clock-nine-five{position:absolute!important;inset:22.95% auto auto 11.23%!important}#experience .sticker.sticker-electron-atom{position:absolute!important;inset:19.98% auto auto 80.13%!important}#experience .sticker.sticker-rxjs-marble{position:absolute!important;inset:89.99% auto auto 73.42%!important}#experience .doodle.dd-b1{position:absolute!important;inset:6.49% auto auto 36.82%!important}#experience .doodle.dd-b2{position:absolute!important;inset:88.18% auto auto 41.21%!important}#experience .doodle.dd-b3{position:absolute!important;inset:88.22% auto auto 57.98%!important}#experience .doodle.dd-b4{position:absolute!important;inset:88.23% auto auto 22.99%!important}#projects .sticker.sticker-opentv-icon{position:absolute!important;inset:6.89% auto auto 40.33%!important}#projects .sticker.sticker-rocket-launch{position:absolute!important;inset:19.38% auto auto 78.71%!important}#projects .doodle.dd-c1{position:absolute!important;inset:26.77% auto auto 3.27%!important}#projects .doodle.dd-c2{position:absolute!important;inset:23.09% auto auto 49.54%!important}#projects .doodle.dd-c3{position:absolute!important;inset:13.73% auto auto 52.33%!important}#projects .doodle.dd-c4{position:absolute!important;inset:23.85% auto auto 62.15%!important}#projects .doodle.dd-c5{position:absolute!important;inset:15.88% auto auto 39.72%!important}#noddy .sticker.sticker-floppy-disk{position:absolute!important;inset:17.8% auto auto 82.62%!important}#noddy .sticker.sticker-wings{position:absolute!important;inset:6.87% auto auto 29.16%!important}#noddy .sticker.sticker-hange-levi{position:absolute!important;inset:17.76% auto auto 62.7%!important}#noddy .sticker.sticker-lightbulb{position:absolute!important;inset:32.96% auto auto 71.53%!important}#noddy .sticker.sticker-aot-key{width:39px!important;position:absolute!important;inset:32.81% auto auto 4.9%!important}#noddy .doodle.dd-d1{position:absolute!important;inset:42.67% auto auto 22.9%!important}#noddy .doodle.dd-d4{position:absolute!important;inset:32.51% auto auto 21.5%!important}#noddy .doodle.dd-d5{position:absolute!important;inset:36.14% auto auto 85.98%!important}#contact .sticker.sticker-paper-plane{position:absolute!important;inset:18.11% auto auto 59.11%!important}#contact .sticker.sticker-mailbox{position:absolute!important;inset:83.53% auto auto 4.17%!important}#off-the-clock .sticker.sticker-popcorn{width:69px!important;position:absolute!important;inset:7.09% auto auto 33.9%!important}#off-the-clock .sticker.sticker-cassette{position:absolute!important;inset:18.68% auto auto 83.9%!important}#off-the-clock .sticker.sticker-mug{position:absolute!important;inset:83.56% auto auto 52.05%!important}#off-the-clock .sticker.sticker-headphones{position:absolute!important;inset:78.39% auto auto 83.54%!important}#off-the-clock .sticker.sticker-platform-nine{width:85px!important;position:absolute!important;inset:19.8% auto auto 59.54%!important}#off-the-clock .sticker.sticker-golden-snitch{width:69px!important;position:absolute!important;inset:14.3% auto auto 54.02%!important}#off-the-clock .sticker.sticker-cinema-ticket{width:46px!important;position:absolute!important;inset:78.66% auto auto 67.23%!important}#off-the-clock .doodle.dd-f1{position:absolute!important;inset:89.66% auto auto 88.79%!important}#off-the-clock .doodle.dd-f2{position:absolute!important;inset:91.78% auto auto 50.94%!important}#off-the-clock .doodle.dd-f3{position:absolute!important;inset:78.03% auto auto 57.95%!important}#off-the-clock .doodle.dd-f4{position:absolute!important;inset:85.26% auto auto 84.58%!important}}@media (width<=860px){.scroller{overflow-x:clip}}@media (width>=390px) and (width<=405px) and (height<=704px){#noddy .doodle.doodle-arrowBack{left:78%!important}}@media (width<=374px) and (height>=690px){#off-the-clock .doodle.doodle-spiral{left:84%!important}}@media (width<=860px){.nav a[data-current]{gap:6px;padding:0 10px;font-size:11px}.scene .doodle,#intro .doodle{width:max-content;max-width:58vw}#what-i-do .sysbox{text-align:right;letter-spacing:.14em;background:0 0;border:0;padding:0;font-size:9px;line-height:1.5}#what-i-do .sysbox hr{display:none}#what-i-do .sysbox-head{font-size:9px}#what-i-do .sysbox-foot{color:var(--ink-3);font-size:8.5px}#what-i-do .title{font-size:30px;line-height:1.04}#what-i-do .lede{margin-top:8px;font-size:13px}#what-i-do .hub-wrap{flex-direction:column;align-items:stretch;gap:10px;height:auto;min-height:0;max-height:none;padding:2px 0 0;position:relative;display:flex!important}#what-i-do .hub-wrap:before{content:"";border-left:1px dashed var(--line);z-index:0;position:absolute;top:30px;bottom:44px;left:50%}#what-i-do .hub-node{z-index:1;order:0;align-self:center;justify-items:center;gap:1px;padding:3px 12px;display:grid;background:var(--paper)!important;border:0!important;border-radius:0!important;width:auto!important;height:auto!important;margin:0 0 2px!important}#what-i-do .hub-node b{letter-spacing:.15em;font-size:12px;display:block!important}#what-i-do .hub-node span{letter-spacing:.15em;color:var(--ink-2);font-size:9px;display:block!important}#what-i-do .disc{z-index:1;background:var(--paper);padding:7px 11px 8px;width:auto!important}#what-i-do .disc-web{order:1;margin-right:22px}#what-i-do .disc-mobile{order:2;margin-left:22px}#what-i-do .disc-desktop{order:3;margin-right:22px}#what-i-do .disc-backend{order:4;margin-left:22px}#what-i-do .disc-title{letter-spacing:.1em;font-size:11.5px}#what-i-do .disc-does{font-size:12px;line-height:1.45}#what-i-do .disc-tech{font-size:10px}#what-i-do .minors{z-index:1;background:var(--paper);order:5;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:3px;display:grid}#what-i-do .minors .disc.minor{margin:0;padding:6px 7px 7px;width:auto!important;display:grid!important}#what-i-do .disc.minor .disc-title{font-size:9.5px}#what-i-do .disc.minor .disc-tech{font-size:8.5px;line-height:1.35}#what-i-do .sys-end{z-index:1;background:var(--paper);letter-spacing:.14em;color:var(--ink);order:6;align-self:center;margin-top:2px;padding:3px 10px;font-size:12px;display:block}#what-i-do .sys-end .caret{background:var(--amber);vertical-align:middle;width:15px;height:3px;margin-left:5px;display:inline-block}#what-i-do .ring-a{display:none}#what-i-do .sticker.sk-browser,#what-i-do .sticker.sk-compass,#what-i-do .sticker.sk-ruler{display:none!important}#what-i-do .disc-web:before,#what-i-do .disc-mobile:before,#what-i-do .disc-desktop:before,#what-i-do .disc-backend:before{content:"";border:1px solid var(--line);background:var(--paper);z-index:2;border-radius:50%;width:5px;height:5px;position:absolute;bottom:-9px;left:50%;translate:-50%}#what-i-do .side-right{display:contents}#what-i-do .note-a{background:0 0;border:0;width:fit-content;max-width:62%;margin:2px 0 0 auto;padding:0;display:block;position:relative!important;inset:auto!important}#what-i-do .note-a .card-head,#what-i-do .note-a .note-label{display:none}#what-i-do .note-a .hand.lg{font-size:15px;line-height:1.3}#what-i-do .hint-a,#what-i-do .dd-a3 .doodle-note,#what-i-do svg.wires,#experience svg.wires,#experience .rail-strip:before,#what-i-do .hub-wrap:before,#what-i-do .disc-web:before,#what-i-do .disc-mobile:before,#what-i-do .disc-desktop:before,#what-i-do .disc-backend:before{display:none}}@media (width>=861px){#projects .card.project{padding-bottom:60px}#projects .card.project:has(.sticker.on-card){padding-right:140px}#projects .card.project:has(.sticker.on-card) .card-head{margin-right:-140px;padding-right:14px}}@media (width>=861px) and (width<=1280px){#projects .card.project:has(.sticker.on-card){padding-right:112px}#projects .card.project:has(.sticker.on-card) .card-head{margin-right:-112px;padding-right:14px}}@media (width>=861px){#projects .card.project{align-self:stretch}#projects .projects-grid{align-content:start}}:root{--accent-text:#7f6400;--on-amber:#14120e}html[data-theme=dark]{--accent-text:var(--amber);--ink-3:#948d7b}.section-id b,.nav a[data-current] small,.note-label,.board-edited,.admin-row[data-on] .admin-state,#intro .build-status[data-built] .bs-bar b,#intro .build-status[data-built] .bs-label{color:var(--accent-text)}.nav a small,.card.project .tech-line,.posters li small,.covers li small,.cluster li small,.readout-label,.watch-group .kind,.stack-label small,.board-n,.covers li a .play,#off-the-clock .grid-off,.bs-bar b,#contact .composer .handle,.admin-state,.also-label{color:var(--ink-3)}.tab,#noddy .who mark,.pg-hint,.play[aria-expanded=true],.aura-pop,.hub-node:hover,.hub-node:hover span,.hub-node[data-pulse],.hub-node[data-pulse] span,.links a:hover,.link-btn:hover,.card-link:hover,#contact .say:hover,.cta-go,#projects .plink-go{color:var(--on-amber)}::selection{color:var(--on-amber)}html[data-theme=dark] .bubble-link{color:#7f6400;border-bottom-color:#7f640055}html[data-theme=dark] #experience .job.heavy .when-line,html[data-theme=dark] #experience .job.heavy .card-tech,html[data-theme=dark] #experience .job.heavy .role-line,html[data-theme=dark] .disc[data-active] .disc-proof,html[data-theme=dark] .disc[data-active] .disc-proof b{color:#4a453c}.skip{z-index:200;background:var(--ink);color:var(--paper);font:inherit;letter-spacing:.1em;padding:10px 14px;font-size:12px;text-decoration:none;transition:translate .15s;position:fixed;top:10px;left:10px;translate:0 -200%}.skip:focus-visible{outline:2px solid var(--amber);outline-offset:2px;translate:0}h1:focus,h2:focus,h1:focus-visible,h2:focus-visible{outline:none}.disc:focus-visible,.hub-node:focus-visible,.nav a:focus-visible,.cta:focus-visible,.plink:focus-visible,.card-link:focus-visible,.link-btn:focus-visible,.tool:focus-visible,.play:focus-visible,.pg-row:focus-visible,.say:focus-visible,.x:focus-visible,.hero-shot:focus-visible,.end a:focus-visible,.links a:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}.disc,.hub-node{font:inherit;color:inherit;letter-spacing:inherit;text-align:left}.hub-node{text-align:center;letter-spacing:.1em}.disc-proof{color:var(--ink-3);margin-top:6px;font-size:11px;line-height:1.45;display:block}.disc-proof b{color:var(--ink-2);font-weight:500}.disc[data-active] .disc-proof,.disc[data-active] .disc-proof b{color:#cfc9b8}#projects .role-tag{letter-spacing:.04em;color:var(--ink-2);margin:6px 0 0;font-size:11px}#projects .role-tag b{letter-spacing:.1em;color:var(--ink-3);margin-right:8px;font-weight:500}.card.project .when .role-inline{color:var(--ink);font-weight:500}.card.project .why{color:var(--ink-2);margin:8px 0 0;font-size:12.5px;line-height:1.5}#projects .hero-shot{align-self:center;width:clamp(150px,13vw,200px);display:block}@media (width<=860px){#projects .hero-shot{display:none}}#projects .hero-shot,#projects .hero-shot img{aspect-ratio:300/565}#projects .hero-shot img{object-fit:cover;border:1px solid var(--line);background:#0d0d0f;border-radius:12px;width:100%;height:100%;display:block;box-shadow:0 10px 26px #14120e1f}#projects .hero-shot:hover img{border-color:var(--ink)}@media (width<=1180px){#projects .hero-shot{width:128px}}@media (width>=861px) and (height<=900px){#projects .hero-shot{width:clamp(120px,10vw,150px)}#projects .proof{gap:8px}.card.project .why{display:none}#projects{padding-top:96px}#projects .card.hero{padding:11px 18px 12px}#projects .hero-blurb{max-width:44em}.projects-grid{gap:16px}#projects .card.project ul{gap:1px;margin-top:6px}}@media (width>=861px) and (width<=1300px){#projects .plink{letter-spacing:.04em;gap:5px;padding:5px 9px;font-size:10.5px}#projects .plink svg{width:12px;height:12px}}.covers li a .play{font:inherit;letter-spacing:.1em;color:var(--ink-3);background:0 0;border:0;padding:0;font-size:8px}.covers li a .track{grid-template-columns:none;display:block}@media (width>=861px){#contact .composer{top:auto;left:48px;right:auto;bottom:calc(76px + env(safe-area-inset-bottom));overscroll-behavior:contain;align-content:start;width:min(620px,100vw - 96px);max-width:none;max-height:calc(100dvh - 190px);padding:0 20px;display:grid;overflow:auto;position:fixed!important}#contact .composer .card-head.grab{z-index:2;background:var(--card);margin:0 -20px;padding:14px 20px 8px;position:sticky;top:0}#contact .composer .x{margin-left:4px;position:static}#contact .composer textarea{min-height:4.5em}#contact .composer .composer-foot{z-index:2;background:var(--card);border-top:1px dashed var(--line);flex-wrap:wrap;align-items:center;gap:10px 12px;margin:2px -20px 0;padding:10px 20px 16px;display:flex;position:sticky;bottom:0}#contact .composer .composer-note{flex:100%;margin:0;font-size:15px;position:static}#contact .composer .send,#contact .composer .copy{letter-spacing:.1em;border:1px solid var(--ink);padding:10px 14px;font-size:12px;text-decoration:none;display:inline-block;position:static}#contact .composer .send{background:var(--amber);border-color:var(--amber);color:var(--on-amber);font-weight:700}#contact .composer .copy{border-color:var(--line);color:var(--ink);background:0 0}#contact .composer .copy:hover,#contact .composer .send:hover{border-color:var(--ink)}#contact .composer .x{margin:-6px -8px 0 0;padding:6px 10px;font-size:14px}#contact .card.way .card-link.copy{border:0;border-bottom:2px solid var(--amber);font:inherit;letter-spacing:.1em;color:var(--ink);cursor:pointer;background:0 0;padding:0 0 2px;font-size:11px;right:90px}}@media (prefers-reduced-motion:reduce){.dot.blink,.stage-col[data-active] .stage-dot,.wire.live,.scroll-ring svg,.scroll-ring:after,.aura-pop,.bubble{animation:none!important}.scroller{scroll-behavior:auto}.scene .movable,.scene .wires,.scene .card,.disc,.note-card,.stack,.ver,.sticker,.skip,.cta,.plink{transition:none!important}}html[data-resetting] .movable{transition:transform .55s cubic-bezier(.2,.8,.2,1),translate .55s cubic-bezier(.2,.8,.2,1),opacity .55s}html[data-resetting] [data-dragging]{transition:none!important}@media (prefers-reduced-motion:reduce){html[data-resetting] .movable{transition:none!important}}@media (width<=860px){#projects .role-tag,.card.project .why,.disc-proof{display:none}#experience .job ul,#experience .job.heavy ul{padding-right:58px}}@media (width<=399px){#intro .sticker.sticker-opentv-icon{left:auto!important;right:14%!important}}@media (width>=400px) and (width<=860px){#intro .sticker.sk-aura{left:auto!important;right:8%!important}}@media (width<=860px){#off-the-clock .cluster.now .sticker.on-card{top:-26px!important}}@media (width<=340px){#intro .sticker.sk-aura{inset:1.51% auto auto 53.75%!important}#intro .sticker.sk-wrench{inset:50.92% auto auto 28.75%!important}#intro .sticker.sk-postit{inset:50.92% auto auto 16.25%!important}#intro .sticker.sk-battery{inset:50.92% auto auto 3.75%!important}#projects .sticker.sk-rocket{inset:13.29% auto auto 63.75%!important}#what-i-do .sticker.sk-git{inset:59.5% auto auto 68.75%!important}#experience .sticker.sk-badge{inset:16.64% auto auto 78.75%!important}#experience .sticker.sk-clock{inset:26.97% auto auto 21.25%!important}#noddy .sticker.sk-key{inset:46.91% auto auto 86.25%!important}#noddy .sticker.sk-floppy{inset:36.49% auto auto 81.25%!important}#noddy .sticker.sk-wings{inset:36.49% auto auto 3.75%!important}#off-the-clock .sticker.sk-popcorn{inset:52.04% auto auto 81.25%!important}#off-the-clock .sticker.sk-mug{inset:60.41% auto auto 41.25%!important}#off-the-clock .sticker.sk-ticket{inset:19.74% auto auto 3.75%!important}#off-the-clock .sticker.sk-snitch{inset:17.35% auto auto 71.25%!important}}@media (width>=341px) and (width<=367px) and (height<=689px){#intro .sticker.sk-aura{inset:.53% auto auto 54.44%!important}#intro .sticker.sk-wrench{inset:48.64% auto auto 27.78%!important}#projects .sticker.sk-rocket{inset:11.6% auto auto 34.44%!important}#experience .sticker.sk-badge{inset:21.58% auto auto 76.67%!important}#experience .sticker.sk-clock{inset:26.25% auto auto 18.89%!important}#noddy .sticker.sk-key{inset:50.05% auto auto 41.11%!important}#noddy .sticker.sk-bulb{inset:35.22% auto auto 21.11%!important}#noddy .sticker.sk-scouts{inset:35.22% auto auto 61.11%!important}#off-the-clock .sticker.sk-mug{inset:84.05% auto auto 56.67%!important}#off-the-clock .sticker.sk-ticket{inset:20.86% auto auto 3.33%!important}}@media (width>=341px) and (width<=367px) and (height>=690px){#experience .sticker.sk-badge{inset:25.41% auto auto 18.89%!important}#experience .sticker.sk-atom{inset:18.92% auto auto 58.89%!important}#noddy .sticker.sk-key{inset:49.19% auto auto 41.11%!important}#noddy .sticker.sk-bulb{inset:38.38% auto auto 23.33%!important}#noddy .sticker.sk-floppy{inset:38.38% auto auto 81.11%!important}#off-the-clock .sticker.sk-platform{inset:76.22% auto auto 67.78%!important}#off-the-clock .sticker.sk-headphones{inset:92.43% auto auto 56.67%!important}}@media (width>=368px) and (width<=382px) and (height<=739px){#intro .sticker.sk-aura{inset:.53% auto auto 52.27%!important}#intro .sticker.sk-wrench{inset:48.45% auto auto 13.87%!important}#projects .sticker.sk-rocket{inset:13.79% auto auto 37.33%!important}#experience .sticker.sk-marble{inset:27.38% auto auto 13.87%!important}#noddy .sticker.sk-key{inset:66.36% auto auto 37.33%!important}#off-the-clock .sticker.sk-cassette{inset:81.36% auto auto 65.07%!important}#off-the-clock .sticker.sk-ticket{inset:20.79% auto auto 3.2%!important}#off-the-clock .sticker.sk-headphones{inset:83.73% auto auto 54.4%!important}}@media (width>=368px) and (width<=382px) and (height>=740px){#intro .sticker.sticker-noddy-car{inset:17.24% auto auto 67.2%!important}#intro .sticker.sk-aura{inset:.49% auto auto 52.27%!important}#intro .sticker.sk-wrench{inset:53.69% auto auto 9.6%!important}#intro .sticker.sk-battery{inset:46.8% auto auto 3.2%!important}#projects .sticker.sk-rocket{inset:17.24% auto auto 58.67%!important}#experience .sticker.sk-marble{inset:26.11% auto auto 13.87%!important}#experience .sticker.sk-atom{inset:87.19% auto auto 39.47%!important}#experience .sticker.sk-blueprint{inset:87.19% auto auto 7.47%!important}#noddy .sticker.sk-key{inset:48.77% auto auto 35.2%!important}#contact .sticker.sk-plane{inset:38.92% auto auto 3.2%!important}#contact .sticker.sk-mailbox{inset:36.95% auto auto 52.27%!important}#off-the-clock .sticker.sk-cassette{inset:81.28% auto auto 67.2%!important}#off-the-clock .sticker.sk-ticket{inset:22.17% auto auto 3.2%!important}#off-the-clock .sticker.sk-headphones{inset:84.24% auto auto 54.4%!important}}@media (width>=383px) and (width<=400px){#intro .sticker.sticker-noddy-car{inset:16.59% auto auto 52.31%!important}#intro .sticker.sk-battery{inset:45.02% auto auto 3.08%!important}#projects .sticker.sk-phone{inset:15.64% auto auto 3.08%!important}#experience .sticker.sk-badge{inset:7.11% auto auto 33.85%!important}#experience .sticker.sk-clock{inset:18.48% auto auto 54.36%!important}#noddy .sticker.sk-floppy{inset:91.47% auto auto 3.08%!important}#contact .sticker.sk-mailbox{inset:37.44% auto auto 25.64%!important}#off-the-clock .sticker.sk-platform{inset:26.07% auto auto 74.87%!important}#off-the-clock .sticker.sk-headphones{inset:79.15% auto auto 64.62%!important}}@media (width>=401px) and (width<=424px) and (height<=860px){#projects .sticker.sk-rocket{inset:17.84% auto auto 51.46%!important}#experience .sticker.sk-atom{inset:17.01% auto auto 76.7%!important}#experience .sticker.sk-clock{inset:23.82% auto auto 16.5%!important}}@media (width>=401px) and (width<=424px) and (height>=861px){#intro .sticker.sticker-noddy-car{inset:14.73% auto auto 66.67%!important}#experience .sticker.sk-atom{inset:16.52% auto auto 74.4%!important}#noddy .sticker.sk-key{inset:30.8% auto auto 24.15%!important}#noddy .sticker.sk-wings{inset:37.05% auto auto 2.9%!important}}@media (width>=425px) and (width<=860px){#intro .sticker.sticker-noddy-car{inset:31.33% auto auto 67.91%!important}#intro .sticker.sticker-opentv-icon{inset:21.89% auto auto 53.02%!important}#noddy .sticker.sk-key{inset:29.61% auto auto 2.79%!important}#off-the-clock .sticker.sk-mug{inset:86.27% auto auto 51.16%!important}#off-the-clock .sticker.sk-ticket{inset:78.54% auto auto 67.91%!important}}