.Opening.svelte-981tr4{display:none;position:fixed;inset:0;z-index:var(--z-op);background:var(--color-bg);pointer-events:none;animation:svelte-981tr4-op-failsafe .6s ease 9s forwards}.Opening.is-running.svelte-981tr4{animation:none}@keyframes svelte-981tr4-op-failsafe{to{opacity:0;visibility:hidden}}html[data-op=play] .Opening.svelte-981tr4{display:block}.image.svelte-981tr4{position:absolute;inset:20px;overflow:hidden;opacity:0}.image.svelte-981tr4 picture:where(.svelte-981tr4),.image.svelte-981tr4 img:where(.svelte-981tr4){display:block;width:100%;height:100%}.image.svelte-981tr4 img:where(.svelte-981tr4){object-fit:cover}.logo.svelte-981tr4{position:absolute;top:50%;left:50%;width:min(calc(133 / 393 * 100vw),33vh);transform:translate(-50%,-50%);color:var(--color-text);opacity:0}@media(min-width:1024px){.logo.svelte-981tr4{top:calc(479.26 / 900 * 100%);width:min(calc(357.311 / 1440 * 100vw),39.72vh)}.image.svelte-981tr4 img:where(.svelte-981tr4){height:calc(100% + 22px);margin-top:-20px}}html.is-op,html.is-op body{overflow:hidden}.Masonry.svelte-99y4nj{display:flex;gap:var(--tile-gap)}.col.svelte-99y4nj{flex:1 1 0;min-width:0}.track.svelte-99y4nj,.set.svelte-99y4nj{display:flex;flex-direction:column;gap:var(--tile-gap)}.track.svelte-99y4nj{will-change:transform}html.js .Masonry.svelte-99y4nj:not(.is-mounted){display:none}html.js .Masonry.svelte-99y4nj:not(.is-in) .col:where(.svelte-99y4nj){visibility:hidden}.tile.svelte-99y4nj{position:relative;display:block;aspect-ratio:1 / var(--ratio);overflow:hidden;background-color:var(--color-tile);background-size:cover;background-position:center}.tile.svelte-99y4nj img:where(.svelte-99y4nj){width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s var(--ease-out),transform 1.2s var(--ease-out)}.tile.svelte-99y4nj img:where(.svelte-99y4nj).is-loaded{opacity:1}@media(hover:hover){.tile.svelte-99y4nj:hover img:where(.svelte-99y4nj){transform:scale(1.03)}}.Masonry.is-pc.svelte-99y4nj{position:fixed;top:0;bottom:0;left:var(--aside-w);right:0;overflow:clip}.is-pc.svelte-99y4nj .col:where(.svelte-99y4nj){position:relative;overflow:clip}.works-index.svelte-99y4nj a:where(.svelte-99y4nj){position:fixed;top:20px;left:calc(var(--aside-w) + 20px);z-index:var(--z-header);padding:8px 12px;background:var(--color-bg);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.works-index.svelte-99y4nj a:where(.svelte-99y4nj):focus-visible{clip-path:none;width:auto;height:auto;overflow:visible}