:root{--container: 1400px;--gutter: 24px;--bg: #0a0a0a;--fg: #f2f2f2;--muted: rgba(242, 242, 242, .62);--dim: rgba(242, 242, 242, .35);--hair: rgba(242, 242, 242, .12);--t-fast: .16s;--t-med: .38s;--t-slow: .9s;--works-title: clamp(22px, 2.6vw, 44px);--works-leading: 1.05;--small: 12px;--micro: 11px}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;letter-spacing:-.01em;overflow-x:hidden}h1{margin:0}main{padding:0 var(--gutter) 32px}.container{max-width:var(--container);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}.l-3col{display:grid;grid-template-areas:"works stage meta";grid-template-columns:minmax(260px,320px) minmax(420px,1fr) minmax(200px,260px);column-gap:clamp(32px,4vw,72px);align-items:stretch;margin-top:88px}.l-3col__works{grid-area:works}.l-3col__stage{grid-area:stage;min-height:360px}.l-3col__meta{grid-area:meta;font-size:clamp(14px,1.2vw,16px);line-height:1.35;color:var(--fg);align-items:center;text-align:center}#stageMeta p{margin:0;max-width:28ch;letter-spacing:-.01em;white-space:pre-line}.l-3col__stage{display:flex;flex-direction:column;justify-content:flex-end}.l-3col__meta{display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:6%}@media(max-width:1100px){.l-3col{grid-template-areas:"works stage" "meta  meta";grid-template-columns:minmax(280px,380px) 1fr;column-gap:40px;row-gap:24px}}@media(max-width:720px){:root{--gutter: 16px}main{padding:0 var(--gutter) 24px}.l-3col{grid-template-areas:"works" "meta" "stage";grid-template-columns:1fr;row-gap:20px;margin-top:40px}.l-3col__stage{min-height:auto;justify-content:flex-start}.l-3col__works a{text-align:center}.l-3col__meta{justify-content:flex-start}#stageMeta p{margin:0 auto}.site-header__inner{flex-direction:column;align-items:center;gap:12px}.site-header__left,.site-header__right{width:100%;justify-content:center}.site-header__right{gap:16px;flex-wrap:wrap}.lang-nav__list{justify-content:center;gap:12px}.site-identity{text-align:center;justify-items:center}}.site-header{width:100%}.lang-nav__list{margin:0;padding:0;list-style:none;display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}.lang-nav__item,.stage{margin:0}.stage__frame{width:100%;aspect-ratio:16 / 9;overflow:hidden}.stage__img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(1.12) contrast(1.08);transition:filter var(--t-med) ease}.stage__frame{position:relative}.stage__link{position:absolute;inset:0;display:block}.site-header__inner{display:flex;justify-content:space-between;align-items:baseline;padding-top:calc(var(--gutter) * .75);padding-bottom:calc(var(--gutter) * .75)}.site-header__left{display:flex;align-items:baseline}.site-header__right{display:flex;align-items:baseline;gap:32px}.site-identity{display:grid;gap:6px;text-decoration:none;color:inherit}.site-identity:hover .site-title,.site-identity:hover .site-role,.site-identity:focus-visible .site-title,.site-identity:focus-visible .site-role{color:var(--fg)}.site-title{margin:0;font-size:var(--small);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);transition:color var(--t-fast) ease;text-decoration:none}.site-role{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);transition:color var(--t-fast) ease}.lang-nav a,.lang-nav span{font-size:var(--small);color:var(--muted);text-decoration:none}.lang-nav a:hover,.lang-nav a:focus-visible{color:var(--fg)}.site-nav-link{font-size:var(--small);color:var(--muted);text-decoration:none}.site-nav-link:hover,.site-nav-link:focus-visible{color:var(--fg)}.l-3col__works ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.l-3col__works li{border-top:1px solid var(--hair);padding:16px 0}.l-3col__works li:last-child{border-bottom:1px solid var(--hair)}.l-3col__works a{display:block;text-decoration:none;color:var(--fg);font-size:var(--works-title);line-height:var(--works-leading);letter-spacing:-.02em;text-wrap:balance}.l-3col__works span{display:inline-block;margin-top:10px;color:var(--muted);font-size:var(--small);letter-spacing:.14em;text-transform:uppercase}.work-meta{display:flex;justify-content:space-between;align-items:baseline;margin-top:6px;font-size:var(--small);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.work-status{color:var(--muted)}.work-year{color:var(--hair)}.l-3col__works a:focus-visible{outline:1px solid rgba(242,242,242,.35);outline-offset:6px;border-radius:6px}.l-3col__works ul li{opacity:.45;transform:none;transition:opacity var(--t-med) ease,transform var(--t-med) ease}.l-3col__works ul li.is-active{opacity:1}.l-3col__works ul li:focus-within{opacity:1;transform:translate(3px)}@media(hover:hover)and (pointer:fine){.l-3col__works ul li:hover{opacity:1;transform:translate(3px)}}