#school-productions{--night:#060c13;background:#060c13;--metal-heading:var(--metal-on-dark)}
#school-productions .shows{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 26px;padding:12px 0 80px}#school-productions .show{min-width:0}#school-productions .show-card{--logo-scale:.86;--logo-shift:18%;position:relative;display:block;width:100%;aspect-ratio:1;border:0;padding:0;background:var(--night);cursor:pointer;isolation:isolate;clip-path:polygon(0 0,95% 0,100% 5%,100% 100%,5% 100%,0 95%);transform:translate3d(0,0,0) scale(1);transition:transform 500ms ease}#school-productions .show-card.howard{--logo-scale:.82;--logo-shift:14%}#school-productions .show-card.kol{--logo-scale:.70;--logo-shift:32%}#school-productions .show-card.hansen{--logo-scale:.72;--logo-shift:28%}#school-productions .show-card.waitress{--logo-scale:.86;--logo-shift:28%}#school-productions .card-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}#school-productions .show-photo,#school-productions .photo-tone,#school-productions .rest-veil,#school-productions .bottom-shade,#school-productions .photo-pending{position:absolute;inset:0;width:100%;height:100%}#school-productions .show-photo{display:block;object-fit:cover;overflow:hidden}#school-productions .photo-tone{background:rgba(36,45,59,.5)}#school-productions .photo-pending{background:radial-gradient(ellipse at 50% 55%,#173425,#09150f 70%)}#school-productions .rest-veil{background:#060c13;opacity:1;transition:opacity 500ms ease}#school-productions .bottom-shade{background:linear-gradient(180deg,transparent 28%,rgba(6,12,19,.1) 48%,rgba(6,12,19,.92) 100%)}#school-productions .show-logo{position:absolute;inset:10%;display:block;color:#fff;transform-origin:50% 50%;transform:translate3d(0,0,0) scale(1);transition-property:transform;transition-duration:500ms;transition-timing-function:ease;will-change:transform;pointer-events:none}#school-productions .logo-paint{display:block;width:100%;height:100%;overflow:hidden}#school-productions .hansen .show-logo{inset:18%}#school-productions .howard .show-logo{inset:16%}#school-productions .kol .show-logo{inset:8%}#school-productions .card-detail{position:absolute;right:22px;left:22px;bottom:14px;display:flex;justify-content:space-between;font-size:11px;color:#d6c4a1;opacity:0;transition:opacity 500ms ease}#school-productions .show h3{font-size:15px;line-height:1.6;font-weight:550;margin:15px 1px 0}#school-productions .show-card:focus-visible{outline-offset:-4px}#school-productions .show-card:focus-visible .rest-veil{opacity:0}#school-productions .show-card:focus-visible .show-logo{transform:translate3d(0,var(--logo-shift),0) scale(var(--logo-scale))}#school-productions .show-card:focus-visible .card-detail{opacity:1}
#school-productions .dialog{width:min(94vw,1080px);max-height:94vh;padding:0;border:1px solid #ad936355;background:#0a111b;color:#eee}#school-productions .dialog::backdrop{background:#01050be8}#school-productions .dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px}#school-productions .dialog-head h2{margin:0;font-size:20px}#school-productions .close{background:transparent;border:1px solid #8a786255;padding:8px 14px;cursor:pointer}#school-productions .source-image{display:block;max-width:100%;height:auto;max-height:70vh;object-fit:contain;margin:auto}#school-productions .dialog p{font-size:12px;color:#b6bcc5;padding:0 24px;line-height:1.8}#school-productions .dialog a{display:inline-block;margin:0 24px 24px;font-size:12px;color:#d8c49d}#school-productions .comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 24px 24px}#school-productions .comparison-grid figure{margin:0}#school-productions .comparison-grid img,#school-productions .comparison-art{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#060c13;color:white}#school-productions .comparison-art{padding:20px}#school-productions .comparison-grid figcaption{font-size:13px;color:#d9c9ac;padding-top:10px}
@media(hover:hover) and (pointer:fine){#school-productions .show-card:hover{transform:translate3d(0,0,0) scale(1.05)}#school-productions .show-card:hover .rest-veil{opacity:0}#school-productions .show-card:hover .show-logo{transform:translate3d(0,var(--logo-shift),0) scale(var(--logo-scale))}#school-productions .show-card:hover .card-detail{opacity:1}}
@media(hover:none),(pointer:coarse){#school-productions .rest-veil{opacity:0}#school-productions .show-logo{transform:translate3d(0,var(--logo-shift),0) scale(var(--logo-scale))}#school-productions .card-detail{opacity:1}#school-productions .help{display:none}}
@media(max-width:1100px){#school-productions .shows{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){#school-productions .shows{grid-template-columns:1fr;gap:30px;padding-bottom:0}#school-productions .dialog-head{padding:14px}}
#school-productions .show-card,#school-productions .show-logo{transition:transform 500ms ease!important}#school-productions .rest-veil,#school-productions .card-detail{transition:opacity 500ms ease!important}#school-productions .shows{padding-bottom:0}#school-productions .show h3{line-height:1.6;color:inherit}#school-productions .close{color:#eee}#school-productions .dialog-head h3{margin:0;font-size:20px}
#school-productions a.show-card{text-decoration:none;color:inherit}
#school-productions .kol .show-photo{top:-10%;height:110%}
#school-productions [hidden]{display:none!important}
#school-productions .program-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:8px 16px 14px}
#school-productions .program-control{border:1px solid #b7a17c80;background:transparent;color:#eee3cd;font:inherit;font-size:14px;line-height:1.4;padding:8px 12px;min-height:40px;cursor:pointer}
#school-productions .program-control:disabled{opacity:.4;cursor:default}
#school-productions .program-page-counter{font-size:14px;color:#e3d5bf;white-space:nowrap}
#school-productions .program-viewport{width:100%;height:64vh;height:64dvh;max-height:900px;display:flex;align-items:center;justify-content:center;overflow:auto;direction:ltr;background:#060c13;overscroll-behavior:contain;scroll-behavior:auto;touch-action:pan-x pan-y pinch-zoom}
#school-productions .program-page{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;margin:auto;cursor:zoom-in}
#school-productions .program-message{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px;color:#e3d5bf;text-align:center;direction:rtl}
#school-productions .program-viewport.is-zoomed{display:block}
#school-productions .is-zoomed .program-page{width:var(--program-width);max-width:none;max-height:none;height:auto;margin:0;cursor:zoom-out}
@media(max-width:520px){#school-productions .program-controls{padding-inline:10px;gap:6px}#school-productions .program-control{font-size:13px;padding:8px 10px}}