.home:focus{outline:none}.home{justify-content:space-between;gap:var(--section-gap);max-width:var(--frame);min-height:100vh;min-height:100dvh;margin:0 auto;padding:var(--page-pad-block) var(--page-pad-inline)}.hero,.home{display:flex;flex-direction:column}.hero{gap:calc(24px * var(--ts));max-width:calc(800px * var(--ts))}.hero__title{position:relative;font-size:var(--hero-size);line-height:120%;font-weight:700;letter-spacing:-.02em;color:var(--text)}.hero__home:focus-visible{outline:1px solid var(--muted);outline-offset:4px}.menu{order:1;display:flex;flex-direction:column;gap:calc(14px * var(--ts))}.menu__list{display:flex;flex-wrap:wrap;align-items:center;gap:calc(28px * var(--ts));margin:0;padding:0;list-style:none}.menu__list>[data-signature]{margin-left:auto}.menu__list>li{--menu-delay:calc(var(--i, 0) * var(--exit-stagger));animation:menu-in var(--enter-duration) var(--enter-ease) var(--menu-delay) backwards}@keyframes menu-in{0%{opacity:0;transform:translateX(calc(-.16 * var(--exit-reach)))}}.home[data-leaving] .menu__list>li{opacity:0;transform:translateX(calc(-.16 * var(--exit-reach)));animation:none;transition:opacity var(--exit-duration) var(--exit-ease) var(--menu-delay),transform var(--exit-duration) var(--exit-ease) var(--menu-delay)}.home:has(.desk) .menu__list>li{animation-name:menu-in-desk;animation-duration:.46s;animation-delay:calc(var(--i, 0) * 70ms)}@keyframes menu-in-desk{0%{opacity:0;transform:translateX(64px)}}.home:has(.desk)[data-leaving] .menu__list>li{transform:translateX(64px);transition:opacity var(--desk-exit-duration) var(--exit-ease),transform var(--desk-exit-duration) var(--exit-ease)}@media (prefers-reduced-motion:reduce){.menu__list>li{animation-duration:.01ms;animation-delay:0s}.home[data-leaving] .menu__list>li{transition-duration:.01ms;transition-delay:0s}}.menu__link--initials{letter-spacing:.08em;color:var(--muted)}.menu__link--initials:focus-visible,.menu__link--initials:hover{color:var(--text)}.menu__link{font-size:var(--link-size);line-height:var(--link-lh);font-weight:500;color:var(--text);transition:color .2s ease}.menu__link:focus-visible,.menu__link:hover{color:var(--muted)}.menu__link--back,.menu__link[aria-current=page]{color:var(--muted)}.menu__link--back{display:inline-flex;align-items:center;height:var(--link-lh);font-size:calc(19px * var(--ts));transition:color .2s ease}.menu__link--back svg{display:block;position:relative;top:3px}.menu__link--back:focus-visible,.menu__link--back:hover{color:var(--text)}.side{display:contents}.home:has(.desk){display:flex;flex-direction:row;align-items:stretch;gap:0;max-width:none;margin:0;padding:0;height:100dvh;min-height:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain}.home:has(.desk)>.side{display:flex;flex-direction:column;justify-content:space-between;gap:var(--section-gap);position:-webkit-sticky;position:sticky;left:0;z-index:1;flex:0 0 var(--rail-width);width:var(--rail-width);height:100dvh;padding:var(--page-pad-block) var(--page-pad-inline) var(--page-pad-block) var(--page-lead);background-color:var(--bg)}@media (max-width:993px){.home:not(:has(.desk)) .projects{display:none}.menu{display:none}}.index{display:flex;align-items:center;justify-content:flex-end;gap:0;width:calc(100% + var(--page-pad-inline));padding:64px 0}.index__list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.index__row{display:grid;grid-template-columns:0fr calc(22px * var(--ts));align-items:center;grid-gap:0;gap:0;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;padding:7px 32px;border:0;background:none;font-size:calc(14px * var(--ts));line-height:calc(17px * var(--ts));color:var(--muted);cursor:pointer;transition:grid-template-columns .32s ease,gap .32s ease,color .2s ease}.index__row:after{content:"";position:absolute;right:32px;bottom:0;left:32px;height:1px;background-color:transparent;transition:background-color .2s ease}.index[data-open] .index__row{grid-template-columns:1fr calc(22px * var(--ts));gap:calc(12px * var(--ts))}.index[data-open] .index__row:after{background-color:var(--hairline)}.index__row[data-on]{color:var(--text)}.index__row:focus-visible,.index__row:hover{color:var(--text)}.index__name{overflow:hidden;min-width:0;white-space:nowrap;text-align:right;font-weight:500}.index__num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.06em}.index__preview{flex:0 0 auto;width:0;aspect-ratio:3024/1964;overflow:hidden;opacity:0;transition:width .32s ease,opacity .32s ease}.index[data-open] .index__preview{width:calc(190px * var(--ts));opacity:1}.index__preview video{display:block;width:calc(190px * var(--ts));height:100%;object-fit:cover}.home:has(.desk) .hero{max-width:none}.desk{position:relative;background-color:var(--surface);--open-w:calc(100vw - var(--rail-width) - var(--closed-count, 0) * var(--tab-w));display:flex;flex:1 1 auto;min-width:0;height:100dvh}.desk:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:var(--hairline);animation:edge-in .42s ease both}@keyframes edge-in{0%{opacity:0}}.projects{display:flex;flex-direction:column;gap:calc(24px * var(--ts))}.projects__grid{display:grid;grid-template-columns:83fr 40fr 40fr;grid-gap:var(--card-gap);gap:var(--card-gap);transition:grid-template-columns var(--ease-duration) var(--ease-elastic)}.projects__grid[data-moving]{transition:--t var(--move-duration) var(--move-ease)}@media (min-width:994px){.projects__grid{grid-template-columns:var(--cols);transform:translateX(var(--strip-shift))}}.projects__row{position:relative}.projects__viewport{overflow:hidden}.projects__nav{display:flex;align-items:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:calc(22px * var(--ts));color:var(--muted);opacity:0;cursor:pointer;transition:opacity .22s ease,color .22s ease,transform .22s ease}.projects__nav,.projects__zone{position:absolute;top:0;bottom:0;width:var(--page-pad-inline)}.projects__zone--prev{right:100%}.projects__nav--next{left:100%;opacity:1;transform:translateX(-6px)}.projects__nav:before,.projects__zone:before{content:"";position:absolute;top:0;bottom:0;width:max(0px,(100vw - var(--row-width))/2 - var(--page-pad-inline))}.projects__zone--prev:before{right:100%}.projects__nav--next:before{left:100%}.projects__nav:hover{opacity:1;color:var(--text);transform:translateX(0)}.projects__nav:focus-visible{opacity:1;color:var(--text);transform:translateX(0);outline:1px solid var(--muted);outline-offset:-12px}@media (max-width:993px){.projects__nav,.projects__zone{display:none}}.projects__row[data-busy=true] .projects__viewport{pointer-events:none}.project{--exit-delay:calc(max(0, var(--exit-i, 0)) * var(--exit-stagger));animation:card-in var(--enter-duration) var(--enter-ease) var(--exit-delay) backwards}@keyframes card-in{0%{opacity:0;transform:translateX(calc(-1 * var(--exit-reach))) scale(.94)}}.home[data-leaving] .project{opacity:0;transform:translateX(calc(-1 * var(--exit-reach))) scale(.94);transition:opacity var(--exit-duration) var(--exit-ease) var(--exit-delay),transform var(--exit-duration) var(--exit-ease) var(--exit-delay)}.home[data-leaving] .projects>.eyebrow{opacity:0;transition:opacity var(--exit-duration) var(--exit-ease)}.home[data-leaving] .projects__row{pointer-events:none}.home[data-leaving] .desk{opacity:0;transform:translateX(28px);transition:opacity var(--desk-exit-duration) var(--exit-ease),transform var(--desk-exit-duration) var(--exit-ease);pointer-events:none}.home[data-leaving] .desk .col,.home[data-leaving] .desk .col__tab{transition:none;animation:none}.home[data-leaving] .desk .col:not([data-open]) .col__inner{visibility:hidden}@media (max-width:993px){.menu__list>[data-signature]{margin-left:0}.home{justify-content:flex-start;min-height:0}.home:has(.desk){display:flex;flex-direction:column;height:100vh;height:100svh;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding:calc(var(--page-pad-block) + 16px) var(--page-pad-inline) var(--page-pad-block);gap:calc(var(--section-gap) / 2 + 8px)}.hero .eyebrow{font-size:calc(11px * var(--ts));line-height:calc(14px * var(--ts))}.home:has(.desk)>.side{position:static;display:contents}.desk{display:flex;flex-direction:column;gap:var(--section-gap);height:auto;background:none}.desk:before{display:none}.projects__grid{grid-template-columns:minmax(0,1fr);gap:var(--section-gap)}.project:after,.project:before{content:none}}@media (prefers-reduced-motion:reduce){.projects__grid{transition-duration:.01ms}.desk:before{animation-duration:.01ms}.home[data-leaving] .project,.home[data-leaving] .projects>.eyebrow{transition-duration:.01ms;transition-delay:0s}.project{animation-duration:.01ms;animation-delay:0s}}.hero__kana{display:inline;white-space:nowrap;margin:0;padding:0;border:0;background:none;font:inherit;letter-spacing:inherit;color:inherit;text-align:inherit;cursor:pointer;transition:opacity .35s ease}.hero__kana:focus-visible{outline:1px solid var(--muted);outline-offset:6px}.hero__kana[aria-pressed=true]{opacity:0}.hero__kana-canvas{position:absolute;width:0;height:0;pointer-events:none}.hero__kana-canvas[data-live]{pointer-events:auto;cursor:-webkit-grab;cursor:grab}.hero__kana-canvas[data-live][data-held]{cursor:-webkit-grabbing;cursor:grabbing}@media (prefers-reduced-motion:reduce){.hero__kana[aria-pressed=true]{opacity:1}}.hero__kana-zone{display:inline}.hero__kana{font-family:"Noto Sans JP",var(--font-cereal),"Hiragino Sans",sans-serif}