.role-filters{display:flex;flex-wrap:nowrap;gap:clamp(34px,4.5vw,74px);width:min(1740px,calc(100vw - 48px));margin:0 0 38px 50%;padding:0 16px;overflow-x:auto;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);transform:translateX(-50%);scrollbar-width:none}.role-filters::-webkit-scrollbar{display:none}.role-filters button{position:relative;flex:0 0 auto;appearance:none;padding:22px 0 21px;border:0;background:transparent;color:#77716b;cursor:pointer;font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;white-space:nowrap}.role-filters button::after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--ember);transform:scaleX(0);transform-origin:left;transition:transform 180ms var(--ease-out)}.role-filters button:hover,.role-filters button:focus-visible,.role-filters button[aria-pressed="true"]{color:#fff}.role-filters button[aria-pressed="true"]::after{transform:scaleX(1)}.role-filters button:focus-visible{outline:1px solid var(--ember);outline-offset:6px}.production-wall{gap:2px!important;background:#000!important}.production-card{background:#000}.production-card[hidden]{display:none!important}

/* Production cards use the clearer JSP-style hierarchy: strong label, bold title, quiet credit. */
.production-card::after{background:linear-gradient(180deg,rgba(8,8,8,.02) 28%,rgba(8,8,8,.16) 50%,rgba(8,8,8,.76) 76%,rgba(8,8,8,.97) 100%)!important}
.production-copy{bottom:clamp(18px,2vw,28px)!important;text-shadow:0 2px 12px rgba(0,0,0,.7)}
.production-copy p{margin:0 0 6px!important;color:#ff8753!important;font-family:var(--sans)!important;font-size:9px!important;font-weight:800!important;letter-spacing:.15em!important;line-height:1.35!important;text-transform:uppercase!important}
.production-copy h3{max-width:19ch!important;color:#fff!important;font-family:var(--sans)!important;font-size:clamp(24px,2.15vw,34px)!important;font-weight:800!important;letter-spacing:-.035em!important;line-height:1.02!important;text-wrap:balance}
.production-copy span{margin-top:7px!important;color:#d0c9c1!important;font-family:var(--sans)!important;font-size:9.5px!important;font-weight:600!important;letter-spacing:.055em!important;line-height:1.4!important;text-transform:uppercase!important}

/* Remove the old generated Fly credit so only the real card text is shown. */
.production-card:has(img[alt="Fly More Than You Fall production photograph"]) .production-copy span::after{content:none!important;display:none!important}

/* These are now real image sources, not CSS backgrounds. */
.production-card:has(img[alt="Evita at the London Palladium production photograph"]){background:#000!important}
.production-card:has(img[alt="Evita at the London Palladium production photograph"])>img{opacity:1!important;object-fit:cover!important;object-position:center 43%!important}
.production-card:has(img[alt="Spells of the Sea rehearsal photograph"]){background:#000!important}
.production-card:has(img[alt="Spells of the Sea rehearsal photograph"])>img{opacity:1!important;object-fit:cover!important;object-position:62% 38%!important}

/* Smalltown Boy: preserve both faces and remove the legacy zoom entirely. */
.production-card:has(img[alt="Smalltown Boy artwork"])>img{object-fit:cover!important;object-position:center top!important;transform:none!important}

/* Founders: strictly equal visual weight and alignment. */
.founders-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:start!important;gap:clamp(28px,5vw,64px)!important}
.founders-grid::before{content:none!important;display:none!important}
.founder{display:grid!important;grid-template-rows:auto auto auto 1fr!important;align-self:start!important;margin:0!important;min-width:0!important}
.founder .pf{display:block!important;width:100%!important;height:auto!important;aspect-ratio:4/5!important;object-fit:cover!important;object-position:center 18%!important;border-radius:4px!important;box-shadow:0 22px 54px rgba(33,28,23,.22)!important;margin:0!important}
.founder h3{margin:24px 0 8px!important;line-height:1.04!important}
.founder>div{min-height:54px!important;display:flex!important;align-items:flex-start!important;align-content:flex-start!important;flex-wrap:wrap!important;column-gap:0!important;row-gap:7px!important}
.founder:nth-child(2)>div::after{flex:0 0 100%!important;width:100%!important;margin:0!important;padding:0!important;line-height:1.35!important}
.founder p{margin:14px 0 0!important;max-width:none!important}

@media(max-width:980px){.role-filters{width:100%;margin-left:0;transform:none}}
@media(max-width:760px){.role-filters{-webkit-overflow-scrolling:touch}.role-filters button{padding:19px 0 18px}.production-copy h3{font-size:clamp(25px,7vw,34px)!important}.production-card:has(img[alt="Spells of the Sea rehearsal photograph"])>img{object-position:58% 40%!important}.production-card:has(img[alt="Smalltown Boy artwork"])>img{object-position:center top!important;transform:none!important}.founders-grid{grid-template-columns:1fr!important;gap:44px!important}.founder .pf{aspect-ratio:4/5!important}.founder>div{min-height:54px!important}}