:root{--chrome-deep:#1e1e1e;--chrome:#2b2b2b;--chrome-line:#181818;--chrome-menu:#333;--chrome-raised:#3a3a3a;--chrome-sunken:#1a1a1a;--chrome-border:#4a4a4a;--chrome-text:#d6d4d0;--chrome-text-hi:#edebe8;--chrome-text-dim:#8e8b87;--board:#fff8ef;--ink:#2a2118;--ink-soft:#4a3e31;--ink-mut:#6b5b49;--ink-dim:#8a6e52;--link:#8f3a0f;--card:#fff;--card-line:#eadfce;--card2:#fff3d6;--contact:#ffc9a3;--on-accent:#1e1e1e;--accent:#ff9a5c;--logo-bg:#2f1110}*,:before,:after{box-sizing:border-box}html,body{background:var(--chrome-deep,#1e1e1e);height:100%;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,sans-serif}a{color:#c4551b;text-decoration:none}a:hover{color:var(--link,#8f3a0f)}@keyframes drawline{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes floaty{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(6deg)}to{transform:translateY(0)rotate(0)}}@keyframes fadeup{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}#app,#app *{transition:background-color .25s,color .25s,border-color .25s}@media (max-width:980px){#toolrail,#sidepanel{display:none!important}#app{grid-template-columns:1fr!important}#workspace{grid-column:1!important}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.hover-accent-fill:hover{background:var(--accent)!important;color:var(--on-accent)!important}.hover-ghost-ink:hover{border-color:var(--accent)!important;color:var(--link)!important}.hover-ghost-chrome:hover{border-color:var(--accent)!important;color:var(--accent)!important}.hover-menu:hover{background:var(--chrome-raised)!important}.hover-layer:hover{background:var(--chrome-raised)!important;color:var(--chrome-text-hi)!important}.hover-social:hover{background:var(--ink)!important;color:var(--board)!important}.hover-email:hover{color:var(--link)!important;border-color:var(--link)!important}.umbrella-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px #00000073;border-color:var(--accent)!important}.slg-zoom-in{animation:.62s cubic-bezier(.4,0,.2,1) both slg-zoom-in}.slg-zoom-out{animation:.52s cubic-bezier(.45,0,.55,1) both slg-zoom-out}@keyframes slg-zoom-in{0%{opacity:0;transform:translate(var(--slg-x,0px), var(--slg-y,0px)) scale(var(--slg-sx,1), var(--slg-sy,1))}25%{opacity:1}to{opacity:1;transform:translate(0)scale(1)}}@keyframes slg-zoom-out{0%{opacity:1;transform:translate(0)scale(1)}70%{opacity:1}to{opacity:0;transform:translate(var(--slg-x,0px), var(--slg-y,0px)) scale(var(--slg-sx,1), var(--slg-sy,1))}}.slg-fade-in{animation:.5s ease-out both slg-fade-in}.slg-fade-out{animation:.52s ease-in both slg-fade-out}@keyframes slg-fade-in{0%{opacity:0}to{opacity:1}}@keyframes slg-fade-out{0%{opacity:1}to{opacity:0}}.hero-notes{aspect-ratio:340/560;pointer-events:none;z-index:5;width:clamp(300px,32%,360px);position:absolute;top:clamp(96px,9vw,128px);right:clamp(24px,3.5vw,56px)}@media (max-width:1399px) and (min-width:769px){.hero-notes{display:none}}.hn-thread{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hn-thread-wobble{animation:9s ease-in-out infinite alternate hn-wobble}.hn-spot{width:0;height:0;position:absolute}.hn-spot[data-open=true]{z-index:60}.hn-sway{animation:hn-sway var(--sway-dur,7s) ease-in-out var(--sway-delay,0s) infinite alternate;transform-origin:50% 0}.hn-spot[data-open=true] .hn-sway{animation-play-state:paused}.hn-note{pointer-events:auto;color:#2a2118;text-align:left;cursor:pointer;transform-origin:50% 0;width:200px;min-height:148px;transform:rotate(var(--rot,0deg)) scale(.21);border:none;border-radius:3px;padding:26px 18px 18px;transition:transform .38s cubic-bezier(.3,1.3,.45,1);position:absolute;top:0;left:-100px;box-shadow:0 12px 22px #2a211833}.hn-spot[data-open=true] .hn-note{transform:rotate(0)scale(1)}.hn-note:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.hn-pin{filter:drop-shadow(0 2px 2px #0000004d);width:18px;height:18px;position:absolute;top:-7px;left:50%;transform:translate(-50%)}.hn-tag{color:#2a21188c;opacity:1;place-items:center;font-family:Caveat,cursive;font-size:88px;font-weight:600;transition:opacity .22s;display:grid;position:absolute;inset:0}.hn-text{opacity:0;font-family:Caveat,cursive;font-size:21px;font-weight:600;line-height:1.35;transition:opacity .28s 80ms;display:block}.hn-spot[data-open=true] .hn-tag{opacity:0;transition-delay:0s}.hn-spot[data-open=true] .hn-text{opacity:1}@keyframes hn-sway{0%{transform:rotate(-1.3deg)}to{transform:rotate(1.3deg)}}@keyframes hn-wobble{0%{transform:translateY(0)rotate(-.25deg)}to{transform:translateY(2px)rotate(.25deg)}}@media (prefers-reduced-motion:reduce){.hn-sway,.hn-thread-wobble{animation:none}}.bk-turn-fwd{animation:.95s cubic-bezier(.4,.05,.2,1) both bk-turn-fwd}.bk-turn-back{animation:.95s cubic-bezier(.4,.05,.2,1) both bk-turn-back}@keyframes bk-turn-fwd{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes bk-turn-back{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.bk-single-fwd{animation:.95s cubic-bezier(.4,.05,.2,1) both bk-single-fwd}.bk-single-back{animation:.95s cubic-bezier(.4,.05,.2,1) both bk-single-back}@keyframes bk-single-fwd{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes bk-single-back{0%{transform:rotateY(-180deg)}to{transform:rotateY(0)}}.slg-in-right{animation:.52s cubic-bezier(.33,0,.15,1) both slg-in-right}.slg-in-left{animation:.52s cubic-bezier(.33,0,.15,1) both slg-in-left}.slg-out-left{animation:.52s cubic-bezier(.33,0,.15,1) both slg-out-left}.slg-out-right{animation:.52s cubic-bezier(.33,0,.15,1) both slg-out-right}@keyframes slg-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slg-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slg-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slg-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.slg-in-right,.slg-in-left,.slg-out-left,.slg-out-right,.slg-zoom-in,.slg-zoom-out,.bk-turn-fwd,.bk-turn-back,.bk-single-fwd,.bk-single-back{animation-duration:.01ms}}.about-skills{display:none}@media (max-width:980px){.about-skills{display:block}}.cert-mobile{display:none}.cert-badge{transition:transform .18s}.cert-badge:hover{transform:translateY(-2px)}@media (max-width:768px){#app{grid-template-rows:44px 1fr calc(58px + env(safe-area-inset-bottom,0px))!important;grid-template-columns:1fr!important;height:100dvh!important}body{overflow-x:hidden}#statusbar,.mb-name{display:none!important}.mb-nav{height:100%!important}.mb-nav a{padding:0 10px!important}.mb-cv-long{display:none!important}.mb-cv{padding:8px 12px!important}.ws-ruler{height:10px!important}.ws-content{gap:32px!important;padding:18px 12px 44px!important}.board{padding:22px 16px!important}#toolrail{padding:6px 10px calc(6px + env(safe-area-inset-bottom,0px))!important;border-right:none!important;border-top:1px solid var(--chrome-line,#181818)!important;flex-direction:row!important;grid-area:3/1!important;align-items:center!important;display:flex!important}.rail-grip,.rail-dots,.rail-spacer,.rail-tip{display:none!important}.rail-tools{flex:auto;justify-content:space-evenly;flex-direction:row!important;gap:2px!important}.rail-tools button{width:44px!important;height:44px!important}.rail-swatch{margin-left:6px;margin-top:0!important}.rail-swatch-btn{width:36px!important;height:36px!important}.rail-theme-menu{inset:auto 0 48px auto!important}.hero-board{flex-direction:column;display:flex}.hero-name{font-size:clamp(38px,12vw,52px)!important}.hero-cta a{padding:13px 22px!important}.hero-notes{order:1;justify-content:center;gap:28px;height:96px;margin:2px 0 0;aspect-ratio:auto!important;width:auto!important;display:flex!important;position:static!important}.hero-reel{order:2}.hero-notes .hn-thread{display:none!important}.hero-notes .hn-spot{width:44px!important;height:44px!important;position:relative!important;top:auto!important;left:auto!important}.hero-notes .hn-note{left:calc(50% - 100px)!important}.hn-note{transform:rotate(var(--rot,0deg)) scale(.3)}.hero-notes .hn-spot:first-of-type[data-open=true] .hn-note{transform:translate(56px)rotate(0)scale(1)}.hero-notes .hn-spot:last-of-type[data-open=true] .hn-note{transform:translate(-56px)rotate(0)scale(1)}.about-grid{grid-template-columns:1fr!important}.cert-desktop{display:none!important}.cert-mobile{display:block!important}.work-grid{grid-template-columns:1fr!important}.game-grid{gap:6px!important;max-width:100%!important}.game-grid button[aria-label^=Tile]{min-width:0!important}#app input[type=text]{font-size:16px!important}#game button{min-height:44px}#work button[aria-label="Play reel preview"]{width:44px!important;height:44px!important}.mb-cv{min-height:38px}#about a[download],#about span[role=button]{min-height:44px}.umb-header{flex-direction:column!important}.umb-copy{max-width:none!important}.umb-actions{order:-1;align-self:flex-end}.slg-media{max-width:calc(100vw - 16px)!important}iframe.slg-media{height:min(82vh,56.25vw - 9px)!important}.slg-panel{box-sizing:border-box;max-width:calc(100vw - 24px)!important;padding:16px!important}.slg-panel .slg-media{max-width:100%!important;height:auto!important;max-height:66vh!important}}