*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#fafafc;--color-text:#0f172a;--color-border:#0f172a;--color-divider:#475569;--color-muted:#475569;--color-nav-bg:#6246ea;--color-nav-text:#fafafc;--font-en:"Montserrat", sans-serif;--font-ja:"Noto Sans JP", sans-serif;--font-javanese:"Noto Sans Javanese", sans-serif;--window-padding-x:72px;--title-box-top:168px;--title-main-gap:24px;--column-gap:48px}::selection{color:#1d60ee;background-color:#c4ea46}html,body{background-color:var(--color-bg);width:100%;height:100%;color:var(--color-text);font-family:var(--font-en);-webkit-font-smoothing:antialiased;margin:0;padding:0}.site-wrapper{will-change:grid-template-columns;grid-template-columns:48px 0 1fr;height:100vh;transition:grid-template-columns .3s;display:grid;overflow:hidden}html.nav-is-open .site-wrapper{grid-template-columns:48px 317px 1fr}::-webkit-scrollbar{display:none}.contents-container{height:100vh;padding-top:var(--title-box-top);flex-direction:column;display:flex;overflow:hidden}.title-box{padding:0 var(--window-padding-x) var(--title-main-gap);flex-direction:column;flex-shrink:0;gap:8px;display:flex}.works-title{font-size:62px;font-weight:500;font-family:var(--font-en), var(--font-ja);color:var(--color-text);margin:0;line-height:1}.works-title .title-ja{letter-spacing:-.02em;font-size:.87em;font-weight:500}.works-title .title-sep{margin:0 14px;font-size:.84em;font-weight:400}.category-tag-container{gap:8px;display:flex}.tag{font-size:16px;font-weight:600;font-family:var(--font-en), var(--font-ja);border:1.6px solid var(--color-border);letter-spacing:.02em;color:var(--color-text);box-sizing:border-box;background-color:#fff;border-radius:999px;padding:8px 14px;line-height:1}.main-box{align-items:flex-start;column-gap:var(--column-gap);min-height:0;padding:0 var(--window-padding-x);flex:1;display:flex;overflow:hidden}.view-project{font-size:12px;font-weight:500;font-family:var(--font-en), var(--font-ja);color:var(--color-muted);flex-shrink:0}.view-project a{color:var(--color-muted);text-decoration:none}.view-project a span.link-text{color:var(--color-muted);text-decoration:underline}.view-project a:hover span.link-text,.view-project a:active span.link-text{color:#6246ea}.r-box{flex-direction:column;flex:533 1 0;min-width:0;display:flex;overflow:hidden}.r-box-content{scrollbar-width:none;flex-grow:1;min-height:0;padding-top:24px;padding-bottom:24px;overflow-y:auto}.r-footer{background-color:var(--color-bg);height:96px;padding:0 var(--window-padding-x);flex-shrink:0;justify-content:flex-end;align-items:center;display:flex}.next-btn{justify-content:center;align-items:center;display:flex}.next-btn:hover svg path{stroke-opacity:1}.meta-box{grid-template-columns:max-content 1fr;gap:6px 12px;display:grid}.meta-item{display:contents}.label{font-size:14px;font-weight:500;font-family:var(--font-en), var(--font-ja);letter-spacing:.04em;color:var(--color-text);white-space:nowrap;line-height:1.5}.value-list{flex-wrap:wrap;gap:2px 4px;display:flex}.value-list span:not(:last-child):after{content:","}.value-list span{font-size:14px;font-weight:400;font-family:var(--font-en), var(--font-ja);color:var(--color-text);line-height:1.5}.date-value{align-items:baseline;gap:6px;display:flex}.date-year{font-size:14px;font-weight:400;font-family:var(--font-en), var(--font-ja);letter-spacing:.04em;color:var(--color-text);line-height:1.5}.date-sep{font-size:10px;font-weight:400;font-family:var(--font-javanese);color:var(--color-text);line-height:1.5}.date-duration{font-size:10px;font-weight:500;font-family:var(--font-en), var(--font-ja);color:var(--color-text);line-height:1.5}.divider{border:none;border-top:1px solid var(--color-divider);margin:24px 0 32px}.divider--dashed{border-top-style:dashed;border-top-color:color-mix(in srgb, var(--color-divider) 50%, white);margin:40px 0}.description p{font-size:14px;font-weight:500;font-family:var(--font-en), var(--font-ja);color:var(--color-text);margin-bottom:1.5em;line-height:1.8}.description .description-heading{font-variant-numeric:tabular-nums;margin-top:28px;margin-bottom:6px;font-weight:600}.sidebar[data-astro-cid-wpvy4v7s]{background-color:var(--color-nav-bg);flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:center;width:48px;height:100vh;padding:16px 0;display:flex;position:sticky;top:0}.hamburger[data-astro-cid-wpvy4v7s]{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex}.hamburger[data-astro-cid-wpvy4v7s] span[data-astro-cid-wpvy4v7s]{background-color:var(--color-nav-text);width:16px;height:2px;transition:transform .2s,opacity .2s;display:block}.hamburger[data-astro-cid-wpvy4v7s].is-open span[data-astro-cid-wpvy4v7s]:first-child{transform:translateY(6px)rotate(45deg)}.hamburger[data-astro-cid-wpvy4v7s].is-open span[data-astro-cid-wpvy4v7s]:nth-child(2){opacity:0}.hamburger[data-astro-cid-wpvy4v7s].is-open span[data-astro-cid-wpvy4v7s]:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.logo[data-astro-cid-wpvy4v7s]{writing-mode:vertical-rl;font-size:16px;font-weight:400;font-family:var(--font-en);letter-spacing:0;color:var(--color-nav-text);user-select:none;transform:rotate(180deg)}.nav-panel[data-astro-cid-wpvy4v7s]{background-color:var(--color-nav-bg);flex-direction:column;height:100vh;padding:72px 0 0;display:flex;position:sticky;top:0;overflow-y:auto}.nav-section[data-astro-cid-wpvy4v7s]+.nav-section[data-astro-cid-wpvy4v7s]{margin-top:8px}.nav-section[data-astro-cid-wpvy4v7s]{opacity:0;transition:opacity .2s}.nav-panel[data-astro-cid-wpvy4v7s].is-open .nav-section[data-astro-cid-wpvy4v7s]{opacity:1;transition-delay:.3s}.nav-panel[data-astro-cid-wpvy4v7s]:not(.is-open) .nav-section[data-astro-cid-wpvy4v7s]{opacity:0;transition:opacity .2s}.nav-heading[data-astro-cid-wpvy4v7s]{cursor:pointer;width:100%;color:var(--color-nav-text);background:0 0;border:none;justify-content:space-between;align-items:center;padding:0 24px 0 0;display:flex}.nav-heading[data-astro-cid-wpvy4v7s] span[data-astro-cid-wpvy4v7s]{font-size:36px;font-weight:500;font-family:var(--font-en), var(--font-ja);color:var(--color-nav-text)}.nav-arrow[data-astro-cid-wpvy4v7s]{flex-shrink:0;transition:transform .2s}.works-toggle[data-astro-cid-wpvy4v7s].is-open .nav-arrow[data-astro-cid-wpvy4v7s],.bio-toggle[data-astro-cid-wpvy4v7s].is-open .bio-arrow[data-astro-cid-wpvy4v7s]{transform:rotate(180deg)}.works-content[data-astro-cid-wpvy4v7s]{opacity:0;flex-direction:column;gap:32px;max-height:0;margin-top:0;margin-bottom:0;transition:max-height .25s,opacity .2s;display:flex;overflow:hidden}.works-content[data-astro-cid-wpvy4v7s].is-open{opacity:1;max-height:1000px;margin-top:16px;margin-bottom:64px}.nav-category-block[data-astro-cid-wpvy4v7s]{flex-direction:column;gap:8px;display:flex}.nav-category[data-astro-cid-wpvy4v7s]{font-size:16px;font-weight:500;font-family:var(--font-en), var(--font-ja);color:var(--color-nav-text);margin:0}.nav-works-list[data-astro-cid-wpvy4v7s]{flex-direction:column;gap:4px;margin:0;padding:0 0 0 8px;list-style:none;display:flex}.nav-work-item[data-astro-cid-wpvy4v7s]{font-size:14px;font-weight:500;font-family:var(--font-en), var(--font-ja);color:var(--color-nav-text);opacity:.6;text-decoration:none;display:block}.nav-work-item[data-astro-cid-wpvy4v7s]:hover,.nav-work-item[data-astro-cid-wpvy4v7s].active{opacity:1;text-decoration:underline}.bio-toggle[data-astro-cid-wpvy4v7s]{text-decoration:none}