.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;background:var(--lock-background);width:100%;height:100dvh;min-height:540px;color:var(--lock-foreground);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:"Press Start 2P",ui-monospace,monospace;position:relative;overflow:hidden}.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{right:max(20px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));border:1px solid var(--lock-secondary);background:var(--lock-background);min-height:44px;color:var(--lock-secondary);font:inherit;cursor:pointer;padding:10px 12px;font-size:9px;line-height:1.5;position:absolute}.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__avatar{object-fit:contain;width:19.55%;height:37.3%;image-rendering:pixelated;position:absolute;top:10.08%;left:40.98%}html[data-portfolio-entered=true] .pixel-lock:not(.pixel-lock--preview){visibility:hidden}.pixel-lock__clock{font-variant-numeric:tabular-nums;position:absolute;top:5.04%;left:2.84%}.pixel-lock__time{color:var(--lock-accent);font-size:min(2.52vw,4.03dvh);line-height:1.15;display:block}.pixel-lock__date{letter-spacing:-.02em;margin-top:min(.5vw,.8dvh);font-size:min(.95vw,1.52dvh);line-height:1.6}.pixel-lock__name,.pixel-lock__role,.pixel-lock__welcome{text-align:center;width:max-content;max-width:calc(100% - 40px);margin:0;font-weight:400;position:absolute;left:50%;transform:translate(-50%)}.pixel-lock__name{letter-spacing:-.04em;font-size:min(2.9vw,4.64dvh);line-height:1.2;top:49.5%}.pixel-lock__role{color:var(--lock-secondary);font-size:min(1.34vw,2.14dvh);line-height:1.4;top:56.4%}.pixel-lock__welcome{color:var(--lock-secondary);font-size:min(.88vw,1.41dvh);line-height:1.4;top:61.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(22.1vw,35.3dvh);height:7%;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;white-space:nowrap;cursor:pointer;border-radius:0;justify-content:center;align-items:center;gap:16px;padding:12px;font-size:min(1.07vw,1.71dvh);transition:background-color .12s,translate .12s;display:flex;position:absolute;top:65.1%;left:50%;transform:translate(-50%)}.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{color:var(--lock-foreground);padding:12px;text-decoration:underline;position:absolute;top:81%;left:50%;transform:translate(-50%)}.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<=640px){.pixel-lock{min-height:600px}.pixel-lock__wallpaper{object-fit:cover}.pixel-lock__clock{top:max(24px, env(safe-area-inset-top));left:24px}.pixel-lock__time{font-size:28px}.pixel-lock__date{margin-top:12px;font-size:10px}.pixel-lock__avatar{width:180px;height:29%;top:18%;left:50%;transform:translate(-50%)}.pixel-lock__name{font-size:clamp(24px,7vw,32px);top:49%}.pixel-lock__role{font-size:13px;top:56%}.pixel-lock__welcome{font-size:11px;top:62%}.pixel-lock__enter{gap:12px;width:calc(100% - 64px);max-width:340px;height:58px;min-height:58px;font-size:clamp(11px,3.5vw,14px);top:67%}}@media (width>=641px) and (height<=600px){.pixel-lock{grid-template-columns:1fr 1fr;align-content:center;gap:14px 24px;height:auto;min-height:100svh;padding:100px 40px 44px;display:grid}.pixel-lock__clock{top:24px;left:24px}.pixel-lock__time{font-size:24px}.pixel-lock__date{margin-top:12px;font-size:10px}.pixel-lock__avatar{grid-area:1/1/span 4;width:100%;height:210px;position:static}.pixel-lock__name,.pixel-lock__role,.pixel-lock__welcome,.pixel-lock__enter{grid-column:2;width:100%;max-width:none;position:static;transform:none}.pixel-lock__name{align-self:end;font-size:24px}.pixel-lock__role{font-size:12px}.pixel-lock__welcome{font-size:11px}.pixel-lock__enter{gap:12px;height:52px;min-height:52px;font-size:12px}}@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}}