/* An editorial board of real work, not a single-show promotion. */
.live-intro{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:4%;margin-top:44px}
.live-title{min-width:0}
.stage-showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.72fr);gap:18px 22px;align-items:start;padding:8px 10px 4px;min-width:0}
.showcase-card{position:relative;display:block;width:100%;min-width:0;padding:6px;background:var(--paper);color:var(--ink);text-align:left;border:1px solid #30322b20;border-radius:2px;box-shadow:5px 7px 0 #30322b15;transition:transform .3s var(--ease),box-shadow .3s var(--ease);transform:rotate(var(--tilt,0deg))}
.showcase-card:disabled{cursor:default}
.showcase-card:hover:not(:disabled),.showcase-card:focus-visible{transform:translateY(-5px) rotate(0);box-shadow:6px 12px 0 #30322b20;z-index:2}
.showcase-card:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.showcase-image{display:block;overflow:hidden;background:#e9ebe2}
.showcase-image img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover}
.showcase-caption{display:grid;grid-template-columns:20px minmax(0,1fr) 22px;gap:8px;align-items:start;padding:13px 6px 8px}
.showcase-number{font-size:.6875rem;font-variant-numeric:tabular-nums;padding-top:2px;border-top:1px solid var(--ink)}
.showcase-caption small{display:block;font-size:.6875rem;line-height:1.4;color:#626456;margin-bottom:4px;overflow-wrap:anywhere}
.showcase-caption strong{display:block;font-size:clamp(.875rem,1.15vw,1.0625rem);font-weight:500;line-height:1.45;letter-spacing:-.025em;overflow-wrap:anywhere}
.showcase-caption .ui-symbol{width:22px;height:22px;margin-top:2px}
.showcase-concert{grid-column:1;grid-row:1;--tilt:-3deg}
.showcase-musical{grid-column:2;grid-row:1 / span 2;--tilt:4deg;margin-top:22px}
.showcase-musical .showcase-image img{aspect-ratio:900/1270;object-fit:contain}
.showcase-exhibition{grid-column:1;grid-row:2;--tilt:1.5deg}
.showcase-experience{grid-column:1 / -1;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;--tilt:-1deg;margin-top:2px}
.showcase-experience .showcase-image img{aspect-ratio:511/719;object-fit:contain}
.showcase-experience .showcase-caption{grid-template-columns:20px minmax(0,1fr) 32px;padding:8px 12px;gap:12px;align-items:center}
.showcase-experience .ui-symbol{width:28px;height:28px}
@media(min-width:1500px){.stage-showcase{max-width:740px;justify-self:end;width:100%}}
@media(max-width:1050px) and (min-width:761px){.live-intro{grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:3%}.stage-showcase{gap:16px 12px;padding:5px}.showcase-caption{grid-template-columns:minmax(0,1fr) 20px;gap:6px;padding:10px 5px 6px}.showcase-number{display:none}.showcase-experience .showcase-caption{grid-template-columns:minmax(0,1fr) 28px}}
@media(max-width:760px){.live-intro{gap:0;margin-top:32px}.stage-showcase{padding:7px 3px 0;gap:16px 14px;grid-template-columns:minmax(0,1fr) minmax(0,.78fr)}.showcase-card{padding:4px;box-shadow:3px 5px 0 #30322b15}.showcase-caption{grid-template-columns:minmax(0,1fr) 20px;gap:5px;padding:10px 5px 6px}.showcase-caption strong{font-size:.875rem}.showcase-caption .ui-symbol{width:20px;height:20px}.showcase-number{display:none}.showcase-musical{margin-top:15px;--tilt:2deg}.showcase-concert{--tilt:-2deg}.showcase-exhibition{--tilt:1deg}.showcase-experience{grid-template-columns:42px minmax(0,1fr);margin-top:0;--tilt:0deg}.showcase-experience .showcase-caption{grid-template-columns:minmax(0,1fr) 28px;gap:10px;padding:8px 10px}.showcase-experience .ui-symbol{width:26px;height:26px}}
@media(prefers-reduced-motion:reduce){.showcase-card{transition:none}.showcase-card:hover:not(:disabled),.showcase-card:focus-visible{transform:rotate(var(--tilt,0deg))}}
/* Clean source photographs, with website-native project typography. */
.performance-photo{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:8/5;background:var(--paper)}
.performance-photo img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;max-width:none}
.performance-photo.is-poster{aspect-ratio:auto;background:transparent}
.performance-photo.is-poster img{height:auto;object-fit:contain}
.performance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 4%}
.performance-card{position:relative;min-width:0;border-top:1px solid var(--line);padding-top:14px;text-align:left}
.performance-card h3{font-size:clamp(1.125rem,1.7vw,1.6rem);line-height:1.4;margin-top:20px;padding-right:58px;overflow-wrap:anywhere}
.performance-card p{font-size:.875rem;letter-spacing:.01em;padding-right:58px;color:#585c4e}
.performance-open{position:absolute;bottom:0;right:0;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--yellow);border:1px solid var(--ink)}
.performance-card:hover img,.performance-card:focus-visible img{outline:0}
.performance-card:focus-visible{outline-offset:8px}
.performance-card:hover .performance-open{background:var(--paper)}
.archive-heading{align-items:start}
.archive-heading h2{max-width:75%;line-height:1.18}
.performance-dialog{overflow:auto;overscroll-behavior:contain}
.performance-dialog .dialog-content{grid-template-columns:minmax(0,1fr);padding-bottom:32px}
.performance-dialog .dialog-info{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:6%;padding:42px 5% 36px;align-items:start}
.performance-heading,.performance-summary{min-width:0}
.performance-heading .eyebrow{font-size:.875rem;line-height:1.5;letter-spacing:.035em;margin:0 0 20px}
.performance-dialog .dialog-info h2{font-size:clamp(1.8rem,3.6vw,3.25rem);line-height:1.16;letter-spacing:-.045em;margin:0;overflow-wrap:anywhere;text-wrap:balance}
.performance-summary>p{font-size:1rem;line-height:1.85;white-space:pre-line;margin:0;word-break:normal;overflow-wrap:anywhere}
.performance-dialog .performance-credits{font-size:.875rem;line-height:1.8;border-top:1px solid var(--line);padding-top:16px;margin:22px 0 0}
.performance-dialog .dialog-poster{display:flex;justify-content:center;align-items:center;height:auto;padding:0 5%;background:transparent}
.performance-dialog .dialog-poster img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;background:transparent}
.performance-dialog.has-poster .dialog-content{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:5%;align-items:start;padding:36px 5% 44px}
.performance-dialog.has-poster .dialog-info{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:26px;align-items:stretch;padding:10px 0 0}
.performance-dialog.has-poster .dialog-poster{grid-column:1;grid-row:1;padding:0;margin:0;background:transparent}
.performance-dialog.has-poster .dialog-poster img{width:100%;height:auto;max-height:none;object-fit:contain}
.event-body p[hidden]{display:none}
.performance-collection-cover{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:7%;background:var(--yellow);border:1px solid var(--ink)}
.collection-count{font-size:clamp(5rem,13vw,11rem);font-weight:500;letter-spacing:-.075em;line-height:.9}
.collection-label{font-size:clamp(1.5rem,3.5vw,3rem);line-height:1.2;letter-spacing:-.04em;overflow-wrap:anywhere}
.performance-award-tag{display:block;font-size:.875rem;line-height:1.6;margin-top:14px;padding:9px 12px;background:var(--yellow);width:fit-content;max-width:calc(100% - 58px)}
.performance-award{display:block;padding:14px 16px;background:var(--yellow);border-left:3px solid var(--ink);font-size:.9375rem;line-height:1.7;margin-bottom:24px;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.performance-award:hover{background:#e4e946}
.performance-award[hidden],.event-list[hidden],.performance-dialog .dialog-poster[hidden]{display:none}
.event-list{list-style:none;margin:0;padding:0 5%}
.event-list>li{display:grid;grid-template-columns:50px minmax(0,1fr);gap:22px;padding:25px 0;border-top:1px solid var(--line)}
.event-number{font-size:.875rem;line-height:2.3;font-variant-numeric:tabular-nums}
.event-body h3{font-size:clamp(1.125rem,2.2vw,1.5rem);font-weight:500;line-height:1.4;letter-spacing:-.025em;margin:0 0 10px;overflow-wrap:anywhere}
.event-body p{font-size:1rem;line-height:1.8;margin:0;color:#585c4e;overflow-wrap:anywhere}
.event-body .event-meta{font-size:.875rem;margin-top:12px;color:var(--ink)}
.performance-dialog.has-collection .dialog-info{padding-bottom:38px}
@media(max-width:760px){
 .performance-grid{gap:36px 5%}
 .performance-card h3{font-size:1.125rem;margin-top:16px;padding-right:0}
 .performance-card p{padding-right:0}
 .performance-card .performance-open{position:relative;margin-top:16px}
 .archive-heading h2{max-width:100%}
 .performance-dialog .dialog-content{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
 .performance-dialog .dialog-info{grid-template-columns:minmax(0,1fr);gap:22px;padding:28px 6%}
 .performance-heading .eyebrow{margin-bottom:14px}
 .performance-dialog .dialog-info h2{font-size:clamp(1.8rem,7vw,2.65rem);line-height:1.25}
 .performance-dialog .dialog-poster{padding:0}
 .performance-dialog.has-poster .dialog-content{grid-template-columns:minmax(0,1fr);padding:28px 6% calc(28px + env(safe-area-inset-bottom,0px));gap:28px}
 .performance-dialog.has-poster .dialog-info{grid-column:1;grid-row:1;padding:0;gap:22px}
 .performance-dialog.has-poster .dialog-poster{grid-column:1;grid-row:2;margin:0;padding:0;width:100%;max-width:460px;justify-self:center}
 .performance-collection-cover{padding:8%}
 .collection-count{font-size:clamp(4rem,14vw,7rem)}
 .event-list{padding:0 6%}
 .event-list>li{grid-template-columns:25px minmax(0,1fr);gap:16px;padding:24px 0}
 .performance-dialog.has-collection .dialog-info{padding-bottom:28px}
}
@media(max-width:520px){.performance-grid{grid-template-columns:1fr;gap:34px}.performance-card h3{padding-right:58px}.performance-card p{padding-right:58px}.performance-card .performance-open{position:absolute;margin-top:0}}

/* Portrait works are a poster + editorial caption, never a letterboxed photo. */
.performance-grid{align-items:start}
.performance-card.is-poster-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto auto 1fr;column-gap:24px;align-items:start}
.is-poster-card .performance-photo{grid-column:1;grid-row:1 / 6}
.performance-card.is-poster-card h3{grid-column:2;grid-row:1;margin:4px 0 8px;padding:0}
.performance-card.is-poster-card>p:not(.performance-card-summary){grid-column:2;grid-row:2;margin:0;padding:0;line-height:1.6}
.performance-card.is-poster-card .performance-card-summary{grid-column:2;grid-row:3;font-size:1rem;line-height:1.7;margin:18px 0 0;padding:0;overflow-wrap:anywhere}
.is-poster-card .performance-award-tag{grid-column:2;grid-row:4;max-width:100%;margin:18px 0 0;padding:9px 10px;font-size:.8125rem}
.performance-card.is-poster-card .performance-open{position:static;grid-column:2;grid-row:5;align-self:end;justify-self:start;margin-top:20px}
@media(min-width:521px) and (max-width:900px){.performance-grid{grid-template-columns:1fr}.performance-card.is-poster-card{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);column-gap:28px}}
@media(max-width:520px){.performance-card.is-poster-card{grid-template-columns:minmax(0,.92fr) minmax(0,1fr);column-gap:18px}.performance-card.is-poster-card .performance-card-summary{font-size:.875rem;line-height:1.65;margin-top:12px}.is-poster-card .performance-award-tag{font-size:.75rem;margin-top:12px;padding:8px}.performance-card.is-poster-card .performance-open{margin-top:16px}}
