@font-face{font-family:Mow Notes Hand;src:url(/assets/fonts/mow-notes-hand.woff2)format("woff2");font-display:swap}body.portfolio-layout{color:#443023;background:#393b33}.portfolio-layout .site-topbar{z-index:20;position:absolute;inset:0 0 auto}.portfolio-layout .site-footer{display:none}.portfolio-layout #main{outline:none;min-height:100svh;padding-top:52px}.work-hall{background:#636550;width:100%;height:calc(100svh - 52px);position:relative;overflow:hidden}.work-wall{aspect-ratio:1672/941;isolation:isolate;transform-origin:57% 47%;width:max(100%,177.683svh - 92.3953px);transition:transform .65s cubic-bezier(.22,.65,.25,1),opacity .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.work-wall-art{pointer-events:none;width:100%;height:100%;transition:opacity .9s;display:block;position:absolute;inset:0}.work-wall-art-day{opacity:1}.work-wall-art-night{opacity:0}.work-room-motion{pointer-events:none;width:100%;height:100%;display:none;position:absolute;inset:0}.work-wall-ui{transform-origin:0 0;position:absolute;inset:0}.work-static-game-paint{pointer-events:none;width:17.823%;height:33.05%;position:absolute;top:24.1233%;left:31.6388%}.work-static-game-paper{pointer-events:none;width:17.823%;height:34.2189%;position:absolute;top:22.9543%;left:31.6388%}.work-static-owner{pointer-events:none;width:9.2703%;height:28.2678%;position:absolute;top:28.9054%;left:35.2273%;overflow:hidden}.work-owner-probe,.has-room-motion :is(.work-static-game-paper,.work-static-game-paint,.work-static-owner),.has-image-error :is(.work-static-game-paper,.work-static-game-paint,.work-static-owner){display:none}[data-catalog-theme=night] :is(.work-static-game-paper,.work-static-game-paint,.work-static-owner,.work-mobile-journey,.work-mobile-owner){filter:brightness(.72)sepia(.14)}.has-room-motion .work-room-motion{display:block}.work-wall.has-image-error .work-room-motion{display:none}[data-catalog-theme=night] .work-wall-art-day{opacity:0}[data-catalog-theme=night] .work-wall-art-night{opacity:1}.work-wall-title{text-align:center;color:#362b21;text-shadow:0 1px 1px #f0dbb333;width:27%;transition:color .9s;position:absolute;top:9.6%;left:37.3%}.work-wall-title h1{letter-spacing:.14em;margin:0;font:400 clamp(30px,3.2vw,64px)/1.2 Mow Notes Hand,serif}[data-catalog-theme=night] .work-wall-title{color:#ddc59c;text-shadow:0 2px 3px #1d1816}.work-entries{position:absolute;inset:0}.work-door{color:#352820;touch-action:manipulation;outline:none;text-decoration:none;display:block;position:absolute}.work-door-game{width:19.14%;height:40.06%;top:21.68%;left:30.98%}.work-door-ai{width:18.18%;height:40.06%;top:21.68%;left:52.51%}.work-door-edge{fill:none;stroke:#0000;stroke-width:2px;pointer-events:none;width:100%;height:100%;transition:stroke .25s,filter .25s;position:absolute;inset:0;overflow:visible}.work-door-label{text-align:center;white-space:nowrap;justify-content:center;align-items:center;gap:.55em;min-height:11%;font-family:Mow Notes Hand,serif;display:flex;position:absolute;inset:auto 3% .8%;transform:none}.work-door-label strong{font-size:clamp(18px,1.48vw,35px);font-weight:400;line-height:1.2}.work-door-label>span{display:none}.work-door-enter{color:#3d2b20;opacity:0;pointer-events:none;background:#e5d2aa;align-items:center;gap:.65em;width:max-content;max-width:130%;padding:.25em .65em;font:400 clamp(12px,.85vw,17px)/1.4 Mow Notes Hand,serif;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%,-4px);box-shadow:0 3px 9px #281b1833}.work-door-enter svg{flex-shrink:0}@media (hover:hover){.work-door:hover .work-door-edge{stroke:#f4e5be;filter:drop-shadow(0 3px 4px #30241b99)}.work-door:hover .work-door-enter{opacity:1;transform:translate(-50%)}}.work-door:focus-visible .work-door-edge{stroke:#fff6dd;stroke-width:3px;filter:drop-shadow(0 2px 1px #291d11)}.work-door:focus-visible .work-door-enter{opacity:1;transform:translate(-50%)}.work-door:active .work-door-edge{stroke:#fff1ca}.work-wall-note{text-align:center;color:#342920;letter-spacing:.1em;text-shadow:0 1px 1px #f3daba55;width:34%;margin:0;font:400 clamp(13px,1.05vw,21px)/1.5 Mow Notes Hand,serif;transition:color .9s;position:absolute;top:71.5%;left:33.8%}[data-catalog-theme=night] .work-wall-note{color:#f0d9af;text-shadow:0 2px 4px #25190d}.work-mobile-picture{display:none}.work-wall.is-leaving{opacity:0;transform:translate(-50%,-50%)scale(1.08)}.work-wall[data-selected=game]{transform-origin:46% 47%}.work-wall[data-selected=ai]{transform-origin:65% 45%}.work-wall-fallback{color:#382a20;text-align:center;background:#efe0c5;width:44%;margin:0;padding:12px 16px;font:14px/1.5 Mow Notes Hand,serif;position:absolute;top:77%;left:34%;box-shadow:0 4px 14px #21170f33}.work-wall-fallback[hidden]{display:none}.work-motion-notice{color:#382a20;text-align:center;background:#efe0c5;width:38%;margin:0;padding:8px 12px;font:13px/1.4 Mow Notes Hand,serif;position:absolute;top:79%;left:34%;box-shadow:0 3px 12px #21170f33}.work-motion-notice[hidden],.work-wall.has-image-error .work-motion-notice{display:none}.work-motion-notice button{color:inherit;text-underline-offset:3px;cursor:pointer;font:inherit;background:0 0;border:0;text-decoration:underline}.work-wall-fallback button{color:inherit;text-underline-offset:3px;cursor:pointer;font:inherit;background:0 0;border:0;margin-left:12px;text-decoration:underline}.work-wall.has-image-error .work-wall-art{visibility:hidden}.work-wall.has-image-error{background:#75715b}.work-wall.has-image-error .work-door{background:#ead8b7;box-shadow:0 6px 18px #30281d44}.work-wall.has-image-error .work-door-label{white-space:normal;flex-direction:column;gap:10px;display:flex;inset:25% 5%}.work-wall.has-image-error .work-door-label>span{font-size:clamp(12px,1vw,18px);display:block}.work-wall.has-image-error .work-door-enter{opacity:1}.work-wall.has-image-error :is(.work-wall-title,.work-wall-note){color:#f4e2ba}.work-wall.has-image-error .work-mobile-picture{visibility:hidden}.work-hall ::selection{color:#34281c;background:#e1bd79}.portfolio-layout astro-dev-toolbar{display:none}@media (width<=760px),(height<=500px) and (width<=1000px){.work-wall .work-room-motion{display:none}.work-wall-ui{display:contents;position:static;transform:none!important}.work-wall :is(.work-static-game-paper,.work-static-game-paint,.work-static-owner),.work-motion-notice{display:none}.work-hall{background:#444b40;height:auto;min-height:calc(100svh - 52px);padding:34px 20px 28px}.work-wall{aspect-ratio:auto;flex-direction:column;align-items:center;gap:24px;width:100%;min-height:calc(100svh - 114px);display:flex;position:relative;top:auto;left:auto;transform:none}.work-wall-art{object-fit:cover;object-position:55% center;z-index:-1;filter:brightness(.46);height:calc(100svh - 52px);position:fixed;top:52px;left:0}.work-wall-art-day{content:url(/assets/portfolio-corner-wall-day-r04.webp)}.work-wall-art-night{content:url(/assets/portfolio-corner-wall-night-r04.webp)}.work-wall-title{color:#f4e3be;text-shadow:0 2px 5px #1e211c;width:100%;position:static;transform:none}.work-wall-title h1{letter-spacing:.16em;font-size:34px}.work-entries{flex-direction:column;align-items:center;gap:26px;width:100%;display:flex;position:static}.work-door{background:#ead8b7;width:min(100%,290px);height:270px;position:relative;inset:auto;transform:rotate(-1.2deg);box-shadow:0 7px 20px #171b16a6}.work-door-ai{transform:rotate(1deg)}.work-door-game{height:340px}.work-mobile-journey{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.work-mobile-owner{pointer-events:none;width:52%;height:85.5%;position:absolute;top:14.5%;left:20.1%}.work-mobile-picture{display:block;position:absolute;inset:0 0 50px;overflow:hidden}.work-mobile-picture>span{background-position:38.31% 33.611%;background-size:522.5% 276.765%;transition:opacity .9s;display:block;position:absolute;inset:0}.work-mobile-picture-day{opacity:1;background-image:url(/assets/portfolio-corner-day-r02.webp)}.work-mobile-picture-night{opacity:0;background-image:url(/assets/portfolio-corner-night-r02.webp)}.work-door-ai .work-mobile-picture>span{background-position:64.18% 33.611%;background-size:550% 276.765%}[data-catalog-theme=night] .work-mobile-picture-day{opacity:0}[data-catalog-theme=night] .work-mobile-picture-night{opacity:1}.work-door-label{color:#38291f;flex-direction:column;gap:3px;height:40px;inset:auto 8px 6px;transform:none}.work-door-edge{display:none}.work-door:focus-visible{outline-offset:4px;outline:3px solid #fff6dd}.work-door-label strong{font-size:23px}.work-door-label>span{font-size:12px;line-height:1.2;display:block}.work-door-enter{display:none}.work-wall-note{color:#f4e3be;text-shadow:0 2px 5px #1e211c;width:100%;font-size:15px;position:static}.work-wall.is-leaving{transform:scale(1.03)}.work-wall-fallback{width:100%;font-size:13px;position:static}}@media (prefers-reduced-motion:reduce){.work-wall,.work-wall-art,.work-wall-title,.work-wall-note,.work-door-edge,.work-door-enter,.work-mobile-picture>span{transition:none!important}.work-wall.is-leaving{transform:translate(-50%,-50%)}.work-door-enter{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce) and (width<=760px){.work-wall.is-leaving{transform:none}}.work-static-layer{pointer-events:none;display:block;position:absolute}.work-static-curtain{width:19%;height:83%;top:0;left:0;overflow:hidden}.work-static-robot{width:11.6029%;height:18.1722%;top:38.2572%;left:56.3995%;overflow:hidden}.work-static-storage{width:100%;height:100%;inset:0}.work-static-desk{width:100%;height:82%;top:17.4283%;left:0}.work-static-chair{width:70%;height:70%;top:38.7885%;left:0}.has-room-motion .work-static-layer,.has-image-error .work-static-layer{display:none}[data-catalog-theme=night] .work-static-curtain{filter:brightness(.38)sepia(.3)hue-rotate(170deg)}[data-catalog-theme=night] :is(.work-static-storage,.work-static-desk,.work-static-chair){filter:brightness(.51)sepia(.24)}[data-catalog-theme=night] .work-static-robot{filter:brightness(.7)sepia(.2)}@media (width<=760px),(height<=500px) and (width<=1000px){.work-wall .work-static-layer{display:none}}