.project-page[data-astro-cid-mr6gufdc]{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;height:100%}.content-inner[data-astro-cid-mr6gufdc]{height:100%;display:grid;grid-template-columns:880fr 720fr;grid-template-rows:1fr}.preview[data-astro-cid-mr6gufdc]{position:relative;padding-inline:calc(64 / 880 * 100%);border-block-start:2px solid var(--c-main);container-type:size;container-name:preview;padding-block-start:calc(64 / 880 * 100%)}.preview-bg[data-astro-cid-mr6gufdc]{position:absolute;top:0;left:calc(64 / 880 * 100%);width:80.5%;max-height:100%}.preview-bg-inner[data-astro-cid-mr6gufdc]{width:100%;height:100%;border-inline:var(--line-w) solid var(--c-main);border-block-end:var(--line-w) solid var(--c-main)}.preview-bg-inner[data-astro-cid-mr6gufdc] img[data-astro-cid-mr6gufdc]{width:100%;height:100%;object-fit:cover;object-position:center}.preview-list[data-astro-cid-mr6gufdc]{position:relative;margin-inline-start:calc(64 / 880 * 100%);height:100%;display:grid;grid-template-columns:1fr;grid-template-rows:1fr}.preview-item[data-astro-cid-mr6gufdc]{grid-area:1 / 1;opacity:0;visibility:hidden;height:max-content;padding-block-end:min(18.0995cqb,7.5rem);position:relative;transition:opacity .25s ease-out,visibility .1s ease-out}.preview-item[data-astro-cid-mr6gufdc].current{opacity:1;visibility:visible}.preview-eyecatch-wrapper[data-astro-cid-mr6gufdc]{display:grid;place-items:center end;position:relative;transition:box-shadow .2s ease-in-out}.preview-item[data-astro-cid-mr6gufdc].current .preview-eyecatch-wrapper[data-astro-cid-mr6gufdc]{box-shadow:0 0 24px 1px var(--c-shadow)}.preview-eyecatch[data-astro-cid-mr6gufdc]{position:relative;border:3px solid var(--c-main);opacity:0;transition:opacity .2s cubic-bezier(.25,1,.5,1)}.preview-item[data-astro-cid-mr6gufdc].current .preview-eyecatch[data-astro-cid-mr6gufdc]{opacity:1}.preview-more[data-astro-cid-mr6gufdc]{position:absolute;inset:0;z-index:var(--z-front);transition:opacity .1s ease-out;pointer-events:none}.preview-link-list[data-astro-cid-mr6gufdc]{--_link-fz: clamp(var(--text-sm), .6161rem + .4241cqi, var(--text-lg));font-size:var(--_link-fz);display:flex;align-items:center;width:max-content;margin-inline-start:auto;backdrop-filter:blur(4px) brightness(.75);background:var(--c-diluted);position:relative}:root[data-theme=dark] .preview-link-list[data-astro-cid-mr6gufdc]{backdrop-filter:blur(4px) brightness(1.25)}.preview-link-list[data-astro-cid-mr6gufdc]:has(.preview-link-item+.preview-link-item):before{content:"";position:absolute;width:50%;height:80%;left:0;top:50%;translate:0 -50%;border-inline-end:1px dashed var(--c-theme)}.preview-link[data-astro-cid-mr6gufdc]{display:block;width:max-content;height:max-content;pointer-events:all;transition:opacity .2s ease-out;padding:.5em 1em}.preview-link-inner[data-astro-cid-mr6gufdc]{position:relative;padding-block-start:1.5em}.preview-link[data-astro-cid-mr6gufdc] span[data-astro-cid-mr6gufdc]{color:var(--c-theme);display:inline;font-size:var(--_link-fz);line-height:1.3114}.preview-link-inner[data-astro-cid-mr6gufdc]:before{content:"";position:absolute;width:1.25em;height:1.25em;top:0;left:50%;translate:-50% 0;background:var(--c-theme);transform-origin:center}.preview-link--website[data-astro-cid-mr6gufdc] .preview-link-inner[data-astro-cid-mr6gufdc]:before{mask-image:url(/images/icon_external-link.svg);mask-repeat:no-repeat;mask-position:center center;mask-size:contain}.preview-link--details[data-astro-cid-mr6gufdc] .preview-link-inner[data-astro-cid-mr6gufdc]:before{mask-image:url(/images/icon_eyes.svg);mask-repeat:no-repeat;mask-position:center center;mask-size:contain}.preview-eyecatch-link[data-astro-cid-mr6gufdc]{display:block;position:relative;width:100%;height:100%;pointer-events:all;transition:filter .2s ease-out}.preview-eyecatch-image[data-astro-cid-mr6gufdc]{position:relative;display:grid}@media (any-hover: hover){.preview-link[data-astro-cid-mr6gufdc]:hover{opacity:.8}.preview-link[data-astro-cid-mr6gufdc]:hover:before{scale:1.25}.preview-eyecatch-link[data-astro-cid-mr6gufdc]:hover{filter:brightness(.8) contrast(1.2)}.tooltip-button[data-astro-cid-mr6gufdc]:hover{opacity:1}}.preview-eyecatch-image[data-astro-cid-mr6gufdc] img[data-astro-cid-mr6gufdc]{width:100%;height:100%;object-fit:contain;object-position:center;backdrop-filter:brightness(.95);background:#abb9bb7f}.preview-info[data-astro-cid-mr6gufdc]{display:flex;flex-direction:column;gap:.5rem;z-index:var(--z-front);position:absolute;bottom:0;left:0}.preview-label[data-astro-cid-mr6gufdc]{filter:drop-shadow(0 0 .1rem var(--c-main));position:relative;z-index:var(--z-front);clip-path:inset(0 0 0 100%);transition:clip-path .2s ease-in-out;padding:3px}.preview-item[data-astro-cid-mr6gufdc].current .preview-label[data-astro-cid-mr6gufdc]{clip-path:inset(0 0 0 0%)}.preview-label-inner[data-astro-cid-mr6gufdc]{text-transform:uppercase;font-size:clamp(var(--text-sm),.6161rem + .4241cqi,var(--text-lg));line-height:1.3114;color:var(--c-main);font-weight:500;letter-spacing:.01em;padding:.3em 1em .25em;position:relative;filter:none;background:linear-gradient(var(--c-bg) 0%,var(--c-bg) 100%) no-repeat center;clip-path:polygon(0 0,calc(100% - .8em) 0,100% 50%,calc(100% - .8em) 100%,0 100%);display:block;width:max-content}:root[data-theme=dark] .preview-label-inner[data-astro-cid-mr6gufdc]{background:linear-gradient(var(--c-theme) 0%,var(--c-theme) 100%) no-repeat center}.preview-label-inner[data-astro-cid-mr6gufdc]:before{content:"";position:absolute;width:.5em;height:100%;background:linear-gradient(to bottom,var(--c-main) 0%,var(--c-sub) 50%,var(--c-main) 100%) no-repeat center;top:50%;left:0;translate:0 -50%;border:1px solid var(--c-theme)}.preview-info-body[data-astro-cid-mr6gufdc]{--_pv-info-fz: clamp( var(--text-xl), .5054rem + 2.7237cqi, var(--text-3xl) );font-size:var(--_pv-info-fz);display:flex;flex-wrap:wrap;align-items:center;gap:.5em;backdrop-filter:blur(4px);padding:.25em .75em .25em .5em;clip-path:inset(0 0 0 100%);transition:clip-path .2s .05s ease-in-out}.preview-item[data-astro-cid-mr6gufdc].current .preview-info-body[data-astro-cid-mr6gufdc]{clip-path:inset(0 0 0 0%)}:root[data-theme=light] .preview-info-body[data-astro-cid-mr6gufdc]{background:rgb(var(--beige-light-rgb) / 50%)}:root[data-theme=dark] .preview-info-body[data-astro-cid-mr6gufdc]{background:rgb(var(--black-rgb) / 50%)}.preview-info-body[data-astro-cid-mr6gufdc] [data-astro-cid-mr6gufdc]{color:var(--c-main);font-size:var(--_pv-info-fz);line-height:1.125;text-transform:capitalize}@container preview (width <= 456px){.preview-link-inner[data-astro-cid-mr6gufdc]{padding-block-start:0;padding-inline-end:1.25em}.preview-link-inner[data-astro-cid-mr6gufdc]:before{width:1em;height:1em;top:50%;left:auto;right:0;translate:0 -50%}.preview-link[data-astro-cid-mr6gufdc] span[data-astro-cid-mr6gufdc]:first-child{display:none}}.project-main[data-astro-cid-mr6gufdc]{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;container-type:size;height:100%}.project-category[data-astro-cid-mr6gufdc]{--_category-height: 1.9672em;display:flex;align-items:center;gap:.5rem;background:linear-gradient(to bottom,var(--c-main) 0%,var(--c-main) 100%) no-repeat left top / 2px calc(100% - var(--_category-height) / 2 + 1px);padding-block-start:calc(124 / 680 * 100cqh);container-type:inline-size;container-name:project-category}.project-category-label[data-astro-cid-mr6gufdc]{text-transform:capitalize;font-size:var(--text-main-en);line-height:1.53;padding-inline-start:2rem;position:relative}.project-category-label[data-astro-cid-mr6gufdc]:before{content:"";position:absolute;width:1.5rem;height:2px;background:var(--c-main);top:50%;left:0;translate:0 -50%}.project-category-list[data-astro-cid-mr6gufdc]{display:flex;align-items:center;gap:1.5rem;position:relative}.project-category-list[data-astro-cid-mr6gufdc]:before{content:"";position:absolute;width:.4rem;height:2px;background:var(--c-main);top:50%;left:50%;translate:-50% -50%}.project-category-item[data-astro-cid-mr6gufdc]{text-align:center;width:max-content;position:relative}.project-category-item[data-astro-cid-mr6gufdc].current{pointer-events:none}.project-category-item[data-astro-cid-mr6gufdc]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:.5em;height:100%;background:linear-gradient(to bottom,var(--c-main) 0%,var(--c-sub) 35%,var(--c-sub) 65%,var(--c-main) 100%);opacity:0;visibility:hidden}.project-category-item[data-astro-cid-mr6gufdc]:after{content:"";position:absolute;width:1.5em;height:1.5em;background:url(/images/icon_click-light.png) no-repeat center center / contain;right:0;bottom:0;translate:0 30%;z-index:var(--z-front);pointer-events:none}.project-category-item[data-astro-cid-mr6gufdc].current:after{opacity:0;visibility:hidden}:root[data-theme=light] .project-category-item[data-astro-cid-mr6gufdc]:after{background:url(/images/icon_click-light.png) no-repeat center center / contain}:root[data-theme=dark] .project-category-item[data-astro-cid-mr6gufdc]:after{background:url(/images/icon_click-dark.png) no-repeat center center / contain}.project-category-link[data-astro-cid-mr6gufdc]{line-height:1.53;text-transform:capitalize;border:1px dashed var(--c-main);font-size:var(--text-main-en);width:7.8689em;height:var(--_category-height);display:grid;place-items:center;color:var(--c-diluted);transition:all .1s ease-out;pointer-events:all}.project-category-item[data-astro-cid-mr6gufdc].current:before{opacity:1;visibility:visible}.project-category-item[data-astro-cid-mr6gufdc].current>.project-category-link[data-astro-cid-mr6gufdc]{color:var(--c-main);border:1px solid var(--c-main)}.project-category-line[data-astro-cid-mr6gufdc]{height:2px;background:var(--c-main);flex-grow:1}@container project-category (width <= 370px){.project-category-label[data-astro-cid-mr6gufdc],.project-category-label[data-astro-cid-mr6gufdc] span[data-astro-cid-mr6gufdc]{font-size:0;width:0}}@container project-category (width <= 300px){.project-category-label[data-astro-cid-mr6gufdc]{padding-inline-start:.75rem}.project-category-label[data-astro-cid-mr6gufdc]:before{width:.5rem}.project-category-link[data-astro-cid-mr6gufdc]{width:6.25em}}@media (any-hover: hover){.project-category-item[data-astro-cid-mr6gufdc]:not(.current) .project-category-link[data-astro-cid-mr6gufdc]:hover{border:1px solid var(--c-sub);background:var(--c-sub);color:var(--c-bg)}}.project-list-block[data-astro-cid-mr6gufdc]{display:grid;grid-template:1fr auto / 1fr;row-gap:1.25rem;position:relative;margin-inline-end:2px}.tooltip-container[data-astro-cid-mr6gufdc]{position:absolute;top:0;left:.5rem;z-index:calc(var(--z-front) + 1);pointer-events:none;max-width:min(20rem,100%)}.tooltip-button[data-astro-cid-mr6gufdc]{transition:opacity .2s ease-out;opacity:.75;aspect-ratio:1;width:1.25rem;padding:.125rem;pointer-events:all;cursor:pointer}.tooltip-button[data-astro-cid-mr6gufdc] svg[data-astro-cid-mr6gufdc]{width:100%;height:100%;object-fit:contain}.tooltip-button[data-astro-cid-mr6gufdc] svg[data-astro-cid-mr6gufdc] path[data-astro-cid-mr6gufdc]{fill:var(--c-main)}.tooltip[data-astro-cid-mr6gufdc]{margin-block-start:.25rem;display:flex;flex-direction:column;gap:.5rem;background:rgb(var(--beige-light-rgb) / 85%);padding:.5rem;border-radius:.5rem;border:1px solid var(--c-sub);opacity:0;visibility:hidden;transition:opacity .2s ease-out,visibility .2s ease-out}.tooltip[data-astro-cid-mr6gufdc].is-visible{opacity:1;visibility:visible}:root[data-theme=dark] .tooltip[data-astro-cid-mr6gufdc]{background:rgb(var(--navy-rgb) / 85%)}.tooltip[data-astro-cid-mr6gufdc][aria-expanded=true] .tooltip-button[data-astro-cid-mr6gufdc] svg[data-astro-cid-mr6gufdc] path[data-astro-cid-mr6gufdc]{fill:var(--c-sub)}.tooltip-content-en[data-astro-cid-mr6gufdc] p[data-astro-cid-mr6gufdc]{font-size:clamp(var(--text-sm),.7167rem + .3559cqi,var(--text-lg));line-height:1.5301}.tooltip-content-ja[data-astro-cid-mr6gufdc] p[data-astro-cid-mr6gufdc]{font-family:var(--font-ja);font-size:clamp(var(--text-2xs),.6583rem + .2848cqi,var(--text-base));line-height:1.5}.project-list-wrapper[data-astro-cid-mr6gufdc]{width:100%;height:100%;overflow:hidden;position:relative;margin-block-start:1.5rem;padding-inline-end:.25rem;display:grid;align-items:end;grid-template:1fr / 1fr}.project-list-wrapper[data-astro-cid-mr6gufdc]:before{content:"";position:absolute;inset:0;translate:1px -2px;width:100%;height:calc(100% + 4px);background:var(--grad-bg);background:linear-gradient(to bottom,var(--c-bg) 0%,transparent 25%,transparent 85%,var(--c-bg) 100%),linear-gradient(to right,transparent 75%,var(--c-bg) 100%);z-index:var(--z-front);pointer-events:none}.project-list[data-astro-cid-mr6gufdc]{display:flex;flex-direction:column-reverse;align-items:end;width:100%;container-type:inline-size;contain:layout style;will-change:transform}.project-item[data-astro-cid-mr6gufdc]{display:grid;border-block:1px solid var(--c-diluted);border-inline-start:1px solid var(--c-diluted);position:relative;width:90%;z-index:var(--z-base);margin-inline-start:1rem;will-change:transform;transform-origin:left center;transition:none;background:linear-gradient(to right,var(--_grad-s) 0%,var(--_grad-e) 30%,var(--c-bg) 80%) no-repeat center/cover;filter:contrast(1.1);contain:layout style paint;pointer-events:all;cursor:pointer}.project-item[data-astro-cid-mr6gufdc].transitioning{transition:transform .3s ease-out}.project-item[data-astro-cid-mr6gufdc]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgb(var(--beige-light-rgb) / 5%),rgb(var(--beige-light-rgb) / 40%) 40% 60%,rgb(var(--beige-light-rgb) / 5%)) no-repeat center;z-index:var(--z-back)}:root[data-theme=dark] .project-item[data-astro-cid-mr6gufdc]:before{background:radial-gradient(circle,rgb(var(--navy-rgb) / 5%),rgb(var(--navy-rgb) / 15%) 40% 60%,rgb(var(--navy-rgb) / 5%)) no-repeat center / cover}.project-item-body[data-astro-cid-mr6gufdc]{--_fz: clamp(var(--text-2xl), 1rem + 1.25cqi, 2.5rem);font-size:var(--_fz);display:flex;gap:.5rem;padding:.2em .75em .1em;height:100%}.project-item-name[data-astro-cid-mr6gufdc]{font-family:var(--font-serif);color:var(--c-main);font-size:clamp(var(--text-xl),.2509rem + 5.0541cqi,2.5rem);line-height:1.5;font-weight:700;white-space:nowrap;text-transform:capitalize;filter:brightness(.9);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;position:relative;transform:revert}:root[data-theme=dark] .project-item-name[data-astro-cid-mr6gufdc]{filter:brightness(1.05)}.project-item-name[data-astro-cid-mr6gufdc].current{transform:translateZ(0)!important;backface-visibility:hidden}.project-item-index[data-astro-cid-mr6gufdc]{color:var(--c-main);font-size:var(--text-main-en)}.project-index[data-astro-cid-mr6gufdc]{position:absolute;right:0;bottom:0;z-index:var(--z-front)}.project-index-inner[data-astro-cid-mr6gufdc]{position:relative;display:block;padding:.2em .5em;width:5em;text-align:center;font-family:var(--font-serif);color:var(--c-main);font-weight:700;font-size:clamp(var(--text-lg),.9156rem + .5703cqi,var(--text-2xl))}.project-index-inner[data-astro-cid-mr6gufdc]:before{content:"";position:absolute;inset:0;z-index:var(--z-back);border-top-left-radius:3px;border-bottom-left-radius:3px;backdrop-filter:blur(3px)}.project-item[data-astro-cid-mr6gufdc].current{--_p-opacity: 0;--_p-visibility: hidden;scale:1.5;align-self:start;z-index:var(--z-front);transition:scale .4s ease-in-out}@keyframes scroll-prompt-arrow-loop{0%{height:50%;opacity:1;translate:-50% -2%}45%{height:75%;opacity:.9;translate:-50% 6%}to{height:75%;opacity:0;translate:-50% 20%}}.scroll-prompt[data-astro-cid-mr6gufdc]{width:20%;aspect-ratio:1;position:absolute;top:50%;left:50%;z-index:var(--z-front);translate:-50% -50%;background-color:var(--c-diluted);border-radius:1em;place-items:center;pointer-events:none;display:block}.scroll-prompt[data-astro-cid-mr6gufdc][data-hidden=true]{display:none}.scroll-prompt-arrow[data-astro-cid-mr6gufdc]{display:block;width:100%;height:80%;position:relative;overflow:hidden}.scroll-prompt-arrow[data-astro-cid-mr6gufdc]:before{content:"";display:block;height:50%;width:26px;background:var(--c-theme);position:absolute;top:10px;left:50%;translate:-50% -50%;z-index:var(--z-front);clip-path:polygon(8px 0,calc(100% - 8px) 0,calc(100% - 8px) calc(100% - 16px),100% calc(100% - 16px),50% 100%,0 calc(100% - 16px),8px calc(100% - 16px));animation:scroll-prompt-arrow-loop 1.5s cubic-bezier(.85,0,.15,1) .75s infinite}body[data-orientation=portrait] .content-inner[data-astro-cid-mr6gufdc]{height:100%;grid-template-columns:1fr;grid-template-rows:272fr 344fr;gap:1rem;position:relative}body[data-orientation=portrait] .preview[data-astro-cid-mr6gufdc]{grid-area:1 / 1 / 2 / -1;padding:0;display:flex;justify-content:end;border:none;border-block-start:2px solid var(--c-main)}body[data-orientation=portrait] .preview-bg[data-astro-cid-mr6gufdc]{left:0;width:calc(304 / 343 * 100cqi);aspect-ratio:304 / 191;max-height:90%;border:2px solid var(--c-main);border-block-start:none;border-inline-start:none}body[data-orientation=portrait] .preview-list[data-astro-cid-mr6gufdc]{padding-block-start:min(8cqb,2.5rem);margin-inline:calc(16 / 343 * 100%);height:100%}body[data-orientation=portrait] .preview-item[data-astro-cid-mr6gufdc]{padding-block-end:0;height:100%;width:100%}body[data-orientation=portrait] .preview-eyecatch-wrapper[data-astro-cid-mr6gufdc],body[data-orientation=portrait] .preview-eyecatch[data-astro-cid-mr6gufdc],body[data-orientation=portrait] .preview-eyecatch-image[data-astro-cid-mr6gufdc]{height:100%;max-width:100%}body[data-orientation=portrait] .preview-info[data-astro-cid-mr6gufdc]{bottom:.1rem;bottom:3px;left:.2rem}body[data-orientation=portrait] .project-main[data-astro-cid-mr6gufdc]{height:100%;grid-area:2 / 1 / -1 / -1;padding-block-end:1rem;gap:.5rem}body[data-orientation=portrait] .project-category[data-astro-cid-mr6gufdc]{padding:0;background:none}body[data-orientation=portrait] .project-category-label[data-astro-cid-mr6gufdc]:after{display:none}body[data-orientation=portrait] .project-list-wrapper[data-astro-cid-mr6gufdc]{padding-inline-start:clamp(1rem,-3.359rem + 11.359cqi,8rem);margin-block:0}body[data-orientation=portrait] .project-list[data-astro-cid-mr6gufdc]{align-items:revert}body[data-orientation=portrait] .project-list-block[data-astro-cid-mr6gufdc]{grid-template-rows:1fr}body[data-orientation=portrait] .project-item-name[data-astro-cid-mr6gufdc]{line-height:1.3}body[data-orientation=portrait] .tagline-wrapper[data-astro-cid-mr6gufdc]{display:none}body[data-orientation=wide] .preview-item[data-astro-cid-mr6gufdc]{padding-block-end:0}body[data-orientation=wide] .preview-info[data-astro-cid-mr6gufdc]{bottom:.25rem}body[data-orientation=wide] .tagline-wrapper[data-astro-cid-mr6gufdc]{display:none}@media (any-hover: none){.preview-more[data-astro-cid-mr6gufdc]{opacity:1;visibility:visible;backdrop-filter:none}:root[data-theme=light] .project-category-item[data-astro-cid-mr6gufdc]:after{background-image:url(/images/icon_tap-light.png)}:root[data-theme=dark] .project-category-item[data-astro-cid-mr6gufdc]:after{background-image:url(/images/icon_tap-dark.png)}}@media (width <= 640px){body[data-orientation=portrait] .preview-item[data-astro-cid-mr6gufdc].current .preview-eyecatch-wrapper[data-astro-cid-mr6gufdc]{box-shadow:0 0 8px 1px var(--c-shadow)}body[data-orientation=portrait] .project-list-wrapper[data-astro-cid-mr6gufdc]{padding-inline-start:var(--outer-frame-w)}.project-item[data-astro-cid-mr6gufdc]{width:100%;margin-inline-start:0}.project-item[data-astro-cid-mr6gufdc].current{scale:1.3}body[data-orientation=portrait] .project-main[data-astro-cid-mr6gufdc]{grid-template-rows:1fr auto;min-height:0;height:100%}body[data-orientation=portrait] .project-list-block[data-astro-cid-mr6gufdc]{height:100%}body[data-orientation=portrait] .project-category[data-astro-cid-mr6gufdc]{grid-area:2 / 1 / -1 / -1;height:100%}body[data-orientation=portrait] .content-inner[data-astro-cid-mr6gufdc]{grid-template-columns:1fr;grid-template-rows:5fr 8fr;gap:.5rem;position:relative}}@media screen and ((width <= 768px) or ((orientation: landscape) and (height <= 460px))){.preview-item[data-astro-cid-mr6gufdc]{padding-block-end:0}.tagline-wrapper[data-astro-cid-mr6gufdc]{display:none}}