/* ============================================================
   Theaters & Performing Arts — page-specific CSS
   ============================================================ */

.tpa-headline{font-size:clamp(52px,9.5vw,132px);margin-bottom:36px}
.tpa-headline .hero-h1-purple{font-size:clamp(42px,7.5vw,110px)}
.tpa-hero-pulse{font-size:clamp(18px,2.2vw,26px);color:var(--white);font-weight:700}
.tpa-philosophy{font-size:clamp(32px,5.5vw,88px)}
.tpa-curtain-label{font-size:clamp(11px,1.4vw,16px);font-weight:800;letter-spacing:0.4em}

.bb-your-stage{background:linear-gradient(135deg,var(--electric-blue) 0%,#6e40f0 50%,var(--electric-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.bb-workshops{background:linear-gradient(135deg,#0a0a2a 0%,var(--electric-blue) 52%,var(--electric-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.bb-production{background:linear-gradient(135deg,#00a8cc 0%,var(--electric-blue) 35%,#7c3aed 70%,var(--electric-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.bb-fundraising{background:linear-gradient(135deg,#3a2000 0%,var(--gold) 48%,var(--electric-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.bb-format{background:linear-gradient(135deg,var(--gold) 0%,#40c8e0 60%,var(--electric-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.bb-format-purple{color:var(--electric-purple)}

.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px}
.spec-item{border-left:4px solid var(--gold);padding-left:14px}
.spec-label{font-size:10px;font-weight:800;letter-spacing:0.25em;text-transform:uppercase;color:var(--gold);margin-bottom:5px;display:block}
.spec-value{font-size:15px;font-weight:600;color:var(--white);line-height:1.4}

@media(max-width:1024px){
  .spec-grid{grid-template-columns:1fr}
}