/* Live production: a cinematic opening and an editorial run of show. */
.live-breadcrumb { padding-block:22px; }
.live-breadcrumb .service-breadcrumb { margin:0; }
.live-hero { position:relative; isolation:isolate; overflow:hidden; color:var(--paper); background:#171b1d; }
.live-hero-image { position:absolute; inset:0 0 0 auto; width:76%; height:100%; object-fit:cover; object-position:53% 50%; z-index:-2; }
.live-hero::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#171b1d 0%,rgba(23,27,29,.97) 23%,rgba(23,27,29,.76) 44%,rgba(23,27,29,.08) 80%),linear-gradient(0deg,rgba(23,27,29,.55),transparent 45%); }
.live-hero-inner { min-height:650px; display:flex; flex-direction:column; justify-content:center; padding-block:66px 74px; }
.live-hero .eyebrow { color:#e2c6b4; display:flex; align-items:center; gap:12px; }
.live-hero .eyebrow::before { content:""; width:8px; height:8px; border:2px solid #e2c6b4; border-radius:50%; flex-shrink:0; }
.live-hero h1 { font-size:clamp(54px,6.25vw,90px); max-width:16ch; margin:5px 0 25px; }
.live-hero h1 em { color:#eedcca; }
.live-hero .lead { max-width:37ch; font-size:21px; }
.live-hero .hero-actions { margin-top:12px; gap:24px; }
.live-hero .button { background:var(--paper); border-color:var(--paper); color:var(--ink); }
.live-hero .button:hover { background:#eedcca; border-color:#eedcca; }
.live-hero .text-link:hover { color:#eedcca; }
.live-hero a:focus-visible { outline-color:white; }
.live-hero-caption { display:flex; gap:16px; justify-content:space-between; padding-block:13px; font-size:11px; color:var(--muted); border-bottom:1px solid var(--rule); }
.live-hero-caption p { margin:0; }
.live-opening { display:grid; grid-template-columns:1.1fr 1fr; align-items:start; gap:90px; }
.live-opening h2 { margin:0; }
.live-opening .lead { max-width:39ch; }
.live-formats { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; padding-bottom:90px; }
.live-format { border-top:1px solid var(--ink); padding-top:24px; }
.live-format .step-number { color:var(--red); }
.live-format h3 { font-size:34px; margin:24px 0 14px; }
.live-format p { font-size:16px; color:var(--muted); }
.live-format .live-for { border-top:1px solid var(--rule); padding-top:16px; margin:23px 0 0; color:var(--ink); font-size:13px; }
.live-production { background:#e8e5dc; }
.live-production-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:80px; align-items:center; }
.live-production-photo { position:relative; }
.live-production-photo img { width:100%; aspect-ratio:4/5; object-fit:cover; }
.live-production-photo figcaption { font-size:11px; color:var(--muted); padding-top:12px; }
.live-production-photo .live-photo-note { position:absolute; bottom:70px; left:-20px; padding:18px 24px; background:var(--paper); max-width:220px; font-family:Georgia,serif; font-style:italic; font-size:28px; line-height:1.15; }
.live-production h2 { font-size:var(--section-title); }
.live-production-points { list-style:none; margin:30px 0 0; padding:0; }
.live-production-points li { display:grid; grid-template-columns:36px 1fr; gap:14px; padding-block:20px; border-top:1px solid #b9b8ad; }
.live-production-points h3 { font-size:23px; letter-spacing:-.02em; margin:0 0 8px; }
.live-production-points p { font-size:16px; color:var(--muted); margin:0; }
.live-runshow { background:#202621; color:var(--paper); }
.live-runshow-heading { display:grid; grid-template-columns:1.1fr 1fr; gap:80px; align-items:end; }
.live-runshow-heading h2 { margin-bottom:0; }
.live-runshow-heading>p { color:#d7dbd0; margin:0; max-width:38ch; }
.live-timeline { list-style:none; padding:0; margin:50px 0 0; display:grid; grid-template-columns:repeat(4,1fr); gap:30px; }
.live-timeline li { border-top:1px solid #7b8176; padding-top:22px; }
.live-timeline .eyebrow { color:#d1b4a0; }
.live-timeline h3 { font-size:29px; margin:28px 0 15px; }
.live-timeline p:not(.eyebrow) { font-size:15px; color:#d7dbd0; margin:0; }
.live-after { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:85px; }
.live-after h2 { max-width:13ch; }
.live-after p { font-size:18px; }
.live-replay-board { padding:32px; border:1px solid var(--rule); background:#eeece3; }
.live-replay-screen { background:var(--ink); color:var(--paper); padding:30px; min-height:205px; display:flex; flex-direction:column; justify-content:space-between; }
.live-replay-screen .eyebrow { color:#dac4b4; }
.live-replay-screen strong { font-size:34px; line-height:1.05; letter-spacing:-.04em; font-weight:500; }
.live-replay-track { display:flex; gap:4px; height:5px; margin-top:28px; }
.live-replay-track span { background:#9b6451; flex:1; }
.live-replay-track span:nth-child(2) { background:#d9c4b1; flex:2; }
.live-replay-track span:last-child { background:#717e68; }
.live-replay-outputs { list-style:none; padding:0; margin:26px 0 0; display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }
.live-replay-outputs li { font-size:13px; line-height:1.4; border-top:1px solid var(--rule); padding-top:12px; }
.live-replay-outputs span { display:block; font-family:Georgia,serif; font-style:italic; font-size:24px; margin-bottom:9px; }
.live-replay-board>p { margin:18px 0 0; font-size:12px; color:var(--muted); }
.live-faq { border-top:1px solid var(--rule); display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; }
.live-questions details { border-bottom:1px solid var(--rule); padding:21px 0; }
.live-questions details:first-child { border-top:1px solid var(--rule); }
.live-questions summary { cursor:pointer; font-weight:600; font-size:18px; padding-right:10px; }
.live-questions details p { font-size:16px; color:var(--muted); margin:18px 0 0; }
@media(min-width:1600px) { .live-hero-inner { min-height:720px; } }
@media(max-width:1050px) {
 .live-opening,.live-production-grid,.live-after,.live-runshow-heading { gap:45px; }
 .live-formats { gap:26px; }
 .live-hero-inner { min-height:610px; }
 .live-hero h1 { font-size:72px; }
 .live-timeline { gap:22px; }
 .live-timeline h3 { font-size:25px; }
 .live-replay-board { padding:24px; }
}
@media(max-width:800px) {
 .live-hero-inner { min-height:660px; }
 .live-hero-image { width:100%; object-position:62% 50%; }
 .live-hero::before { background:linear-gradient(90deg,rgba(23,27,29,.93),rgba(23,27,29,.72) 58%,rgba(23,27,29,.45)); }
 .live-hero h1 { font-size:clamp(56px,9vw,72px); }
 .live-opening,.live-production-grid,.live-after,.live-faq,.live-runshow-heading { grid-template-columns:1fr; gap:32px; }
 .live-hero-caption { flex-direction:column; gap:4px; }
 .live-formats { grid-template-columns:1fr; padding-bottom:60px; gap:34px; }
 .live-format h3 { margin-top:15px; }
 .live-format .live-for { margin-top:16px; }
 .live-production-photo { max-width:500px; }
 .live-production-photo img { aspect-ratio:4/3; object-position:center 62%; }
 .live-production-photo .live-photo-note { left:18px; bottom:50px; font-size:24px; max-width:200px; }
 .live-timeline { grid-template-columns:1fr 1fr; gap:35px; }
 .live-timeline h3 { margin-top:18px; }
 .live-after h2 { max-width:none; }
}
@media(max-width:480px) {
 .live-breadcrumb { padding-block:17px; }
 .live-breadcrumb .service-breadcrumb { font-size:11px; gap:9px; }
 .live-hero-inner { min-height:625px; padding-block:50px; }
 .live-hero h1 { font-size:clamp(44px,12.8vw,60px); }
 .live-hero .eyebrow { font-size:10px; letter-spacing:.07em; }
 .live-hero .lead { font-size:19px; max-width:29ch; }
 .live-hero .hero-actions { align-items:flex-start; flex-direction:column; gap:14px; }
 .live-timeline { grid-template-columns:1fr; gap:30px; }
 .live-timeline h3 { font-size:28px; }
 .live-replay-board { padding:18px; }
 .live-replay-screen { padding:22px; }
 .live-replay-screen strong { font-size:30px; }
 .live-replay-outputs { gap:10px; }
 .live-replay-outputs li { font-size:11px; }
 .live-replay-outputs span { font-size:20px; }
}
@media print {
 .live-hero,.live-runshow { background:white; color:black; }
 .live-hero-image,.live-hero::before { display:none; }
 .live-hero-inner { min-height:0; }
 .live-hero h1 em,.live-hero .eyebrow,.live-runshow p { color:black; }
}