/* Large, asymmetric photographic composition; original files open in the lightbox. */
:root{--serif:Georgia,'Times New Roman',serif}
.photo-grid{grid-template-columns:1.18fr 1fr;gap:44px 54px}
.photo-wide{grid-column:1;grid-row:1}
.photo-wide .photo-open{aspect-ratio:1.5}
.photo-tall{grid-column:2;grid-row:1/span 2;padding-top:104px}
.photo-tall .photo-open{aspect-ratio:.82}
.photo-tall img{object-position:66% center}
.photo-last{grid-column:1;grid-row:2;width:88%;margin:0 0 0 6%}
.photo-last .photo-open{aspect-ratio:1.42}
.photo-card img{object-fit:cover}
.section-heading h2 em{color:var(--orange)}
.venue-copy h2 em{color:var(--deep-blue)}
.ticket-process b,.ticket-process i{color:var(--blush)}
.ticket-copy>.eyebrow,.ticket-facts dt{color:var(--sky)}
.signature{display:flex;gap:20px;align-items:center;justify-content:space-between}
.signature>div>span{display:block;font:italic 25px/1.4 var(--serif)}
.signature>div>small{display:block;font-size:11px;color:var(--muted);line-height:1.6;margin-top:4px;max-width:260px}
.signature>img{width:94px;height:auto;flex:none}
.venue-photo img{height:auto;aspect-ratio:1024/683;object-fit:contain}
@media(max-width:1100px){
  .photo-grid{gap:32px}
  .photo-tall{padding-top:72px}
  .signature>img{width:76px}
}
@media(max-width:760px){
  .photo-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:28px 0}
  .photo-wide{grid-column:1/-1;grid-row:1}
  .photo-tall{grid-column:4/-1;grid-row:2;padding-top:0}
  .photo-last{grid-column:1/12;grid-row:3;width:100%;margin:4px 0 0}
  .photo-tall .photo-open{aspect-ratio:1}
  .photo-last .photo-open{aspect-ratio:1.33}
  .photo-card img{object-fit:cover}
  .photo-last img{object-position:center}
}
@media(max-width:370px){
  .signature{gap:12px}
  .signature>img{width:66px}
}

/* UI audit, package 1: practical text and the single link to the ticket page. */
#hero-content:focus-visible{outline:2px solid var(--blush);outline-offset:-2px}
.preview-bar{font-size:12px;line-height:1.5}
.stage-intro>span,.stage-venue>span{font-size:13px}
.stage-booking>span{font-size:12px;line-height:1.5}
.stage-footline>a{font-size:12px}
.stage-footline>span{font-size:10px;line-height:1.5;letter-spacing:1px}
.signature>div>small,.legal-pending{font-size:13px;line-height:1.6}
.ticket-copy .process-note,.ticket-process{font-size:12px}
.ticket-copy .ticket-process{flex-wrap:wrap;row-gap:12px}
.ticket-facts dt{font-size:11px}
.ticket-facts dd small{font-size:13px}
.purchase-card .price-note,.purchase-card .demo-note,.purchase-card .payment-note{font-size:13px;line-height:1.6}
.purchase-card #start-checkout{font-size:15px;min-height:54px}
.footer-contact small{font-size:13px;overflow-wrap:anywhere}
@media(max-width:760px){
  .preview-bar{font-size:11px;gap:6px;flex-wrap:wrap}
  .stage-year{font-size:11px;letter-spacing:.6px}
  .stage-footline>span{font-size:10px;max-width:180px;letter-spacing:.5px}
  .stage-booking>span{font-size:12px}
  .stage-intro>span{font-size:13px}
  .stage-venue>span{font-size:13px}
  .signature>div>small{font-size:12px}
  .ticket-copy>p:not(.eyebrow){font-size:14px}
  .ticket-facts{gap:20px}
  .ticket-facts dd{font-size:16px}
  .ticket-process{gap:12px}
  .faq summary{font-size:15px}
  .faq details>p{font-size:14px}
}
@media(max-width:370px){
  .stage-footline{gap:12px}
  .stage-footline>span{max-width:156px}
  .ticket-facts{flex-direction:column;gap:14px}
}

/* Reduced prices under the ticket price. */
.purchase-card .price-discounts{font-size:13px;line-height:1.6;color:var(--ink);margin:6px 0 0}

/* FAQ (owner feedback 2026-10-12): one column — heading above, answers, a contact line; no empty left column. */
.faq{display:block;padding-top:10px}
.faq .faq-title{font:400 clamp(30px,3.2vw,42px)/1.1 var(--serif);letter-spacing:-1px;margin:0 0 24px}
.faq .faq-list{max-width:860px}
.faq-contact{max-width:860px;margin-top:22px;font-size:14px;line-height:1.65;color:var(--muted);overflow-wrap:anywhere}
.faq-contact a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}