:root{--black: #000;--white: #fff;--white-2: rgba(255, 255, 255, .74);--white-3: rgba(255, 255, 255, .5);--white-4: rgba(255, 255, 255, .32);--rule: rgba(255, 255, 255, .14);--sans: "Helvetica Neue", Helvetica, Arial, "PingFang TC", "Noto Sans TC", sans-serif;--w-body: 500;--edge: 34px}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--black)}body{color:var(--white);font-family:var(--sans);font-weight:var(--w-body);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}a{color:inherit}:lang(zh-Hant){font-weight:400}.site-head{position:sticky;top:0;z-index:20;padding:30px var(--edge) 22px;background:linear-gradient(var(--black) 70%,rgba(0,0,0,0))}.site-nav{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}.site-nav a{font-size:13px;letter-spacing:-.1px;text-transform:lowercase;color:var(--white-3);text-decoration:none;padding:6px 0;border-bottom:1px solid transparent;transition:color .15s ease,border-color .15s ease}.site-nav a.name{font-size:15px;font-weight:700;letter-spacing:-.4px;color:var(--white);margin-right:8px}.site-nav a[aria-current=page]{color:var(--white)}.site-nav a:hover,.site-nav a:focus-visible{color:var(--white);border-bottom-color:var(--white-3)}.site-nav a.name:hover{border-bottom-color:transparent}.site-nav a:focus-visible{outline:2px solid var(--white);outline-offset:3px}main{padding:24px var(--edge) 120px}.label{font-size:13px;letter-spacing:-.1px;text-transform:lowercase;color:var(--white-3);font-weight:var(--w-body)}.who{margin:8px 0 56px}.who h1{font-size:clamp(40px,6vw,72px);font-weight:700;letter-spacing:-.045em;line-height:.95;text-transform:lowercase}.who h1 .zh{font-size:.42em;letter-spacing:0;color:var(--white-3);margin-left:.4em;vertical-align:.6em;font-weight:400}.who p{margin-top:14px;font-size:13px;color:var(--white-3);text-transform:lowercase}.contact{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:13px;text-transform:lowercase}.contact a{color:var(--white);text-decoration:none;border-bottom:1px solid var(--white-4);padding-bottom:2px}.contact a:hover{border-bottom-color:var(--white)}.contact a:after{content:" ↗";color:var(--white-3)}.foot{padding:22px var(--edge) 30px;border-top:1px solid var(--rule);font-size:12px;color:var(--white-3);text-transform:lowercase}@media (max-width: 720px){:root{--edge: 20px}.site-head{padding-top:18px;padding-bottom:16px}}html,body{height:auto;overflow:visible;overflow-x:clip}.words{padding:24px var(--edge) clamp(72px,12vh,128px)}.prose{max-width:30em;font-size:clamp(22px,2.9vw,38px);line-height:1.28;letter-spacing:-.02em;color:var(--white-2)}.prose p+p{margin-top:.9em}.prose .t{color:var(--white);font-weight:700;text-decoration:none;border-bottom:1px solid var(--white-4);transition:border-color .15s ease}.prose .t:hover,.prose .t:focus-visible{border-bottom-color:var(--white);outline:none}#stage{position:relative;inset:auto;height:100vh;height:100svh;min-height:560px;overflow:hidden;scroll-margin-top:0}.card{overscroll-behavior:auto}#work-poster{display:block;height:min(42vh,360px);width:auto;max-width:100%;object-fit:contain;object-position:left bottom;margin-bottom:20px;box-shadow:0 12px 34px #000000a6}#work-poster[hidden]{display:none}body.narrow #work:not([hidden]){display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:18px;align-content:start;height:46vh}body.narrow #work-poster{grid-row:1 / span 2;height:min(24vh,200px);max-width:44vw;margin:0;object-position:left top}body.narrow #work .work-header,body.narrow #work .work-btns{grid-column:2}body.narrow #work .work-btns{margin:12px 0 0;align-self:start}body.narrow #work .work-face{grid-column:1 / -1;margin-top:18px}body.narrow #work-title{font-size:24px;line-height:1.05}body.narrow #work-poster[hidden]+.work-header,body.narrow #work-poster[hidden]~.work-btns{grid-column:1 / -1}#work .work-btns{margin:16px 0 18px}#btn-play{color:var(--black);background:var(--white);border-color:var(--white)}#btn-play:hover,#btn-play:focus-visible{background:var(--white-2);border-color:var(--white-2)}#hint{bottom:28px}body.narrow #hint:not([hidden]){display:block}.after{padding:clamp(72px,12vh,128px) var(--edge) 96px;max-width:calc(1080px + 2 * var(--edge))}.after section+section{margin-top:56px}.after .label{margin-bottom:14px}.after ul{list-style:none;border-top:1px solid var(--rule)}.after li{display:grid;grid-template-columns:7.5em minmax(0,1.3fr) minmax(0,1fr);gap:4px 24px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--rule);font-size:15px;scroll-margin-top:90px;transition:background .6s ease}.after li.lit{background:#ffffff12;transition:none}.after .soft{color:var(--white-3);font-size:13px}.after .strong{font-weight:700}.after .zh{color:var(--white-3);margin-left:.5em;font-size:13px}.after .contact{border-top:0;padding-top:0}.after .contact a{font-size:13px;color:var(--white);border-bottom-color:var(--white-4)}.peek{position:fixed;z-index:30;width:320px;aspect-ratio:16 / 9;object-fit:cover;pointer-events:none;opacity:0;transform:translate(18px,-50%);transition:opacity .12s ease;background:#0b0b0b}.peek.on{opacity:1}@media (hover: none){.peek{display:none}}@media (max-width: 720px){.after li{grid-template-columns:minmax(0,1fr);gap:2px}}#work.tv-playing #work-poster,#work.tv-playing #work-title-zh,#work.tv-playing #work-meta{display:none}#work.tv-playing:not([hidden]),body.narrow #work.tv-playing:not([hidden]){top:auto;bottom:0;left:0;right:0;width:auto;height:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:40px var(--edge) 22px;overflow:visible;background:linear-gradient(180deg,#0000,#000000bf 60%)}#work.tv-playing #work-title,body.narrow #work.tv-playing #work-title{font-size:15px;letter-spacing:-.3px;line-height:1.2}#work.tv-playing .work-btns{margin:0;flex:none}