:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#090909;--ink:#eeede8;--muted:#8b8b86;--line:#272727;--sans:"Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--page-pad:clamp(1.25rem, 3.25vw, 3.25rem);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{background:var(--canvas);min-width:0}body{min-width:0;min-height:100svh;color:var(--ink);background:var(--canvas);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:.8125rem;line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}p,h1,h2{margin:0}main{min-height:100svh;display:grid}.skip-link{z-index:10;color:var(--canvas);background:var(--ink);transition:transform .16s var(--ease-out-quart);padding:.7rem .9rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-170%)}.skip-link:focus{transform:translateY(0)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--ink);outline-offset:.3rem}.work-list{width:min(100%,90rem);min-height:100svh;padding:max(var(--page-pad), env(safe-area-inset-top)) max(var(--page-pad), env(safe-area-inset-right)) max(var(--page-pad), env(safe-area-inset-bottom)) max(var(--page-pad), env(safe-area-inset-left));align-content:safe center;gap:clamp(1.5rem,2.6vw,2.5rem);margin:0 auto;list-style:none;display:grid}.work,.work article,.work__info{min-width:0}.work article{display:grid}.work.motion-pending article{opacity:0;transform:translateY(.75rem)}.work.motion-pending.is-visible article{opacity:1;transition:opacity .62s var(--ease-out-expo), transform .62s var(--ease-out-expo);transition-delay:var(--reveal-delay,0s);transform:translate(0,0)}.work__image{aspect-ratio:36/25;transition:border-color .16s var(--ease-out-quart), transform .24s var(--ease-out-quart);background:#131313;border:1px solid #181818;grid-row:1;display:block;overflow:hidden}.work__image picture,.work__image img{width:100%;height:100%}.work__image img{object-fit:cover}.work--nihon .work__image img{object-position:center 54%}.work__image:focus-visible{border-color:#626262;transform:translateY(-.1875rem)}@media (hover:hover) and (pointer:fine){.work__image:hover{border-color:#626262;transform:translateY(-.1875rem)}}.work__info{grid-row:2;grid-template-rows:auto auto auto;grid-template-columns:2.25rem minmax(0,1fr);min-height:7rem;margin-top:1.125rem;display:grid}.work__number{color:#5c5c59;font-variant-numeric:tabular-nums;letter-spacing:.14em;grid-area:1/1/-1;padding-top:.3rem;font-size:.625rem;line-height:1.4}.work h2{letter-spacing:-.02em;grid-area:1/2;min-width:0;font-size:1.0625rem;font-weight:500;line-height:1.3}.work h2 a{align-items:flex-start;gap:.4rem;min-height:2.75rem;padding-top:.1rem;display:inline-flex}.work h2 span{color:#70706b;transition:transform .16s var(--ease-out-quart);font-size:.66em}.work h2 a:hover span{transform:translate(.125rem,-.05rem)}.work__description{max-width:19rem;color:var(--muted);text-wrap:pretty;grid-area:2/2;margin-top:-.35rem;font-size:.75rem;line-height:1.6}.work__source{color:#70706b;width:fit-content;min-height:2.75rem;transition:color .16s var(--ease-out-quart);grid-area:3/2;align-items:center;gap:.4rem;font-size:.6875rem;display:inline-flex}.work__source span:nth-child(2){border-bottom:1px solid #454542}.work__source:hover{color:var(--ink)}.profile-links{z-index:2;right:max(clamp(2rem, 5.5vw, 6rem), env(safe-area-inset-right));bottom:max(clamp(1.25rem, 3vw, 2rem), env(safe-area-inset-bottom));color:#7d7d77;letter-spacing:.04em;align-items:center;gap:1.5rem;font-size:.6875rem;line-height:1.4;display:flex;position:fixed}.profile-links a{min-height:2.75rem;transition:color .16s var(--ease-out-quart);align-items:center;gap:.35rem;display:inline-flex}.profile-links a:hover{color:var(--ink)}.profile-links a span:last-child{color:#70706b;transition:transform .16s var(--ease-out-quart)}.profile-links a:hover span:last-child{transform:translate(.125rem,-.05rem)}@media (width>=42rem){.work-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=72rem){.work-list{padding-right:max(clamp(2rem, 5.5vw, 6rem), env(safe-area-inset-right));padding-left:max(clamp(2rem, 5.5vw, 6rem), env(safe-area-inset-left));grid-template-columns:repeat(4,minmax(0,1fr));column-gap:clamp(1.75rem,3.2vw,3rem)}}@media (width<=71.999rem){main,.work-list{min-height:0}.work-list{align-content:start}.profile-links{padding:0 max(var(--page-pad), env(safe-area-inset-right)) max(2.5rem, env(safe-area-inset-bottom)) max(var(--page-pad), env(safe-area-inset-left));justify-content:flex-end;position:static}}@media (width<=41.999rem){.work-list{padding-top:max(2.25rem, env(safe-area-inset-top));padding-bottom:max(2rem, env(safe-area-inset-bottom));gap:4.5rem}.work__info{min-height:0;margin-top:.875rem}.work h2{font-size:1rem}}@media (prefers-reduced-motion:reduce){.work.motion-pending article,.work.motion-pending.is-visible article{opacity:1;transform:none}.work__image:hover,.work__image:focus-visible,.work h2 a:hover span,.profile-links a:hover span:last-child{transform:none}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}