.portfolio-entry{isolation:isolate;position:relative;overflow:hidden}.portfolio-entry__content{z-index:0;position:absolute;inset:0;overflow:hidden}.pixel-lock{--lock-background:var(--theme-background-dark);--lock-foreground:oklch(96% .018 155);--lock-secondary:oklch(86% .045 155);--lock-accent:oklch(84% .13 155);--lock-accent-hover:oklch(90% .11 155);--lock-ink:oklch(15% .015 155);z-index:1;isolation:isolate;width:100%;min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));background:var(--lock-background);color:var(--lock-foreground);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;grid-template-rows:auto 1fr auto;gap:24px;font-family:"Press Start 2P",ui-monospace,monospace;display:grid;position:relative}.pixel-lock__wallpaper{z-index:-1;object-fit:cover;object-position:center bottom;width:100%;height:100%;position:absolute;inset:0}.pixel-lock:not(.pixel-lock--photo) .pixel-lock__wallpaper{z-index:-3;image-rendering:pixelated}.pixel-lock:not(.pixel-lock--photo):before{content:"";z-index:-2;pointer-events:none;background:linear-gradient(#070d091f 0%,#070d0929 36%,#070d0961 49% 70%,#070d0900 86%);position:absolute;inset:0}.pixel-lock__atmosphere{z-index:-1;pointer-events:none;position:absolute;inset:0}.pixel-lock__firefly{background:var(--lock-foreground);opacity:.35;width:3px;height:3px;animation:18s ease-in-out infinite pixel-lock-firefly;position:absolute;top:76%;left:9%;box-shadow:0 0 7px 2px #7fe4a573}.pixel-lock__firefly:nth-child(2){animation-delay:-7s;top:81%;left:23%}.pixel-lock__firefly:nth-child(3){animation-delay:-12s;top:79%;left:78%}.pixel-lock__firefly:nth-child(4){animation-delay:-3s;top:67%;left:92%}.pixel-lock__firefly:nth-child(5){animation-delay:-15s;top:88%;left:63%}.pixel-lock__firefly:nth-child(6){animation-delay:-10s;top:62%;left:4%}.pixel-lock__firefly:nth-child(n+7){display:none}@media (width>=1024px){.pixel-lock__firefly:nth-child(n+7){display:block}.pixel-lock__firefly:nth-child(7){animation-delay:-5s;top:69%;left:16%}.pixel-lock__firefly:nth-child(8){animation-delay:-13s;top:85%;left:34%}.pixel-lock__firefly:nth-child(9){animation-delay:-9s;top:73%;left:70%}.pixel-lock__firefly:nth-child(10){animation-delay:-16s;top:89%;left:87%}}.pixel-lock__atmosphere--paused .pixel-lock__firefly{animation-play-state:paused}@keyframes pixel-lock-firefly{0%,to{opacity:.35;transform:translate(0)}40%{opacity:.85}50%{transform:translate(18px,-24px)}75%{opacity:.5}}.pixel-lock__motion-toggle{border:1px solid var(--lock-secondary);background:var(--lock-background);min-width:0;max-width:100%;min-height:44px;color:var(--lock-secondary);font:inherit;overflow-wrap:anywhere;cursor:pointer;padding:10px 12px;font-size:.875rem;line-height:1.5}.pixel-lock__motion-toggle:hover{color:var(--lock-foreground)}.pixel-lock__motion-toggle:focus-visible{outline:3px solid var(--lock-foreground);outline-offset:4px}.pixel-lock--photo .pixel-lock__wallpaper{z-index:-2}.pixel-lock--photo:after{content:"";z-index:-1;pointer-events:none;background:#07120ca3;position:absolute;inset:0}.pixel-lock__profile{align-self:center;justify-items:center;gap:24px;width:min(100%,44rem);min-width:0;margin-inline:auto;display:grid}.pixel-lock__avatar{object-fit:contain;width:min(100%,240px);height:clamp(140px,28dvh,280px);image-rendering:pixelated}html[data-portfolio-entered=true] .pixel-lock:not(.pixel-lock--preview){visibility:hidden}.pixel-lock__clock{font-variant-numeric:tabular-nums;min-width:0}.pixel-lock__time{overflow-wrap:anywhere;color:var(--lock-accent);font-size:clamp(1.75rem,2.52vw,2.5rem);line-height:1.15;display:block}.pixel-lock__date{letter-spacing:-.02em;overflow-wrap:anywhere;max-width:30ch;margin:12px 0 0;font-size:.875rem;line-height:1.6}.pixel-lock__identity{text-align:center;justify-items:center;gap:20px;width:100%;min-width:0;display:grid}.pixel-lock__name,.pixel-lock__role,.pixel-lock__welcome{overflow-wrap:anywhere;min-width:0;max-width:100%;margin:0;font-weight:400}.pixel-lock__name{letter-spacing:-.04em;font-size:clamp(1.5rem,2.9vw,2.75rem);line-height:1.4}.pixel-lock__role{color:var(--lock-secondary);font-size:clamp(.875rem,1.34vw,1.25rem);line-height:1.6}.pixel-lock__welcome{color:var(--lock-secondary);text-wrap:balance;font-size:.875rem;line-height:1.6}.pixel-lock__enter{border:3px solid var(--lock-ink);outline:2px solid var(--lock-accent);outline-offset:2px;background:var(--lock-accent);width:min(100%,24rem);min-width:0;min-height:60px;box-shadow:5px 5px 0 1px var(--lock-ink), 6px 6px 0 2px var(--lock-accent);color:var(--lock-ink);font:inherit;cursor:pointer;border-radius:0;justify-content:center;align-items:center;gap:12px;margin-top:4px;padding:16px;font-size:clamp(.875rem,1.07vw,1rem);line-height:1.6;transition:background-color .12s,translate .12s;display:flex}.pixel-lock__enter span{overflow-wrap:anywhere;min-width:0}.pixel-lock__controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;min-width:0;display:flex}.pixel-lock__enter svg{flex-shrink:0;width:22px;height:22px}.pixel-lock__enter:hover{background:var(--lock-accent-hover);translate:0 -2px}.pixel-lock__enter:active{translate:2px 2px}.pixel-lock__enter:focus-visible{outline:3px solid var(--lock-foreground);outline-offset:9px}.pixel-lock__enter:disabled{cursor:progress}.pixel-lock__no-script{overflow-wrap:anywhere;max-width:100%;min-height:44px;color:var(--lock-foreground);padding:12px;text-decoration:underline;display:inline-block}@media (scripting:none){.pixel-lock__enter,.pixel-lock__motion-toggle,.pixel-lock__clock{display:none}.pixel-lock__firefly{opacity:.35;animation:none}.pixel-lock__no-script{border:3px solid var(--lock-ink);background:var(--lock-accent);width:min(100%,24rem);min-height:60px;box-shadow:5px 5px 0 1px var(--lock-ink), 6px 6px 0 2px var(--lock-accent);color:var(--lock-ink);text-align:center;justify-content:center;align-items:center;margin-top:4px;padding:16px;font-size:clamp(.875rem,1.07vw,1rem);line-height:1.6;text-decoration:none;display:inline-flex}.pixel-lock__no-script:focus-visible{outline:3px solid var(--lock-foreground);outline-offset:9px}}.pixel-lock--leaving{will-change:transform;pointer-events:none;animation:.48s cubic-bezier(.76,0,.24,1) both pixel-lock-depart}@keyframes pixel-lock-depart{to{transform:translateY(-100%)}}@media (width>=1024px){.pixel-lock{padding:max(40px, env(safe-area-inset-top)) max(40px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(40px, env(safe-area-inset-left))}}@media (width>=760px) and (height<=600px){.pixel-lock__profile{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:center;gap:32px;width:min(100%,64rem)}.pixel-lock__avatar{height:210px}}@media (prefers-reduced-motion:reduce){.pixel-lock__firefly{opacity:.35;animation:none}.pixel-lock__motion-toggle{display:none}.pixel-lock--leaving{animation:none}.pixel-lock__enter{transition:none}}