:root{--paper:#f7f7f5;--ink:#141414;--muted:#55554f;--rule:#d9d9d3;--tile:#e8e8e3;--panel:#e7e7e2;--card:#fff;--card-rule:#d4d4ce;--accent:#000;--door-bg:#f7f7f5;--door-ink:#141414;--on-image:#fbf6ea;--font-display:"Times New Roman", Times, "Liberation Serif", serif;--font-body:"Courier New", Courier, "Nimbus Mono PS", "Liberation Mono", monospace;--font-mono:var(--font-body);--step--1:.8125rem;--step-0:1rem;--step-1:1.1875rem;--step-2:1.5rem;--step-film:.875rem;--step-film-head:1.0625rem;--gutter:clamp(16px, 4vw, 48px);color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}body.on-landing{overflow:hidden}html{-webkit-text-size-adjust:100%}video{-webkit-touch-callout:none}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--step-0);letter-spacing:.04em;margin:0;line-height:1.55}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.mono{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.02em}.label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:.72rem;font-weight:400}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.landing{background:var(--door-bg);height:100dvh;color:var(--door-ink);flex-direction:column;display:flex;overflow:hidden}.landing-head{text-align:center;padding:20px var(--gutter);flex-direction:column;align-items:center;display:flex}.landing-tag{font-size:var(--step--1);color:var(--muted);letter-spacing:.02em;margin:4px 0 0}.landing-head h1{text-transform:uppercase;font-family:var(--font-display);letter-spacing:0;font-size:var(--step-1);margin:0;font-weight:400}.doors{background:var(--rule);flex:1;grid-template-columns:1fr 1fr;gap:1px;min-height:0;display:grid}.door{text-align:center;min-height:0;padding:var(--gutter);color:var(--door-ink);background:var(--door-bg);isolation:isolate;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative;overflow:hidden}.door:hover{color:var(--door-ink)}.door video,.door canvas,.door-poster{object-fit:cover;z-index:-2;width:100%;height:100%;transition:opacity .6s,transform 1.2s;position:absolute;inset:0}.door video{opacity:.55}.door.has-video video{opacity:1}.door.has-video:after{background:#0a080647}.door.has-video,.door.has-video:hover{color:var(--on-image)}.door.has-video:hover video,.door.has-video:focus-visible video{opacity:1}.door-poster{z-index:-3;background-position:50%;background-size:cover}.door.has-video video:not(.ready){opacity:0}.door canvas{opacity:.55}.door:after{content:"";z-index:-1;background:radial-gradient(#f7f7f5b3 0%,#f7f7f533 70%);position:absolute;inset:0}.door:hover video,.door:focus-visible video,.door:hover canvas,.door:focus-visible canvas{opacity:.8}.door-label{font-family:var(--font-display);letter-spacing:0;text-underline-offset:.18em;opacity:.72;font-size:clamp(2.25rem,5.5vw,4.5rem);font-weight:400;line-height:1;text-decoration:underline 2px #0000;transition:text-decoration-color .3s,opacity .3s}.door:hover .door-label,.door:focus-visible .door-label{opacity:.95;text-decoration-color:currentColor}.door:focus-visible{outline-offset:-6px;outline-color:var(--door-ink)}.portfolio{max-width:1320px;padding-inline:var(--gutter);grid-template-columns:minmax(0,1fr) minmax(280px,380px);grid-template-areas:"top top""main profile""foot.";gap:56px clamp(32px,5vw,72px);margin:0 auto;padding-block:48px 96px;display:grid}.top{grid-area:top}.portfolio>.foot{grid-area:foot}.top-name{font-family:var(--font-display);letter-spacing:0;text-wrap:balance;margin:0;font-size:clamp(2.5rem,4.6vw,4.25rem);font-weight:400;line-height:1}.top-name a{text-decoration:none}.top-tag{color:var(--muted);margin:18px 0 0;font-size:clamp(1.1rem,1.4vw,1.35rem);line-height:1.3}main{grid-area:main}.profile{border:1px solid var(--rule);background:var(--panel);grid-area:profile;align-self:start;gap:24px;padding:20px;display:grid}.profile h3{margin:0 0 10px;padding-bottom:8px}.profile .contact{grid-template-columns:minmax(0,1fr);gap:14px}.profile .based{margin:0}.mentions{gap:16px;display:grid}.mention{gap:6px;margin:0;display:grid}.mention blockquote{text-wrap:pretty;margin:0;font-style:italic;line-height:1.5}.mention figcaption{font-size:var(--step--1);color:var(--muted)}main{align-content:start;gap:72px;min-width:0;display:grid}main section{gap:20px;scroll-margin-top:32px;display:grid}.section-head{justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:10px;display:flex}.section-head h2,.section-head h3{margin:0}.section-title{color:var(--ink);font-size:.85rem}.section-head .label,.profile h3.label{color:var(--ink);font-size:.85rem;font-weight:700}.film-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:36px 24px;margin:0;padding:0;list-style:none;display:grid}.film-card{width:100%;display:block}.thumb{aspect-ratio:16/9;background:var(--tile);place-items:center;max-width:100%;display:grid;position:relative;overflow:hidden}.thumb img{object-fit:cover;filter:grayscale(.35);width:100%;height:100%;transition:transform .6s,filter .6s;display:block;position:absolute;inset:0}.film-card:hover .thumb img,.film-card:focus-visible .thumb img{filter:none;transform:scale(1.03)}.thumb canvas{width:100%;height:100%;display:block}.thumb iframe.preview{pointer-events:none;opacity:0;border:0;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.thumb iframe.preview.ready{opacity:1}.thumb video.preview{object-fit:cover;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.thumb video.preview.ready{opacity:1}.film-title{font-weight:400;font-size:var(--step-1);text-wrap:balance;line-height:1.25}.film-sub{font-size:var(--step--1);opacity:.8}.stage-list{margin:0;padding:0;list-style:none}.stage-row{border-bottom:1px solid var(--rule);grid-template-columns:4.5rem minmax(0,1fr) minmax(0,12rem);align-items:center;gap:8px 20px;padding:16px 0;display:grid}.stage-row .yr{font-variant-numeric:tabular-nums;color:var(--muted)}.stage-title{font-weight:400;font-size:var(--step-1);line-height:1.25}.stage-sub{color:var(--muted);font-size:var(--step--1);margin-top:2px}.stage-role{color:var(--muted);font-size:var(--step--1)}a.stage-title{text-underline-offset:.22em;text-decoration:underline 1px;text-decoration-color:var(--rule);transition:text-decoration-color .2s,color .2s}a.stage-title:hover,a.stage-title:focus-visible{color:var(--ink);text-decoration-color:currentColor}.listen{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;display:flex}.btn{border:1px solid var(--ink);align-items:center;gap:10px;padding:10px 18px;font-weight:400;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.btn:hover{background:var(--ink);color:var(--paper)}.album-player{width:100%;max-width:700px;height:var(--h);border:0;margin-bottom:24px;display:block}@media (width<=500px){.album-player{height:calc(var(--h) + 44px)}}.photo{background:var(--tile);width:100%;max-width:100%;overflow:hidden}.photo img{width:100%;height:auto;display:block}.photo-fig{gap:10px;margin:0;display:grid}.photo-fig figcaption{font-size:var(--step--1);color:var(--muted);text-align:center;font-style:italic;line-height:1.4}.photo span{color:var(--muted)}.bio{gap:14px;max-width:62ch;font-size:1.05rem;line-height:1.65;display:grid}.bio p{text-wrap:pretty;margin:0}.contact{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:24px 32px;margin:0;display:grid}.contact div{gap:4px;min-width:0;display:grid}.contact dt{margin:0}.contact dd{overflow-wrap:anywhere;margin:0}.ig{width:32px;height:32px;color:var(--ink);place-items:center;margin:-6px 0 -6px -6px;display:inline-grid}.ig svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:20px;height:20px}.ig svg .dot{fill:currentColor;stroke:none}.ig:hover,.ig:focus-visible{color:var(--muted)}.top-contact,.more-archive{display:none}.more-archive{text-transform:uppercase;letter-spacing:.02em;justify-self:start;margin:-12px 0;padding:12px 0;text-decoration:none}.more-archive:hover,.more-archive:focus-visible{text-underline-offset:.2em;text-decoration:underline}#email-text.flash{border-radius:2px;animation:2.4s ease-out email-flash}@keyframes email-flash{0%,45%{background:var(--ink);color:var(--paper);box-shadow:0 0 0 4px var(--ink)}to{color:inherit;background:0 0;box-shadow:0 0 0 4px #0000}}.copy{color:var(--muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;margin-left:8px;font-size:.72rem}.copy:hover{color:var(--accent)}.foot{color:var(--muted);font-size:var(--step--1);border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;gap:8px;padding-top:16px;display:flex}.foot .credit{font-style:italic}dialog{width:min(1400px, calc(100% - 32px), calc((100vh - 281px) * var(--ar,16 / 9)));background:var(--paper);max-width:none;max-height:calc(100% - 48px);color:var(--ink);border:0;margin:40px auto 8px;padding:0;overflow:visible}dialog[open]{flex-direction:column;display:flex}.dlg-body{min-height:0;overflow:auto}dialog::backdrop{background:#080908c7}dialog[open]{animation:.35s rise}@keyframes fade-in{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.player{aspect-ratio:var(--ar,16 / 9);width:100%;color:var(--on-image);background:#000;place-items:center;display:grid;position:relative}.player iframe,.player video{pointer-events:none;border:0;width:100%;height:100%;position:absolute;inset:0}.player video{object-fit:contain;background:#000}.player iframe.plain{pointer-events:auto}.mute{z-index:2;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--on-image);background:#0a0b0a8c;border:1px solid #fbf6ea59;height:34px;padding:0 12px;font-size:.75rem;transition:background .2s;position:absolute;bottom:14px;right:14px}.mute:hover{color:var(--on-image);background:#0a0b0acc}.transport{z-index:2;gap:6px;display:flex;position:absolute;bottom:14px;left:14px}.transport button{width:34px;height:34px;color:var(--on-image);background:#0a0b0a8c;border:1px solid #fbf6ea59;place-items:center;transition:background .2s;display:grid}.transport button:hover{background:#0a0b0acc}.transport svg{fill:currentColor;width:14px;height:14px;display:block}.player .empty{text-align:center;font-family:var(--font-mono);font-size:var(--step--1);opacity:.75;padding:24px}.detail{letter-spacing:.01em;grid-template-columns:minmax(0,1fr) minmax(0,19rem);gap:12px 32px;padding:14px 16px 18px;font-size:.875rem;line-height:1.4;display:grid}.detail h2{font-family:var(--font-body);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:.875rem;font-weight:400;line-height:1.4}.detail .desc{color:var(--muted);max-width:70ch;margin:8px 0 0}#p-desc p{margin:0 0 .8em}#p-desc p:last-child{margin-bottom:0}.detail dl{align-content:start;gap:8px;margin:0;display:grid}.detail dl div{grid-template-columns:5.5rem minmax(0,1fr);align-items:baseline;gap:8px;display:grid}.detail dt.label{letter-spacing:.02em;text-transform:none;color:var(--muted);font-size:.8125rem}.detail dd{margin:0}.detail dd.info{white-space:pre-line}.close{z-index:3;font-family:var(--font-mono);letter-spacing:.02em;color:var(--on-image);padding:6px 4px;font-size:.875rem;position:absolute;bottom:100%;right:-4px}.close:hover{color:#fff;text-decoration:underline}.close{-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0}.close:focus,.close:focus-visible{outline:none}.close:focus-visible{color:#fff;text-underline-offset:3px;text-decoration:underline}.compact{font-size:var(--step-film);letter-spacing:.01em;grid-template-columns:minmax(0,1fr) minmax(240px,300px);gap:48px clamp(24px,3vw,40px);max-width:1440px;padding-block:20px 72px;line-height:1.3}.compact .top{grid-template-columns:1fr auto;align-items:baseline;gap:16px;display:grid}.compact .top-name,.compact .top-tag{font-family:var(--font-body);font-size:var(--step-film-head);text-transform:uppercase;letter-spacing:.02em;color:var(--ink);margin:0;line-height:1.4}.compact .top-tag{text-align:left;text-transform:none;font-size:var(--step-film);color:var(--muted);grid-area:2/1}.compact .top .top-name{grid-area:1/1}.compact .top .top-link{grid-area:1/2}.compact .top{row-gap:4px}.compact main{gap:48px}.compact main section{gap:16px}.compact .label,.compact .section-head .label,.compact .profile h3.label{font-size:var(--step-film);letter-spacing:.02em;color:var(--ink);font-weight:400}.compact .section-head{padding-bottom:6px}.compact .bio{font-size:var(--step-film);gap:10px;max-width:64ch;line-height:1.45}.compact .profile{background:0 0;gap:18px;padding:14px}.compact .profile h3{margin-bottom:6px;padding-bottom:6px}@media (width>=761px){.compact .profile{position:sticky;top:20px}}.compact .photo-fig figcaption,.compact .mention figcaption,.compact .foot,.compact .copy{font-size:.8125rem}.compact .btn{padding:8px 14px}.is-stage .stage-row{align-items:baseline;gap:4px 20px;padding:10px 0}.is-stage .stage-title,.is-stage .stage-sub,.is-stage .stage-role,.is-stage .stage-row .yr{font-size:inherit;line-height:1.4}.is-stage .stage-sub{margin-top:0}.is-stage .mention blockquote{font-size:calc(var(--step-film) - 1px);color:var(--muted)}.is-film .film-grid{grid-template-columns:minmax(0,1fr);gap:20px}.is-film .film-card{text-align:left;grid-template-columns:minmax(180px,15rem) minmax(0,1fr);align-items:start;gap:24px;display:grid}.is-film .film-info{gap:2px;display:grid}.is-film .film-line{justify-content:space-between;gap:16px;margin-bottom:14px;display:flex}.is-film .film-title{font-size:inherit;line-height:inherit}.is-film .film-year{font-variant-numeric:tabular-nums}.is-film .film-sub{font-size:inherit;opacity:1;color:var(--ink)}.is-film:not(.is-archive) .film-card{cursor:default}.is-film:not(.is-archive) .film-title{cursor:pointer}.is-film .film-title:hover,.is-film .film-card:has(.thumb:hover) .film-title,.is-film .film-card:focus-visible .film-title{text-underline-offset:.2em;text-decoration:underline}.is-film .thumb img{filter:none}.is-film .film-card:hover .thumb img,.is-film .film-card:focus-visible .thumb img{transform:none}.cursor-label{z-index:50;pointer-events:none;font-family:var(--font-body);letter-spacing:.02em;color:#fff;text-shadow:0 0 6px #00000073;white-space:nowrap;opacity:0;font-size:.875rem;transition:opacity .15s;position:fixed;top:0;left:0}.cursor-label.on{opacity:1}@media (hover:hover) and (pointer:fine){.is-film .thumb{cursor:none}}.player .loading{z-index:2;border:2px solid #fbf6ea4d;border-top-color:var(--on-image);opacity:0;visibility:hidden;pointer-events:none;border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;position:absolute;top:50%;left:50%}.player.is-loading .loading{visibility:visible;animation:.2s .3s forwards loading-in,.9s linear infinite spin}@keyframes loading-in{to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}dialog.tall .detail{grid-template-columns:minmax(0,1fr)}dialog.tall .detail h2{text-align:center}@media (width<=760px){.doors{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.portfolio{grid-template-columns:minmax(0,1fr);grid-template-areas:"top""main""profile""foot";gap:40px;padding-block:28px 64px}main{gap:56px}.stage-row{grid-template-columns:3.5rem minmax(0,1fr);align-items:start}.stage-role{grid-area:2/2}.detail{grid-template-columns:minmax(0,1fr)}dialog{width:100%;max-height:calc(100% - 56px);margin:48px auto auto}dialog[open]{animation-name:fade-in}dialog::backdrop{background:#080908eb}.close{position:fixed;top:8px;bottom:auto;right:12px}body:has(dialog[open]) .top{visibility:hidden}dialog.tall{width:min(100%, calc((100svh - 150px) * var(--ar)))}.compact{--step-film:.9375rem;gap:32px;padding-block:14px 56px}.compact .top{grid-template-columns:1fr;row-gap:2px}.compact .top-tag{text-align:left;font-size:var(--step-film);color:var(--muted)}.is-film .film-grid{gap:40px}.is-film .film-card{grid-template-columns:minmax(0,1fr);gap:12px}.is-film .film-info{order:2}.is-film .film-line{margin-bottom:10px}}@media (prefers-reduced-motion:reduce){.player.is-loading .loading{opacity:1}*,:before,:after{transition:none!important;animation:none!important}}.top-link{text-transform:uppercase;letter-spacing:.02em;font-size:var(--step-film-head);justify-self:end;margin:-12px 0;padding:12px 0 12px 16px;line-height:1.4;text-decoration:none}.top-link:hover,.top-link:focus-visible{text-underline-offset:.2em;text-decoration:underline}.is-archive{grid-template-columns:minmax(0,1fr);grid-template-areas:"top""main"}.is-archive main{gap:64px}.arch-group{justify-items:end;gap:18px}.arch-cat{font-size:inherit;text-transform:uppercase;letter-spacing:.02em;margin:0;font-weight:400}.arch-list{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:0;padding:0;list-style:none;display:flex}.arch-item{display:block;position:relative}.arch-item .thumb{width:192px}.is-archive .thumb{cursor:pointer}.arch-item .thumb img{filter:none}.arch-item:hover .thumb img,.arch-item:focus-visible .thumb img{transform:none}.arch-item:focus-visible{outline-offset:3px}.arch-title{text-align:center;text-transform:uppercase;letter-spacing:.02em;color:#fff;text-shadow:0 0 6px #00000073;opacity:0;pointer-events:none;background:#0a080666;place-items:center;padding:8px;line-height:1.3;transition:opacity .2s;display:grid;position:absolute;inset:0}.arch-item:hover .arch-title,.arch-item:focus-visible .arch-title{opacity:1}.is-archive .foot{margin-top:24px}@media (width<=760px){.compact .top:has(.top-link){grid-template-columns:minmax(0,1fr) auto}.compact .top:has(.top-link) .top-tag{grid-area:2/1/auto/-1}.compact .top:has(.top-link) .top-link{font-size:var(--step-film);grid-area:1/2}.portfolio:not(.is-archive) .top-archive{display:none}.portfolio:not(.is-archive) .top-contact,.portfolio:not(.is-archive) .more-archive{display:block}.is-archive main{gap:40px}.arch-group{grid-template-columns:7.5rem minmax(0,1fr);place-items:start stretch;gap:0 12px}.arch-list{justify-content:stretch;gap:14px;display:grid}.arch-item{text-align:left;text-transform:uppercase;letter-spacing:.02em;line-height:1.35}.arch-item .thumb{display:none}.arch-title{text-align:left;color:inherit;text-shadow:none;opacity:1;background:0 0;padding:0;display:block;position:static}.arch-item:hover .arch-title{text-underline-offset:.2em;text-decoration:underline}}.stage-index{border-collapse:collapse;width:100%;font-size:inherit;line-height:1.4}.stage-index th,.stage-index td{text-align:left;vertical-align:baseline;border-bottom:1px solid var(--rule);padding:10px 20px 10px 0;font-weight:400}.stage-index th:last-child,.stage-index td:last-child{padding-right:0}.stage-index thead th{text-transform:uppercase;letter-spacing:.02em;color:var(--muted);padding-top:0}.stage-index .si-year{font-variant-numeric:tabular-nums;width:4.5rem;color:var(--muted)}.stage-index .si-title a{text-underline-offset:.22em;text-decoration:underline 1px;text-decoration-color:var(--rule)}.stage-index .si-title a:hover,.stage-index .si-title a:focus-visible{color:var(--ink);text-decoration-color:currentColor}@media (width<=760px){.stage-index thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.stage-index tr{border-bottom:1px solid var(--rule);padding:10px 0 10px calc(3.5rem + 12px);display:block;position:relative}.stage-index th,.stage-index td{border:0;width:auto;padding:0}.stage-index .si-year{position:absolute;top:10px;left:0}.stage-index .si-title{display:block}.stage-index .si-venue,.stage-index .si-dir,.stage-index .si-role{color:var(--muted);display:inline}.stage-index .si-dir:not(:empty):before{content:" · dir. "}.stage-index .si-role:not(:empty):before{content:" · "}.stage-index .si-venue:empty+.si-dir:before{content:"dir. "}}.is-film{--u:20px;--c1:minmax(180px, 15rem);--gutter:var(--u);row-gap:calc(4 * var(--u));column-gap:calc(2 * var(--u));padding-block:var(--u) calc(4 * var(--u))}@media (width>=761px){.is-film{max-width:none}}.is-film main{gap:calc(4 * var(--u))}.is-film main>section{gap:var(--u)}.is-film .section-head{padding-bottom:0}.is-film .bio{gap:calc(var(--u) / 2)}.is-film .profile{padding:var(--u);gap:var(--u)}.is-film .profile h3{padding-bottom:calc(var(--u) / 2);margin-bottom:0}.is-film .foot{padding-top:var(--u)}.is-film .film-grid{gap:calc(2 * var(--u))}.is-film .film-card{column-gap:var(--u)}.is-film .film-info{gap:0}.is-film .film-line{margin-bottom:calc(var(--u) / 2)}.is-film.is-archive .foot{margin-top:0}.is-film .arch-group{gap:var(--u)}.is-film .arch-list{gap:calc(var(--u) / 2)}@media (width>=761px) and (width<=1099px){.is-film .film-card{row-gap:calc(var(--u) / 2);grid-template-columns:minmax(0,1fr)}.is-film .film-info{order:2}}@media (width>=1100px){.is-film:not(.is-archive) main>section{grid-template-columns:var(--c1) minmax(0, 1fr);column-gap:var(--u);align-items:start}.is-film:not(.is-archive) main>section>:not(.section-head){grid-column:2}.is-film:not(.is-archive) #work>.section-head{grid-area:1/1}.is-film:not(.is-archive) #work>.film-grid{grid-area:1/1/2/-1}.is-film:not(.is-archive) #work .film-grid>li:first-child .film-info{padding-top:calc(1lh + var(--u))}}@media (width<=760px){.is-film{--u:16px;row-gap:calc(4 * var(--u))}.is-film main{gap:calc(3 * var(--u))}.is-film .film-card{row-gap:calc(var(--u) / 2)}.is-film .top{row-gap:0}.is-film .arch-group{justify-items:center;gap:var(--u);grid-template-columns:minmax(0,1fr)}.is-film .arch-list{gap:calc(var(--u) / 2);width:100%}.is-film .arch-cat,.is-film .arch-item,.is-film .arch-title{text-align:center}.is-film .arch-item{width:100%}}.is-stage:not(.is-archive) .top{margin-bottom:32px}.ap{background:var(--card);border:1px solid var(--card-rule);max-width:700px;margin:0 0 32px}.ap-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px 10px;padding:11px 13px;display:grid}.tr-play{cursor:pointer;border:1px solid var(--card-rule);background:var(--card);width:32px;height:32px;color:var(--ink);place-items:center;padding:0;transition:border-color .2s,background .2s,color .2s;display:grid}.tr-play:hover{border-color:var(--ink)}.ap.is-playing .tr-play{background:var(--ink);border-color:var(--ink);color:var(--card)}.tr-play svg{fill:currentColor;width:11px;height:11px}.tr-text{flex-direction:column;min-width:0;display:flex}.tr-title{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.tr-sub{color:var(--muted)}.tr-time{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.tr-wave{cursor:pointer;touch-action:none;--p:0%;grid-column:1/-1;height:27px;position:relative}.tr-wave .wave,.tr-wave svg{width:100%;height:100%;display:block;position:absolute;inset:0}.tr-wave .wave[hidden]{display:none}.tr-wave .base{fill:#c4c4be}.tr-wave .played{fill:var(--ink);clip-path:inset(0 calc(100% - var(--p)) 0 0)}.tr-wave:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.ap-list{border-top:1px solid var(--card-rule);overscroll-behavior:contain;max-height:calc(7.875rem + 2px);margin:0;padding:0 13px;list-style:none;overflow-y:auto}.ap-list li+li{border-top:1px solid var(--card-rule)}.ap-track{width:100%;min-height:2.25rem;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:2ch minmax(0,1fr) auto;align-items:center;gap:10px;padding:0;display:grid}.ap-track:hover .ap-t{text-underline-offset:.2em;text-decoration:underline}.ap-track[aria-current] .ap-t{font-weight:700}.ap-n,.ap-d{color:var(--muted);font-variant-numeric:tabular-nums}.ap-t{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ap-track:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}@media (width<=500px){.ap-head,.ap-list{padding-inline:12px}}