The Jury Experience – The Killer AI: Will San Francisco 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 Brava Theater Center 2781 24th Street, San Francisco, CA 94110 👤 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 part of the story as a juror. Analyze testimonies, cross-examinations, 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 the zone you select. Zone A = best visibility, Zone B = great, Zone C = good. Is there sensitive content I should be aware of? Yes — mature themes including crime, violence, grief, substance use, domestic violence, medical injury and/or emotional manipulation. Will there be strobe lights? No. About your tickets How do I find my ticket? No need to print. Show your Fever ticket in the app or email on arrival. Find your QR code in the Fever app under Tickets. Are refunds or exchanges allowed? No refunds. Exchanges permitted up to 48 hours before start time. Contact us directly with your ticket ID. Where can I buy tickets? Through the Fever App or website. Not available at the venue. Can I transfer my tickets? Yes, for free. Tap 'Transfer Tickets' in the Fever app, or contact us with your order number. Can I book a ticket for my carer? Guests requiring assistance are entitled to 1 free pass. Purchase your ticket first, then contact us with supporting documentation. For accessibility needs, contact [email protected]. Access & venue Where is the venue? Brava Theater Center, 2781 24th Street, San Francisco, CA 94110. Located near the corner of York Street, between Potrero and Bryant. Indoor venue. When should I arrive? Doors open 30 minutes before the start. No late entry. Is there an age requirement? 12+. Anyone under 16 must be accompanied by an adult. Is the venue accessible? For special accommodations, please contact [email protected] in advance. 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 Brava Theater Center STAGE A B C Moral Dilemma #1 · The Killer AI Fever_days_2026