.identity-bio{position:relative}.skill-stack{z-index:250;flex-shrink:0;align-items:center;gap:14px;width:max-content;display:flex;position:relative}.skill-badges{align-items:center;padding-inline:5px;display:flex}.skill-badge{--badge-size:52px;width:var(--badge-size);height:var(--badge-size);transform:rotate(var(--rest-rotation));z-index:var(--badge-order);background:linear-gradient(150deg,#fffdf7,#eae6db);border:1px solid #ffffffa0;border-radius:16px;flex-shrink:0;place-items:center;margin-left:-12px;padding:10px;transition:transform .18s cubic-bezier(.23,1,.32,1);display:grid;position:relative;box-shadow:0 1px 2px #32251026,0 6px 10px -5px #32251045,inset 0 1px #fff}.skill-badge:first-child{margin-left:0}.skill-badge img{object-fit:contain;user-select:none;width:30px;height:30px}.skill-react{background:linear-gradient(145deg,#253643,#142029);border-color:#52636f;box-shadow:0 1px 2px #32251026,0 6px 10px -5px #32251045,inset 0 1px #ffffff30}.skill-vue{background:linear-gradient(145deg,#f7fff8,#d9e9df)}.skill-solidity{background:linear-gradient(145deg,#f7f7ff,#dfdee9)}.skill-huggingface{background:linear-gradient(145deg,#fff6d8,#f4da8c);border-color:#fff5cf}.skill-huggingface img{width:34px;height:34px}.skill-whiskers{pointer-events:none;width:34px;height:28px;position:absolute;top:-17px;right:-19px;overflow:visible}.skill-whiskers path{stroke:#202017;stroke-width:2.5px;stroke-linecap:round}.skill-stack-label{color:#514b35;white-space:nowrap;font-size:12px;font-weight:500}.skill-stack[data-open] .skill-badge{transform:translateX(var(--fan-x)) rotate(0)}.skill-stack[data-open] .skill-badge[aria-expanded=true]{transform:translate(var(--fan-x), -5px) rotate(0) scale(1.04);z-index:5;box-shadow:0 2px 3px #32251026,0 12px 16px -8px #32251060,inset 0 1px #ffffff80}.skill-stack .skill-badge:active{transform:translate(var(--fan-x), -2px) scale(.97)}.skill-badge:focus-visible{outline-offset:3px}.skill-info{color:#fffaf0;transform-origin:24px -12px;background:#24251e;border:1px solid #ffffff24;border-radius:16px;width:min(280px,100vw - 40px);padding:16px;transition:opacity .16s,transform .16s cubic-bezier(.23,1,.32,1);position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 12px 24px -10px #20201755;@starting-style{opacity:0;transform:translateY(-3px)scale(.97)}}.skill-info:before{content:"";height:12px;position:absolute;top:-12px;left:0;right:0}.skill-stack[data-above] .skill-info{transform-origin:24px calc(100% + 12px);top:auto;bottom:calc(100% + 12px)}.skill-stack[data-above] .skill-info:before{top:auto;bottom:-12px}.skill-info-heading{flex-direction:column;gap:2px;display:flex}.skill-info-heading strong{font-family:var(--font-display);letter-spacing:-.035em;font-size:22px;line-height:1.1}.skill-info-heading span{color:#c8cbbb;font-size:12px}.identity-caption .skill-info p{margin:10px 0 0;font-size:14px;line-height:1.45}.skill-credit{color:#c8cbbb;width:max-content;margin-top:12px;font-size:12px;display:block}.skill-stack[data-input=keyboard] .skill-badge,.skill-stack[data-input=keyboard] .skill-info,.skill-stack[data-instant] .skill-info{transition:none}@media (width<=1050px){.skill-stack-label{font-size:12px}}@media (width<=600px){.skill-stack{align-self:flex-end;gap:12px}.skill-badge{--badge-size:44px;border-radius:13px;margin-left:-10px;padding:8px}.skill-badge img{width:26px;height:26px}.skill-huggingface img{width:30px;height:30px}}@media (width<=600px) and (height<=600px),(width>=601px) and (height<=500px){.portfolio-shell{position:relative}.identity-bio{position:static}.identity-caption .skill-stack{top:calc(var(--shell-top) + env(safe-area-inset-top,0px));right:max(var(--edge), env(safe-area-inset-right,0px));margin:0;position:absolute}.skill-stack-label{display:none}.skill-badge{--badge-size:32px;border-radius:10px;margin-left:-7px;padding:3px}.skill-badge img{width:24px;height:24px}.skill-huggingface img{width:27px;height:27px}.skill-whiskers{width:24px;height:20px;top:-9px;right:-12px}.skill-stack .skill-info{transform-origin:100% 0;right:0}body.portfolio-page .utility-role,body.portfolio-page .language-label{display:none}}@media (prefers-reduced-motion:reduce){.skill-badge,.skill-info{transition:none}.skill-stack[data-open] .skill-badge,.skill-stack[data-open] .skill-badge[aria-expanded=true]{transform:none}}body.portfolio-page .portfolio-shell{--shell-top:clamp(12px, 2.2dvh, 28px);--shell-bottom:clamp(12px, 2.2dvh, 28px);height:100dvh;padding:calc(var(--shell-top) + env(safe-area-inset-top,0px)) max(var(--edge), env(safe-area-inset-right,0px)) calc(var(--shell-bottom) + env(safe-area-inset-bottom,0px)) max(var(--edge), env(safe-area-inset-left,0px))}body.portfolio-page .showcase{--window-height-limit:min(520px, calc(var(--project-width,min(62vw, 900px)) * .8 + 160px));height:100%;max-height:calc(var(--window-height-limit) + 106px);align-self:start}body.portfolio-page .project-window{max-height:var(--window-height-limit)}body.portfolio-page .identity-bio{min-width:0}body.portfolio-page .identity-expertise{margin-bottom:2px;font-weight:650}body.portfolio-page .identity-intro{max-width:50ch}body.portfolio-page .identity-caption{gap:28px}body.portfolio-page .project-art,body.portfolio-page .browser-chrome{pointer-events:none}body.portfolio-page .browser-chrome{user-select:none}.compact-preview-label{display:none}body.portfolio-page .project-info{justify-content:space-between;align-items:center;gap:16px;height:96px;padding:12px 20px;display:flex}body.portfolio-page .project-heading{min-width:0}body.portfolio-page .project-info h2{font-size:clamp(24px,2.2vw,34px);line-height:1.05}body.portfolio-page .project-actions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}body.portfolio-page .project-tech{font-size:var(--small-type);line-height:1.3;display:block}body.portfolio-page .project-cta{color:#fffaf0;white-space:nowrap;cursor:pointer;background:#202017;border:1px solid #202017;border-radius:99px;flex-direction:row;flex:none;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 14px;font-size:12px;font-weight:600;transition:transform .16s cubic-bezier(.23,1,.32,1),background .16s;display:inline-flex}body.portfolio-page .project-cta svg{width:14px;height:14px}body.portfolio-page .project-cta:active{transform:scale(.97)}body.portfolio-page .project-cta:focus-visible{outline-offset:3px}body.portfolio-page .project-window:not(.is-active) .project-cta{color:#202017;background:0 0;border-color:#20201755}body.portfolio-page .select-window{cursor:pointer}body.portfolio-page .gallery-label{flex-direction:column;gap:3px;display:flex}body.portfolio-page .gallery-hint{color:#514b35}body.portfolio-page .gallery-arrows button{border:1px solid #20201730;border-radius:50%;min-width:44px;min-height:44px}body.portfolio-page .project-tab,body.portfolio-page .contact-link{min-height:44px}@media (hover:hover) and (pointer:fine){body.portfolio-page .project-cta:hover{background:#3b3e30;transform:translateY(-1px)}body.portfolio-page .gallery-arrows button:hover{background:#fffaf038}}@media (width<=1050px){body.portfolio-page .gallery-label{display:none}body.portfolio-page .identity-caption{align-items:flex-start;gap:18px}body.portfolio-page .skill-stack-label{display:block}}@media (width>=601px) and (width<=850px) and (height>=501px){body.portfolio-page .identity-caption{flex-direction:column;gap:14px}body.portfolio-page .skill-stack{align-self:flex-end}}@media (width<=600px){body.portfolio-page .portfolio-shell{--shell-top:16px;--shell-bottom:16px}body.portfolio-page .identity{padding-top:18px;padding-bottom:12px}body.portfolio-page .identity-caption{flex-direction:column;gap:12px;font-size:13px}body.portfolio-page .skill-stack-label{display:block}body.portfolio-page .skill-badge{--badge-size:42px;padding:7px}body.portfolio-page .project-info{flex-direction:column;justify-content:center;align-items:stretch;gap:7px;height:116px;padding:10px 13px;display:flex}body.portfolio-page .project-info h2{white-space:nowrap;margin-top:2px;font-size:25px}body.portfolio-page .project-kind{display:none}body.portfolio-page .project-actions{flex-direction:row;justify-content:space-between;align-items:center;gap:8px}body.portfolio-page .project-tech{white-space:normal;min-width:0;font-size:12px}body.portfolio-page .project-cta{gap:5px;min-height:44px;padding-inline:11px}body.portfolio-page .project-picker{height:50px}body.portfolio-page .project-picker.is-linked:before{height:44px;top:3px}body.portfolio-page .project-picker.is-linked .project-tab{min-height:44px;top:3px}body.portfolio-page .gallery-arrows{display:none}body.portfolio-page .gallery-controls{padding:4px 0 8px}body.portfolio-page .contact-intro{margin-bottom:12px}body.portfolio-page .skeep-art .business-preview-copy{flex:0 0 72%;width:72%}body.portfolio-page .skeep-art .landing-miniature{display:none}body.portfolio-page .skeep-art .business-headline{font-size:clamp(22px,min(12cqh,9cqw),32px)}body.portfolio-page .skeep-mobile-screen{aspect-ratio:2/3;bottom:12px;right:-8px;width:clamp(70px,26cqw,120px)!important;height:auto!important}}@media (width<=600px) and (height<=700px){body.portfolio-page .portfolio-shell{--shell-top:12px;--shell-bottom:12px}body.portfolio-page .identity{padding-top:14px;padding-bottom:10px}body.portfolio-page .identity-caption{gap:9px;font-size:12px}body.portfolio-page .project-info{gap:5px;height:108px;padding-block:8px}}@media (width<=600px) and (height<=600px){body.portfolio-page .utility-row{height:28px}body.portfolio-page .identity{padding-top:9px;padding-bottom:8px}body.portfolio-page .identity-caption{gap:0}body.portfolio-page .skill-stack-label{display:none}body.portfolio-page .skill-badge{--badge-size:32px;padding:3px}body.portfolio-page .project-info{height:92px}body.portfolio-page .project-info h2{font-size:23px}body.portfolio-page .project-category{display:none}body.portfolio-page .project-window{height:calc(100% - 14px);top:4px}body.portfolio-page .browser-chrome{height:24px}body.portfolio-page .project-info{height:86px;padding-block:6px}body.portfolio-page .project-picker{height:46px}body.portfolio-page .project-picker.is-linked .project-tab,body.portfolio-page .project-picker.is-linked:before{top:1px}body.portfolio-page .gallery-controls{padding-block:2px 4px}body.portfolio-page .contact-row{padding-top:6px}}@media (width<=600px) and (height<=460px){body.portfolio-page .identity{padding-block:6px}body.portfolio-page .identity h1{margin-bottom:6px;font-size:12.7vw}body.portfolio-page .identity-expertise{display:none}}@media (width>=601px) and (height<=500px){body.portfolio-page .portfolio-shell{--shell-top:12px;--shell-bottom:12px}body.portfolio-page .utility-row{height:30px}body.portfolio-page .identity-caption{font-size:13px;display:block}body.portfolio-page .skill-stack-label{display:none}body.portfolio-page .identity h1{font-size:min(6.6vw,21dvh)}body.portfolio-page .project-info{gap:10px;height:88px;padding:8px 14px}body.portfolio-page .project-info h2{font-size:25px}body.portfolio-page .gallery-label{display:none}body.portfolio-page .gallery-controls{flex-wrap:wrap;justify-content:center;gap:5px;padding:3px 0 7px;display:flex}body.portfolio-page .gallery-arrows{display:none}body.portfolio-page .project-tab{min-height:44px;font-size:12px}}@media (width>=601px) and (height<=400px){body.portfolio-page .identity{padding-block:6px}body.portfolio-page .identity h1{margin-bottom:10px;font-size:min(6.6vw,11dvh)}body.portfolio-page .identity-expertise{display:none}body.portfolio-page .project-window{height:calc(100% - 14px);top:4px}body.portfolio-page .browser-chrome{height:24px}body.portfolio-page .project-info{height:78px;padding-block:6px}body.portfolio-page .project-category{display:none}body.portfolio-page .gallery-controls{padding-block:2px 4px}}@media (width>=601px) and (height>=501px) and (height<=800px){body.portfolio-page .identity{padding-block:14px}body.portfolio-page .identity h1{margin-bottom:12px;font-size:min(13.55vw,18dvh)}body.portfolio-page .project-window{height:calc(100% - 22px);top:6px}body.portfolio-page .gallery-controls{padding-block:6px 8px}}@container gallery (width>=1200px){body.portfolio-page .project-info{flex-direction:column;justify-content:center;align-items:stretch;gap:7px;height:116px;padding:10px 16px;display:flex}body.portfolio-page .project-info h2{font-size:clamp(24px,1.35vw,34px)}body.portfolio-page .project-kind{display:none}body.portfolio-page .project-actions{flex-direction:row;justify-content:space-between;align-items:center;gap:8px}body.portfolio-page .project-tech{white-space:normal}}@container artwork (height<=80px){body.portfolio-page .project-art{justify-content:center;align-items:center;padding:4px 12px}body.portfolio-page .project-art>:not(.compact-preview-label){display:none!important}body.portfolio-page .compact-preview-label{font-family:var(--font-display);letter-spacing:-.025em;text-align:center;font-size:clamp(17px,3.3cqw,30px);font-weight:650;line-height:1.1;display:block}}@container artwork (width>=500px) and (height>=81px) and (height<=150px){body.portfolio-page .landing-miniature{max-width:calc(177.78cqh - 14.2224px);max-height:calc(100cqh - 8px);display:flex}}@container artwork (width>=500px) and (height>=81px) and (height<=250px){body.portfolio-page .business-headline,body.portfolio-page .art-headline{font-size:clamp(22px,min(24cqh,4.4cqw),44px)}}@container artwork (height<=180px){body.portfolio-page .skeep-mobile-screen{display:none!important}}@container artwork (height<=32px){body.portfolio-page .compact-preview-label{display:none}}@media (prefers-reduced-motion:reduce){body.portfolio-page .project-cta{transition:none}body.portfolio-page .project-cta:hover{transform:none}}