.work-list-item[data-astro-cid-4noejuvj]{display:flex;align-items:center;padding:var(--su-16) var(--su-24);border-bottom:1px solid var(--line);&[data-astro-cid-4noejuvj]:hover{background-color:var(--fill-subtle)}.link-wrap{a{text-decoration:none}&:hover{a{text-decoration:underline}}}.title-sub{display:block;font-size:var(--font-size-small);line-height:1.25;margin-top:var(--su-4)}.sub-period{display:none}@media(max-width:768px){.sub-period{display:inline}p:has(.title-sub) .cat{display:none}}@media(max-width:768px){padding:var(--su-16) var(--su-8)}.thumbnail{margin-right:var(--su-16);img{margin:0;padding:0;width:var(--su-60);height:var(--su-60);display:block;border-radius:var(--su-4);box-sizing:border-box}}}p[data-astro-cid-4noejuvj]{display:flex;width:100%;justify-content:space-between;margin:0;padding:0;.cat{text-align:right;margin-left:1rem;font-size:var(--font-size-small);display:flex;align-items:center}@media(max-width:768px){flex-direction:column;>*{display:block;width:100%}>.cat{text-align:left;margin-top:0;margin-left:0;font-size:var(--font-size-small)}}}.project-list .is-current-project{background-color:var(--fill-subtle)}.project-list[data-astro-cid-d4mtjuvi]{margin:var(--su-24) var(--su-16);@media(max-width:768px){margin:var(--su-8) var(--su-16) var(--su-16)}}ul[data-astro-cid-d4mtjuvi]{list-style:none;padding:0;margin:0;li{margin:0}}.rss-icon[data-astro-cid-d4mtjuvi]{vertical-align:-.125em}#detail-content{container-type:inline-size;container-name:detail}#detail-content .project-detail{margin:var(--su-24) var(--su-16)}@container detail (max-width: 768px){#detail-content .project-detail{margin:var(--su-8) var(--su-16) var(--su-16)}}#detail-content .title-row{display:flex;align-items:center;margin-bottom:var(--su-24)}#detail-content .title-row .speech-toggle{margin-left:calc(-1 * var(--su-16))}@container detail (max-width: 768px){#detail-content .title-row .speech-toggle{margin-left:0}}#detail-content .lead{border:1px solid var(--line);border-radius:var(--su-4);padding:var(--su-16);margin:0 0 var(--su-32)}#detail-content .lead h2{margin:0 0 var(--su-16);font-size:var(--font-size-base);font-weight:400;line-height:1}#detail-content .lead h2 span{transform:rotate(-8deg);position:relative;display:inline-block}#detail-content .lead p{margin:0}#detail-content .rdf-links{margin-top:var(--su-24);text-align:right;font-size:var(--font-size-small);opacity:.7}#detail-content .rdf-links a{text-decoration:none;color:inherit}#detail-content .rdf-links a:hover{text-decoration:underline}#detail-content .heading{font-size:var(--font-size-large);font-weight:400;line-height:1.3;margin:0 0 var(--su-24);border-bottom:1px solid var(--line);padding:var(--su-16) var(--su-24)}@container detail (max-width: 768px){#detail-content .heading{padding:var(--su-16) var(--su-8)}}#detail-content .heading-plain{border-bottom:none}#detail-content .mb-0{margin-bottom:0}#detail-content .md *:first-child{margin-top:0}#detail-content .md h1,#detail-content .md h2,#detail-content .md h3,#detail-content .md h4,#detail-content .md h5,#detail-content .md h6{margin:0 0 .85rem;font-size:var(--font-size-large);font-weight:400;line-height:1.3}#detail-content .md p{margin:0 0 1em}#detail-content .md *+h2{margin-top:2.25rem}#detail-content .md ul{padding-left:1.5rem}#detail-content .profile-list{margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}#detail-content .profile-key{box-sizing:border-box;font-size:var(--font-size-small);margin:0;width:12rem;padding:var(--su-16) var(--su-8) var(--su-16) var(--su-24);border-bottom:1px solid var(--line);display:flex;align-items:center;line-height:1.25}#detail-content .profile-value{box-sizing:border-box;margin:0;padding:var(--su-16) var(--su-16) var(--su-16) 0;width:calc(100% - 12rem);border-bottom:1px solid var(--line);align-items:center}@container detail (max-width: 768px){#detail-content .profile-key{padding:var(--su-16) var(--su-8);width:9rem}#detail-content .profile-value{width:calc(100% - 9rem);padding:var(--su-16) var(--su-8) var(--su-16) 0}}#detail-content .people-list{display:flex;flex-wrap:wrap;gap:var(--su-8)}#detail-content .person-item{margin-right:var(--su-8)}#detail-content .stack{display:grid;gap:var(--stack-space)}@container detail (max-width: 768px){#detail-content .stack{gap:var(--stack-spaceSp)}}#detail-content .grid-container{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem 1rem;width:100%;padding:0 var(--su-24);box-sizing:border-box}@container detail (max-width: 768px){#detail-content .grid-container{padding:0 var(--su-8);gap:1rem}}#detail-content .grid-container.is-nopadding{padding:0}#detail-content .grid-container figure{margin:0;padding:0}#detail-content .grid-container figure img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;background-color:var(--fill-subtle);border:1px solid var(--fill-subtle);box-sizing:border-box;border-radius:var(--su-8)}#detail-content .grid-container img.portrait{object-fit:contain}#detail-content .grid-item{grid-column:span 6;max-width:100%;box-sizing:border-box}@container detail (max-width: 768px){#detail-content .grid-item{grid-column:span 12}}#detail-content .grid-item.is-wide{grid-column:span 9}@container detail (max-width: 768px){#detail-content .grid-item.is-wide{grid-column:span 12}}@container detail (min-width: 993px) and (max-width: 1200px){#detail-content .grid-item.is-text{grid-column:span 8}}@container detail (min-width: 769px) and (max-width: 992px){#detail-content .grid-item.is-text{grid-column:span 10}}#detail-content .speech-toggle{background:none;border:none;padding:var(--su-8);margin:0;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;border-radius:50%;transition:background-color .15s ease}#detail-content .speech-toggle:hover{background:var(--fill-subtle)}#detail-content .speech-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:2px}#detail-content .speech-toggle.is-speaking .icon{animation:speech-kokyu 1.65s infinite steps(1)}@keyframes speech-kokyu{0%{opacity:1}50%{opacity:.4}}.split{display:block;position:relative;height:calc(100dvh - var(--su-60) - 1px);overflow:hidden;--split-detail: 50}.split-list{height:100%;overflow-y:auto}.split[data-open] .split-list{margin-right:calc(var(--split-detail) * 1vw)}.split-detail{position:absolute;top:0;bottom:0;right:0;width:calc(var(--split-detail) * 1vw);background:var(--surface-opaque);transform:translate(100%)}.split[data-open] .split-detail{transform:translate(0)}@media(prefers-reduced-motion:no-preference){.split.is-ready .split-list{transition:margin-right .35s cubic-bezier(.25,1,.5,1)}.split.is-ready .split-detail{transition:transform .35s cubic-bezier(.25,1,.5,1)}}.split.is-resizing .split-list,.split.is-resizing .split-detail{transition:none}.split-detail__inner{height:100%;overflow-y:auto}.split-divider{position:absolute;left:0;top:0;bottom:0;width:var(--su-8);transform:translate(-50%);cursor:col-resize;touch-action:none;z-index:20}.split-divider:before{content:"";position:absolute;inset-block:0;left:50%;width:1px;background:var(--line)}.split-divider:hover:before,.split.is-resizing .split-divider:before{width:3px;margin-left:-1px}.split-divider:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.split.is-resizing{user-select:none;cursor:col-resize}.pane-header{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:var(--su-8);padding:var(--su-8);background:var(--surface-opaque);border-bottom:1px solid transparent;transition:border-color .2s ease}.pane-header.is-scrolled{border-bottom-color:var(--line)}.pane-header__actions{display:flex;align-items:center;gap:var(--su-4)}.pane-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--su-8);color:var(--ink);background:none;border:none;border-radius:50%;cursor:pointer;line-height:1;transition:background-color .15s ease}.pane-btn:hover{background:var(--fill-subtle)}.pane-btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.pane-toast{position:absolute;top:100%;right:var(--su-8);margin-top:var(--su-4);padding:var(--su-4) var(--su-8);background:var(--ink);color:var(--surface-opaque);font-size:var(--font-size-small);border-radius:var(--su-4);opacity:0;pointer-events:none;transition:opacity .2s ease}.pane-toast.is-visible{opacity:1}@media(max-width:768px){.split-divider{display:none}.split[data-open] .split-list{margin-right:0}.split-detail{position:fixed;inset:0;width:100%;z-index:30;transform:translateY(100%)}.split[data-open] .split-detail{transform:translateY(0)}@media(prefers-reduced-motion:no-preference){.split.is-ready .split-detail{transition:transform .4s cubic-bezier(.25,1,.5,1)}}.split-detail__inner{padding-bottom:env(safe-area-inset-bottom,0px);overscroll-behavior:contain}.split:not([data-open]) .split-detail{pointer-events:none}}