:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--black:#000;--bench:#0a0a0a;--white:#fff;--veil:#ffffffb3;--hair:#ffffff59;--sheet:#0a0a0af2;--serif:"EB Garamond","Noto Serif SC",Garamond,Georgia,serif;--sans:Inter,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;--gutter:clamp(16px,4.5vw,64px);--ease:cubic-bezier(.2,.7,.2,1)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{background:var(--black);color:var(--white);font-family:var(--sans);letter-spacing:.01em;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;position:relative;overflow:hidden}.name,.title,.ab-head,.entry h3,.hl,.ab .intro p{font-family:var(--serif)}a{color:inherit}button{font:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:1px solid var(--white);outline-offset:4px}.tr{text-transform:uppercase}.tr .end{letter-spacing:0}.ul{padding-block:3px;position:relative}.ul:after{content:"";transform-origin:0;height:1px;transition:transform .45s var(--ease);background:currentColor;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.ul:hover:after,.ul[aria-pressed=true]:after{transform:scaleX(1)}.bar{background:var(--white);flex:none;width:1px;height:18px;display:inline-block}.vh{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{left:var(--gutter);z-index:60;background:var(--white);color:var(--black);padding:10px 16px;position:absolute;top:-60px}.skip:focus{top:calc(env(safe-area-inset-top,0px) + 8px)}#gl,#fb{width:100%;height:100%;transition:opacity .35s;display:block;position:absolute;inset:0}#gl{touch-action:pinch-zoom}#gl.fade,#fb.fade{opacity:0}body[data-mode=photo] #gl{cursor:grab}body[data-mode=photo] #gl.drag{cursor:grabbing}.scrim{z-index:2;pointer-events:none;background:linear-gradient(#0009 0,#0000 22% 68%,#000b 100%),linear-gradient(90deg,#0009 0,#0003 55%,#0000 80%);position:absolute;inset:0}body[data-mode=photo] .scrim{display:none}#slide,.top,#cap{text-shadow:0 1px 14px #000a}.top{z-index:5;padding:calc(env(safe-area-inset-top,0px) + 18px) var(--gutter) 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 24px;font-size:14px;font-weight:500;display:flex;position:absolute;top:0;left:0;right:0}.top .l,.top .r{align-items:center;gap:16px;display:flex}.top .mark{letter-spacing:.4em}.top .r{letter-spacing:.2em}.top button{min-height:32px}.ic{border-radius:50%;place-items:center;width:32px;height:32px;transition:background .3s,color .3s;display:grid;position:relative}.ic svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.ic svg .f{fill:currentColor}.ic:after{content:attr(data-tip);z-index:8;white-space:nowrap;background:var(--white);color:var(--black);letter-spacing:.08em;text-transform:none;text-shadow:none;opacity:0;pointer-events:none;padding:3px 10px;font-size:12px;font-weight:500;transition:opacity .2s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.ic.up:after{top:auto;bottom:calc(100% + 8px)}@media (hover:hover){.ic:hover{background:var(--white);color:var(--black)}.ic:hover:after{opacity:1}}.ic:focus-visible:after{opacity:1}body.notip .ic:after{opacity:0;transition:none}.media{align-items:center;gap:6px;display:flex}body[data-mode=photo] .media,body[data-mode=photo] .media+.bar{display:none}.side{z-index:5;left:calc(var(--gutter) - 5px);flex-direction:column;justify-content:center;gap:7px;width:44px;height:44px;padding:0 5px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.side i{background:var(--white);height:1px;transition:width .4s;display:block}.side i:first-child{width:34px}.side i:nth-child(2){width:22px}.side i:nth-child(3){width:28px}.side:hover i{width:34px}#slide{z-index:3;padding:110px calc(var(--gutter) + 44px) 120px calc(var(--gutter) + clamp(52px,7vw,110px));pointer-events:none;flex-direction:column;justify-content:center;display:flex;position:absolute;inset:0}#slide>*{pointer-events:auto;transition:opacity .45s ease,transform .6s var(--ease)}#slide.out>*{opacity:0;transform:translate(-14px)}#slide>:nth-child(2){transition-delay:50ms}#slide>:nth-child(3){transition-delay:.1s}.num{letter-spacing:.25em;text-transform:uppercase;align-items:center;gap:14px;margin:0 0 14px;font-size:clamp(14px,1.3vw,17px);font-weight:500;display:flex}.num .bar{height:14px}.title{text-wrap:balance;max-width:720px;margin:0;font-size:clamp(30px,4vw,54px);font-weight:400;line-height:1.15}.title i{letter-spacing:.4em;margin-bottom:.5em;font-size:.5em;font-style:normal;display:block}.pill{border:1px solid var(--white);letter-spacing:.3em;text-transform:uppercase;white-space:nowrap;border-radius:44px;align-items:center;gap:12px;min-height:44px;margin-top:30px;padding:0 24px 0 20px;font-size:13px;font-weight:500;transition:background .35s,color .35s;display:inline-flex}.pill svg{fill:currentColor;width:12px;height:12px}.pill:hover{background:var(--white);color:var(--black);text-shadow:none}#slide .pill{align-self:flex-start}#slide,.scrim{transition:opacity .9s,visibility .9s}.mini{z-index:3;left:calc(var(--gutter) + clamp(52px,7vw,110px));bottom:calc(env(safe-area-inset-bottom,0px) + 84px);max-width:calc(100% - 2 * var(--gutter) - 120px);letter-spacing:.22em;white-space:nowrap;text-shadow:0 1px 14px #000a;opacity:0;visibility:hidden;align-items:center;gap:12px;min-height:44px;font-size:14px;font-weight:500;transition:opacity .9s,visibility .9s;display:flex;position:absolute}.mini svg{fill:currentColor;flex:none;width:11px;height:11px}.mini:hover span:last-child{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1px}.mini .bar{height:12px}.mini i{font-style:normal}body.quiet[data-mode=film] #slide{opacity:0;visibility:hidden}body.quiet[data-mode=film] .scrim{opacity:.35}body.quiet[data-mode=film] .mini{opacity:1;visibility:visible}.hero{max-width:1240px}.role{letter-spacing:.5em;flex-wrap:wrap;align-items:center;gap:6px 18px;margin:0 0 16px;font-size:clamp(14px,1.5vw,20px);font-weight:500;display:flex}.name{letter-spacing:clamp(.5em,2.4vw,1.3em);margin:0;font-size:clamp(26px,4.4vw,58px);font-weight:400;line-height:1.45}.from{letter-spacing:.25em;margin:16px 0 0;font-size:15px}.hl{letter-spacing:.01em;text-wrap:pretty;max-width:30em;margin:22px 0 0;font-size:clamp(16px,1.35vw,19px);line-height:1.65}.acts{flex-wrap:wrap;align-items:center;gap:8px 28px;margin:0;display:flex}.cue{letter-spacing:.35em;text-transform:uppercase;align-items:center;gap:14px;margin-top:30px;font-size:12px;font-weight:500;display:inline-flex}.cue i{background:var(--white);transform-origin:top;width:1px;height:40px;animation:cue 2.4s var(--ease) infinite;display:block}@keyframes cue{0%{transform:scaleY(0)}55%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.lead{z-index:3;left:calc(var(--gutter) + clamp(52px,7vw,110px));will-change:transform,opacity;pointer-events:none;width:min(520px,62vw);position:absolute;top:50%;transform:translateY(-58%)}.lead .name{font-size:clamp(24px,3.8vw,50px)}#cap{z-index:3;left:var(--gutter);right:var(--gutter);bottom:calc(env(safe-area-inset-bottom,0px) + 84px);pointer-events:none;justify-content:space-between;align-items:flex-end;gap:16px;transition:opacity .4s;display:flex;position:absolute}#cap.off{opacity:0}#cap>*{pointer-events:auto}#cap .num{margin-bottom:6px;font-size:13px}#cap .title{font-size:clamp(22px,2.6vw,34px)}#cap .title i{letter-spacing:.25em;margin:0 .7em 0 0;font-size:.6em;display:inline}#cap .meta{color:var(--veil);letter-spacing:.04em;margin:4px 0 0;font-size:14px;font-style:italic}#cap .ic{border:1px solid var(--hair);flex:none;width:44px;height:44px}.tl{z-index:4;left:var(--gutter);right:var(--gutter);bottom:calc(env(safe-area-inset-bottom,0px) + 18px);align-items:flex-end;gap:8px;display:flex;position:absolute}.ticks{touch-action:pinch-zoom;flex:1;align-items:flex-end;min-width:0;height:44px;display:flex}.ticks button{cursor:pointer;flex:1;justify-content:space-around;align-items:flex-end;min-width:0;height:100%;display:flex}.ticks button.gap{margin-left:clamp(8px,2vw,30px)}.ticks i{background:var(--veil);width:1px;height:8px;transition:height .25s,background .25s;display:block}.ticks button.h i:first-child{height:16px}.ticks button.hov i{background:var(--white);height:14px}.ticks button.hov i:first-child{height:20px}.ticks button.on i{background:var(--white);height:14px}.ticks button.on i:first-child{width:2px;height:28px}.ticks button:focus-visible{outline-offset:-2px}.tl .ar{border:1px solid var(--hair);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:none}.tl .ar svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:14px;height:14px}.tl .ar:disabled{opacity:.3;cursor:default}@media (width<=700px),(pointer:coarse){.tl .ar{display:grid}}.pre{z-index:6;left:0;bottom:calc(env(safe-area-inset-bottom,0px) + 72px);pointer-events:none;background:var(--bench);border:1px solid var(--hair);animation:pre .25s var(--ease) both;padding:6px;position:absolute}@keyframes pre{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.pre canvas{width:auto;max-width:60vw;height:clamp(96px,14vw,150px);display:block}.pre p{letter-spacing:.06em;white-space:nowrap;align-items:baseline;gap:10px;margin:6px 2px 0;font-size:13px;display:flex}.pre p span{color:var(--veil);font-variant-numeric:tabular-nums}.tag{z-index:4;right:calc(var(--gutter) * .4);writing-mode:vertical-rl;letter-spacing:.3em;color:var(--veil);pointer-events:none;font-size:11px;position:absolute;top:50%;transform:translateY(-50%)}.over{z-index:10;background:var(--sheet);animation:up .5s var(--ease) both;position:absolute;inset:0;overflow:hidden}.over .sc{padding:calc(env(safe-area-inset-top,0px) + 84px) var(--gutter) 64px;position:absolute;inset:0;overflow:auto}@keyframes up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.over .x{z-index:11;top:calc(env(safe-area-inset-top,0px) + 18px);right:calc(var(--gutter) - 14px);background:var(--bench);letter-spacing:.3em;min-height:44px;padding:0 14px;font-size:14px;font-weight:500;position:absolute}.over .x.icon{width:44px;right:calc(var(--gutter) - 12px);place-items:center;padding:0;display:grid}.over .x.icon svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:20px;height:20px}@media (hover:hover){.over .x.icon:hover{background:var(--white);color:var(--black)}}.over .in{max-width:1180px;margin-inline:auto}.over h2{letter-spacing:.4em;margin:0 0 34px;font-size:14px;font-weight:500}.over .in.wide{max-width:none}.over.sheet h2{margin-bottom:22px}.over.sheet .sc{padding-bottom:28px}.ix .grp{letter-spacing:.3em;text-transform:uppercase;color:var(--veil);margin:22px 0 4px;font-size:11px;font-weight:500}.ix .grp:first-of-type{margin-top:0}.set{grid-template-columns:repeat(var(--cols,1),minmax(0,1fr));align-items:start;gap:0 clamp(16px,2.4vw,36px);display:grid}.row{min-width:0;max-width:100%;animation:up .6s var(--ease) both;padding-bottom:12px}.run{flex-wrap:wrap;gap:4px;display:flex}.run canvas{height:var(--fh,96px);cursor:pointer;flex:none;width:auto;transition:opacity .4s}@media (hover:hover){.ix:hover canvas{opacity:.45}.ix .row:hover canvas{opacity:.8}.ix .run canvas:hover{opacity:1}}.row .rh{text-align:left;letter-spacing:.06em;flex-wrap:wrap;align-items:center;gap:0 10px;min-height:32px;font-size:13px;display:flex}.row .n,.row .c{color:var(--veil);letter-spacing:.18em;text-transform:uppercase;font-variant-numeric:tabular-nums;font-size:11px}.row .t i{letter-spacing:.15em;margin-right:.5em;font-style:normal}.row .rh:hover .t{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1px}.screen{background:var(--black);position:relative}.screen canvas{aspect-ratio:16/9;width:100%;height:auto;display:block}.screen iframe,.screen video{aspect-ratio:16/9;border:0;width:100%;height:auto;display:block}.screen span{letter-spacing:.4em;text-shadow:0 1px 14px #000a;place-items:center;font-size:14px;font-weight:500;display:grid;position:absolute;inset:0}.under{flex-wrap:wrap;align-items:baseline;gap:4px 24px;margin:16px 0 0;font-size:15px;display:flex}.under .c{letter-spacing:.2em;text-transform:uppercase;color:var(--veil);font-size:12px;font-weight:500}.under a{text-underline-offset:4px;text-decoration-thickness:1px}.ab-head{letter-spacing:clamp(.3em,1.6vw,1em);margin:0 0 40px;font-size:clamp(22px,3.4vw,44px);font-weight:400;line-height:1.6}.ab{grid-template-columns:minmax(0,230px) minmax(0,1fr);align-items:start;gap:40px clamp(32px,6vw,90px);display:grid}.ab aside{flex-direction:column;gap:18px;display:flex;position:sticky;top:0}.ab aside img{aspect-ratio:4/5;object-fit:cover;object-position:46% 42%;width:100%;max-width:230px;height:auto;display:block}.ab .jump{flex-direction:column;align-items:flex-start;display:flex}.ab .jump button,.ab .notes{letter-spacing:.2em;text-transform:uppercase;text-align:left;min-height:32px;color:var(--veil);padding:6px 0;font-size:12px;font-weight:500}.ab .jump button:hover,.ab .jump button[aria-current=true]{color:var(--white)}.ab .notes{border:1px solid var(--white);color:var(--white);align-self:flex-start;padding:6px 14px}.ab .notes[aria-pressed=true]{background:var(--white);color:var(--black)}.ab .intro p{letter-spacing:.01em;text-wrap:pretty;max-width:34em;margin:0 0 1em;font-size:clamp(17px,1.6vw,21px);line-height:1.7}.ab .todo{color:var(--veil);font-style:italic}.over .ab-sec{padding-top:40px;scroll-margin-top:12px}.over .ab-sec:focus{outline:none}.over .ab-sec h2{border-bottom:1px solid var(--hair);letter-spacing:.35em;text-transform:uppercase;margin:0;padding-bottom:12px;font-size:14px;font-weight:500}.entry{grid-template-columns:6em minmax(0,1fr);gap:4px 20px;padding-block:20px;display:grid}.entry .when{color:var(--veil);font-variant-numeric:tabular-nums;margin:0;padding-top:6px;font-size:14px}.entry h3{letter-spacing:.01em;margin:0;font-size:24px;font-weight:400;line-height:1.3}.entry .role{color:var(--veil);letter-spacing:.01em;margin:2px 0 0;font-size:16.5px;font-style:italic;font-weight:400;display:block}.entry .body{letter-spacing:.01em;max-width:36em;margin:8px 0 0;font-size:16.5px;line-height:1.7}.entry .links{letter-spacing:.01em;flex-wrap:wrap;gap:4px 22px;margin:8px 0 0;font-size:15.5px;display:flex}.entry .links a{text-decoration:underline;-webkit-text-decoration-color:var(--hair);text-decoration-color:var(--hair);text-underline-offset:5px;padding-block:3px;text-decoration-thickness:1px}.entry .links a:hover{text-decoration-color:currentColor}.entry .shot{width:min(100%,380px);height:auto;margin-top:14px;display:block}.chk,.left{border:1px dashed var(--veil);letter-spacing:.02em;max-width:42em;margin:12px 0 0;padding:9px 12px;font-size:14.5px;line-height:1.55}.chk b,.left b{letter-spacing:.2em;text-transform:uppercase;margin-right:.6em;font-size:11px}.left{margin-top:36px}.clean .chk,.clean .left,.clean .todo,.clean .rv,.chipbar{display:none}.colophon p{margin:0 0 4px}.colophon{border-top:1px solid var(--hair);letter-spacing:.01em;max-width:42em;color:var(--veil);margin:36px 0 0;padding-top:16px;font-size:14.5px;line-height:1.6}.colophon a{color:var(--white);text-underline-offset:4px;text-decoration-thickness:1px}@media (width<=820px){.over.about .sc{padding-top:0}.over.sheet .sc{padding-top:calc(env(safe-area-inset-top,0px) + 22px)}.over.sheet h2{align-items:center;min-height:44px;margin-bottom:10px;display:flex}.over:not(.about):not(.sheet) .sc{padding-block:calc(env(safe-area-inset-top,0px) + 76px) calc(env(safe-area-inset-bottom,0px) + 76px);flex-direction:column;display:flex}.over:not(.about):not(.sheet) .in{width:100%;margin-block:auto}.chipbar{z-index:2;margin-inline:calc(var(--gutter) * -1);padding:calc(env(safe-area-inset-top,0px) + 12px) 0 10px var(--gutter);background:var(--bench);border-bottom:1px solid var(--hair);align-items:center;gap:4px;display:flex;position:sticky;top:0}.chipbar .menu{flex-direction:column;flex:none;justify-content:center;align-items:flex-start;gap:7px;width:44px;height:44px;margin-left:-11px;padding:0 11px;display:flex}.chipbar .menu i{background:var(--white);width:22px;height:1px;transition:width .3s var(--ease);display:block}.chipbar .menu[aria-expanded=true] i:nth-child(2){width:12px}.chipbar .now{letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:500}.chipbar .drop:not([hidden]){top:calc(100% + 6px);left:calc(var(--gutter) - 11px);background:var(--bench);border:1px solid var(--hair);min-width:210px;animation:pre .25s var(--ease) both;flex-direction:column;padding:6px 0;display:flex;position:absolute}.chipbar .drop button{text-align:left;letter-spacing:.16em;text-transform:uppercase;min-height:44px;color:var(--veil);padding:0 18px;font-size:12px;font-weight:500}.chipbar .drop button[aria-current=true]{color:var(--white)}.chipbar .drop button[aria-current=true]:before{content:"";vertical-align:middle;background:currentColor;width:10px;height:1px;margin:0 10px 3px -2px;display:inline-block}.over.about .x{top:calc(env(safe-area-inset-top,0px) + 12px)}.ab-head{letter-spacing:.3em;margin:26px 0 18px;font-size:24px;line-height:1.4}.ab{grid-template-columns:1fr;gap:22px}.ab aside{gap:14px;position:static}.ab aside img{aspect-ratio:4/3;object-position:center;max-width:none;max-height:56vh}.ab .jump{display:none}.ab .intro p{font-size:17px;line-height:1.65}.over .ab-sec{padding-top:34px;scroll-margin-top:76px}.entry{padding-block:22px}.entry .when{letter-spacing:.18em;font-size:12px}.entry h3{font-size:21px}.entry .role,.entry .body{font-size:16px}.entry .links{flex-direction:column;gap:0;margin-top:6px}.entry .links a{align-items:center;min-height:44px;padding-block:0;display:flex}.entry .shot{width:100%!important}}@media (width<=520px){.entry{grid-template-columns:1fr}.entry .when{padding-top:0}}body.open .top,body.open #slide,body.open #cap,body.open .lead,body.open .tl,body.open .side,body.open .tag,body.open .mini,body.open .pre{visibility:hidden}.flat{z-index:1;padding:0 var(--gutter);align-items:center;gap:24px;display:flex;position:absolute;inset:0;overflow-x:auto}.flat canvas{height:auto;max-height:50vh;max-width:calc(100vw - 2 * var(--gutter));flex:none}@media (width<=700px){.top{padding-top:calc(env(safe-area-inset-top,0px) + 8px);flex-wrap:nowrap;gap:10px;font-size:12px}.top .l,.top .r{white-space:nowrap;gap:10px}.top .mark{letter-spacing:.22em}.top .r{letter-spacing:.14em}.top button{min-height:44px}.ic{width:44px;height:44px}.media{right:var(--gutter);bottom:calc(env(safe-area-inset-bottom,0px) + 74px);gap:8px;position:fixed}.media .ic{border:1px solid var(--hair);background:#0006}.media .ic:after{inset:auto 0 calc(100% + 8px) auto;transform:none}.media+.bar,.tag{display:none}.mini{left:var(--gutter);bottom:calc(env(safe-area-inset-bottom,0px) + 88px);letter-spacing:.16em;font-size:12px}.side{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);left:var(--gutter);border:1px solid var(--hair);background:#0006;border-radius:50%;align-items:center;gap:5px;padding:0;transform:none}.side i:first-child,.side:hover i{width:18px}.side i:nth-child(2){width:12px}.side i:nth-child(3){width:15px}.tl{left:calc(var(--gutter) + 52px)}#slide{padding:76px var(--gutter) 136px}#slide.band{padding-top:calc(var(--bt,56vh) + 18px);justify-content:flex-start}.role{letter-spacing:.22em;gap:6px 12px;margin-bottom:10px;font-size:13px}.pill{letter-spacing:.2em;padding:0 20px 0 16px}.hl{margin-top:14px}.pill,.cue{margin-top:20px}.lead{left:var(--gutter);width:74vw}#cap{bottom:calc(env(safe-area-inset-bottom,0px) + 78px)}}@media (width<=480px){.lg{display:none}}@media (width<=350px){.top{font-size:11px}.top .l,.top .r{gap:7px}.top .mark{letter-spacing:.1em}.top .r{letter-spacing:.06em}}@media (height<=560px){.over:not(.about):not(.sheet) .sc{padding-block:calc(env(safe-area-inset-top,0px) + 16px) 12px}.over:not(.about):not(.sheet) .in{max-width:calc(177.778vh - 170.667px)}.over .under{margin-top:8px}.hl{display:none}#slide{padding-top:70px;padding-bottom:76px}.pill,.cue{margin-top:14px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}