The Jury Experience – The Killer AI: Will Philadelphia Deliver Justice?

* { box-sizing: border-box; } img { max-width: 100%; } .tje-wrap { max-width: 100%; overflow-x: hidden; } .tje-section-title { font-size: 1rem; font-weight: 700; letter-spacing: -0.01em; color: #0f0f0f; margin: 0 0 0.875rem 0; position: relative; padding-bottom: 0.5rem; } .tje-section-title::after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 3rem; height: 4px; background: #C8222A; border-radius: 3px; } .tje-label-small { font-size: 0.65rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: #8a8a8a; margin: 0 0 0.625rem 0; display: block; } .tje-intro { font-size: 1rem; line-height: 1.7; color: #444; margin: 0 0 1.5rem 0; } .tje-hero-quote { position: relative; padding: 0.75rem 0 0.75rem 1.25rem; margin: 1.5rem 0 1.75rem 0; border-left: 4px solid #C8222A; } .tje-hero-quote p { margin: 0; font-family: Georgia, 'Times New Roman', serif; font-size: 1.35rem; line-height: 1.3; font-weight: 500; font-style: italic; color: #0f0f0f; letter-spacing: -0.01em; } .tje-hero-quote .quote-accent { color: #C8222A; font-style: italic; font-weight: 700; } /* Show the line break only on mobile */ .tje-mobile-break { display: none; } @media (max-width: 48rem) { .tje-mobile-break { display: inline; } } .tje-divider { border: none; border-top: 1px solid #ece9e3; margin: 1.75rem 0; height: 0; } .tje-badges { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1.5rem; } .tje-badge { font-size: 0.7rem; font-weight: 600; letter-spacing: 0.02em; padding: 0.3rem 0.7rem; border-radius: 2rem; white-space: nowrap; display: inline-flex; align-items: center; gap: 0.3rem; } .tje-badge-dark { background: transparent; color: #032230; border: 1px solid rgba(3, 34, 48, 0.25); } .tje-highlights { list-style: none; padding: 0; margin: 0 0 0.5rem 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; } @media (max-width: 48rem) { .tje-highlights { grid-template-columns: 1fr; } } .tje-highlights li { font-size: 0.95rem; line-height: 1.55; color: #222; padding: 1rem 1.25rem; background: #f5f5f5; border-radius: 0.5rem; border-left: 3px solid #C8222A; } .tje-case-card { border: none; border-radius: 0.875rem; padding: 1.25rem 1.5rem 1.5rem; margin-bottom: 0.75rem; background: linear-gradient(160deg, #0d111d 0%, #0b1829 30%, #0a1032 60%, #1a2a5a 80%, #374d87 100%); color: #fff; } .tje-case-card .card-poster { margin: 0 0 1rem 0; text-align: left; } .tje-case-card .card-poster img { width: 60%; max-width: 240px; height: auto; display: block; } @media (max-width: 30rem) { .tje-case-card .card-poster img { width: 75%; max-width: 200px; } } .tje-case-card .card-description { font-size: 0.92rem; color: #cbd5e0; line-height: 1.65; margin: 0; } .tje-warning { margin-top: 1rem; background: #FDF0E0; border: none; border-radius: 0.625rem; padding: 0.875rem 1rem; font-size: 0.82rem; color: #5C3D14; display: flex; gap: 0.625rem; align-items: flex-start; line-height: 1.55; } .tje-steps { display: flex; flex-direction: row; gap: 0.625rem; flex-wrap: nowrap; position: relative; align-items: stretch; margin-top: 0.5rem; } .tje-step { flex: 1; min-width: 0; background: #f5f5f5; border-radius: 0.875rem; padding: 2.5rem 0.875rem 1rem; text-align: center; border: none; position: relative; z-index: 1; margin: 1.125rem 0 0 0; } /* Desktop: dashed connectors between circles (not extending past first/last) */ .tje-step:not(:last-child)::after { content: ""; position: absolute; top: -1px; left: 50%; right: calc(-50% - 0.625rem); height: 2px; background: repeating-linear-gradient(to right, #C8222A 0, #C8222A 6px, transparent 6px, transparent 12px); z-index: 0; } .tje-step-num { display: inline-flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; background: #C8222A; color: #fff; border-radius: 50%; font-size: 0.92rem; font-weight: 800; border: 4px solid #fff; box-shadow: 0 0 0 1px rgba(200, 34, 42, 0.25); position: absolute; top: -1.125rem; left: 50%; transform: translateX(-50%); z-index: 2; } .tje-step .card-title { font-weight: 700; font-size: 0.9rem; margin: 0 0 0.375rem 0; color: #0f0f0f; display: block; } .tje-step .card-description { font-size: 0.78rem; color: #666; margin: 0; line-height: 1.5; display: block; } /* Mobile: stacked vertical with vertical dashed line */ @media (max-width: 48rem) { .tje-steps { flex-direction: column; padding-left: 2.5rem; gap: 0.75rem; } /* Hide desktop horizontal connectors on mobile */ .tje-step:not(:last-child)::after { display: none; } /* Mobile vertical line */ .tje-steps::before { content: ""; position: absolute; top: 1rem; bottom: 1rem; left: 1.125rem; width: 2px; background: repeating-linear-gradient(to bottom, #C8222A 0, #C8222A 6px, transparent 6px, transparent 12px); z-index: 0; } .tje-step { margin: 0; padding: 1rem 1.25rem; text-align: left; } .tje-step-num { top: 50%; left: -2.5rem; transform: translateY(-50%); } } .tje-editorial { background: #f5f5f5; border-radius: 0.875rem; padding: 1.25rem 1.5rem; margin: 1.5rem 0; } .tje-editorial .tje-label-small { color: #8a8a8a; letter-spacing: 0.16em; } .tje-editorial .tje-section-title { color: #0f0f0f; margin: 0 0 1rem 0; font-size: 1.1rem; line-height: 1.3; letter-spacing: -0.01em; } .tje-editorial .tje-section-title::after { background: #C8222A; } .tje-editorial .content-text { font-size: 0.9rem; line-height: 1.75; color: #444; margin: 0 0 0.75rem 0; } .tje-editorial a { color: #B01C23; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; } .tje-accent { color: #C8222A; font-weight: 700; } .tje-faq { background: #f5f5f5; color: #111; border-radius: 0.875rem; padding: 1.25rem 1.25rem 0.25rem; margin: 1.5rem 0; } .tje-faq-header { margin-bottom: 0.25rem; } .tje-faq .tje-section-title { color: #0f0f0f; margin: 0 0 0.625rem 0; padding-bottom: 0; } .tje-faq .tje-section-title::after { display: none; } .tje-faq-category { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .tje-faq-category:last-child { border-bottom: none; } .tje-faq-cat-summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 0.75rem; padding: 0.8rem 0; font-size: 0.92rem; font-weight: 700; color: #555; transition: color 0.15s ease; } .tje-faq-cat-summary::-webkit-details-marker { display: none; } .tje-faq-cat-summary::after { content: ""; flex-shrink: 0; width: 1.5rem; height: 1.5rem; border-radius: 50%; background: #555 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center; background-size: 0.85rem 0.85rem; transition: transform 0.2s ease, background-color 0.15s ease; } .tje-faq-category[open] .tje-faq-cat-summary::after { transform: rotate(180deg); background-color: #888; } .tje-faq-cat-summary:hover { color: #B01C23; } .tje-faq-panel { padding: 0 0 0.5rem 0; } .tje-faq-item { border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .tje-faq-item:last-child { border-bottom: none; } .tje-faq-summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 0.75rem; padding: 0.625rem 0; font-size: 0.86rem; font-weight: 600; color: #222; transition: color 0.15s ease; } .tje-faq-summary::-webkit-details-marker { display: none; } .tje-faq-summary::after { content: ""; flex-shrink: 0; width: 1.4rem; height: 1.4rem; border-radius: 50%; background: #aaa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center; background-size: 0.75rem 0.75rem; transition: transform 0.2s ease, background-color 0.15s ease; } .tje-faq-item[open] .tje-faq-summary::after { transform: rotate(180deg); background-color: #c0c0c0; } .tje-faq-summary:hover { color: #B01C23; } .tje-faq-content { padding: 0.15rem 2rem 0.75rem 0; font-size: 0.82rem; line-height: 1.6; color: #555; } .tje-faq-content p { margin: 0 0 0.5rem 0; } .tje-faq-content p:last-child { margin-bottom: 0; } .tje-faq-content ul { margin: 0.25rem 0 0.5rem 1rem; padding: 0; } .tje-faq-content li { margin-bottom: 0.2rem; } .tje-faq-content strong { color: #0f0f0f; } .tje-faq-content a { color: #B01C23; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; } .tje-info-grid { display: grid; gap: 0.5rem; grid-template-columns: repeat(2, 1fr); } .tje-info-card { border: 1px solid #e0e0e0; border-radius: 0.625rem; padding: 0.625rem 0.75rem; background: transparent; display: grid; grid-template-columns: auto 1fr; column-gap: 0.625rem; align-items: start; } .tje-info-card .card-icon { display: inline-flex; align-items: center; justify-content: center; width: 1.75rem; height: 1.75rem; background: #f0f0f0; border-radius: 50%; font-size: 0.92rem; line-height: 1; grid-row: 1 / 4; align-self: center; margin: 0; } .tje-info-card .card-label { font-size: 0.58rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: #999; margin: 0; display: block; line-height: 1.3; } .tje-info-card .card-title { font-size: 0.82rem; font-weight: 700; color: #111; margin: 0; line-height: 1.25; display: block; } .tje-info-card .card-description { font-size: 0.7rem; color: #777; margin: 0.1rem 0 0 0; line-height: 1.35; display: block; } .tje-info-card a { color: #B01C23; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; } .tje-map { max-width: 280px; margin: 0 auto; } .tje-map-frame { display: flex; flex-direction: column; gap: 0.5rem; padding: 0.25rem 0; } .tje-map-stage { align-self: center; width: 60%; background: #E5E5E5; color: #333; text-align: center; font-weight: 700; font-size: 0.85rem; letter-spacing: 0.15em; padding: 0.625rem 0; border-radius: 0.375rem; } .tje-map-zone { position: relative; border-radius: 0.375rem; padding: 0.75rem 0.875rem; text-align: center; min-height: 3.75rem; /* default — always overridden by inline style when skill generates */ display: flex; align-items: center; justify-content: center; } .tje-map-zone-a { background: #D67781; } .tje-map-zone-b { background: #6B95C9; } .tje-map-zone-c { background: #82B274; } .tje-map-zone-letter { color: #fff; font-weight: 700; font-size: 1.75rem; line-height: 1; } .tje-map-zone-tag { position: absolute; top: 0.4rem; right: 0.55rem; color: #fff; font-size: 0.55rem; font-weight: 600; letter-spacing: 0.02em; line-height: 1; } .tje-map-entrance { text-align: center; font-size: 0.65rem; font-weight: 600; letter-spacing: 0.1em; color: #888; margin-top: 0.25rem; } .tje-map-caption { text-align: center; font-size: 0.92rem; font-weight: 700; color: #0f0f0f; margin: 0 0 0.625rem 0; letter-spacing: -0.005em; } .tje-tags { margin: 2rem 0 0.5rem 0; font-size: 0.7rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #999; text-align: center; } ⚖️ Watch drama 🗳️ Cast a vote 🕵️ Crack the case ⭐ You've been called for jury duty. Step into a thrilling courtroom drama where the audience is the jury. Listen to testimonies, analyze evidence, and ultimately decide… guilty or not guilty? It's not theatre you watch.  It's justice you deliver. A driverless car has taken a life - and someone must answer for it. The programmer who wrote the code, the passenger who trusted the machine, or the AI that made the call? There is no precedent. There is no roadmap. There is no easy answer. 🚩 This experience includes themes and testimony related to death resulting from a vehicle accident, references to injury and fatality, testimony involving grief and loss. The performance contains moments of intense emotional conflict. Highlights 🤩 Enjoy a live theatre courtroom drama where you decide the final verdict 🫵 Vote during key moments - your decisions shape hidden angles in the case, making every show different! 🕵️‍♂️ Dissect witness testimonies, unpack evidence, and weigh every argument 🎢 A high-stakes case full of twists - more turns than a rollercoaster, and a verdict only you can deliver How it works 1 Take your seat Arrive 30 min early. Doors close at show time — late entry is not permitted. 2 Hear the case Track every testimony, spot the contradictions, and vote at key moments to steer the trial. 3 Deliver your verdict The jury speaks. Guilty or not guilty - the outcome rests entirely with you. Practical info ⏳ Duration 60 minutes Doors open 30 min before 📍 Venue The Media Theatre 104 East State Street, Media, PA 19063 👤 Age 12+ Under 16s must be with an adult ♿ Accessibility Fully accessible Wheelchair zone available ✨ Groups & Private Take the stand 30+ people or private show 🎁 Gift card Send gift Gift memories to someone special Frequently asked questions About the experience What is The Jury Experience? An immersive courtroom drama where you become a juror. Analyze testimonies and evidence to uncover the truth. Your vote determines the accused's fate. How long does it last? Approximately 1 hour. Are seats numbered? No — first-come, first-served within your zone. Zone A = best visibility, B = great, C = good, D = fair. Can I purchase drinks on-site? Yes — alcoholic beverages are available for guests 21 and over. Guests may bring a bottle of water. Will there be strobe lights? No. Can I take photos or record? Yes. Please avoid using flash. About your tickets How do I find my ticket? No need to print. Show your Fever ticket in the app or email on arrival. Are refunds or exchanges allowed? No refunds. Exchanges permitted up to 48 hours before start time. Contact us directly. Where can I buy tickets? Through the Fever App or website. Not available at the venue. Can I transfer my tickets? Yes, for free via the Fever app or by contacting us with your order number. Can I book a ticket for my carer? Yes — 1 free pass for a Personal Assistant/Support Worker. Purchase your ticket first, then contact us with documentation. Access & venue Where is the venue? The Media Theatre, 104 East State Street, Media, PA 19063. Indoor venue. When should I arrive? We recommend arriving 30 minutes early to allow for parking. Doors open 30 minutes before the start. Late entry is not permitted. Is there an age requirement? 12+. Anyone under 16 must be accompanied by an adult. Is the venue wheelchair accessible? Yes, The Media Theatre is wheelchair accessible. Is there parking? Paid parking lot next to the theatre at Gayley Street and State Street. Other lots are a short walk. Visit the Media Borough website for a parking map and current fees. What facilities are at the venue? Restrooms on-site. Air conditioning. No outside food or beverages. No smoking or vaping. Service animals welcome. Seating Map The Media Theatre Moral Dilemma #1 · The Killer AI Fever_days_2026