The Jazz Room: A Tribute to Frank Sinatra & Louis Armstrong

* { box-sizing: border-box; } img { max-width: 100%; } .tjr-wrap { max-width: 100%; overflow-x: hidden; } .tjr-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; } .tjr-section-title::after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 3rem; height: 4px; background: #C8821C; border-radius: 3px; } .tjr-intro { font-size: 1rem; line-height: 1.7; color: #444; margin: 0 0 1.5rem 0; } .tjr-hero-quote { position: relative; padding: 0.75rem 0 0.75rem 1.25rem; margin: 1.5rem 0 1.75rem 0; border-left: 4px solid #C8821C; } .tjr-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; } .tjr-hero-quote .quote-accent { color: #C8821C; font-style: italic; font-weight: 700; } .tjr-mobile-break { display: none; } @media (max-width: 48rem) { .tjr-mobile-break { display: inline; } } .tjr-divider { border: none; border-top: 1px solid #ece9e3; margin: 1.75rem 0; height: 0; } .tjr-badges { display: flex; flex-wrap: wrap; gap: 0.4rem 1.1rem; margin-bottom: 1.5rem; } .tjr-badge { font-size: 0.7rem; font-weight: 600; color: #2a1a05; padding: 0.35rem 0 0.1rem 0; border-top: 2px solid #A36812; white-space: nowrap; display: inline-flex; align-items: center; gap: 0.3rem; } .tjr-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) { .tjr-highlights { grid-template-columns: 1fr; } } .tjr-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 #C8821C; } /* ===== SHOW CARD + PROGRAMME ===== */ .tjr-show-card { border: none; border-radius: 0.875rem; padding: 1.5rem 1.6rem 1.1rem; margin-bottom: 0.75rem; background: linear-gradient(160deg, #0a1530 0%, #142353 25%, #1f3779 55%, #2c4dab 82%, #3961c8 100%); color: #fff; } .tjr-show-card .show-header { margin: 0 0 0.35rem 0; } .tjr-show-card .show-title-img { display: block; width: 100%; height: auto; max-width: 320px; margin: 0 0 0.65rem 0; } .tjr-show-card .show-title-img--sinatra-armstrong { max-width: 360px; } .tjr-show-card .show-city-img { display: block; height: auto; max-width: 210px; margin: 0 0 0.5rem 0; } .tjr-show-card .show-description { font-size: 0.92rem; color: #ffffff; line-height: 1.65; margin: 0.6rem 0 0.9rem 0; } .tjr-programme-header { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.5rem; } .tjr-programme-header .programme-icon { font-size: 1rem; } .tjr-programme-header .programme-label { font-size: 0.62rem; font-weight: 700; letter-spacing: 0.22em; color: #E8B958; } .tjr-programme-header .programme-rule { flex: 1; height: 1px; background: rgba(232,185,88,0.35); } .tjr-programme { list-style: none; padding: 0; margin: 0; } @media (min-width: 30rem) { .tjr-programme { display: grid; grid-template-columns: 1fr 1fr; column-gap: 1.5rem; } } .tjr-programme li { display: flex; align-items: baseline; gap: 0.85rem; padding: 0.25rem 0; border-bottom: 1px solid rgba(255,255,255,0.06); } .tjr-programme li:last-child { border-bottom: none; } .tjr-programme .track-num { font-family: Georgia, serif; font-style: italic; color: #E8B958; font-size: 0.72rem; font-weight: 700; min-width: 1.6rem; letter-spacing: 0.05em; } .tjr-programme .track-body { flex: 1; min-width: 0; } .tjr-programme .track-title { font-family: Georgia, serif; font-size: 0.94rem; color: #fff; line-height: 1.3; } .tjr-programme .track-artist { font-size: 0.7rem; color: #ebe5df; margin-top: 1px; } .tjr-programme-footer { margin-top: 0.75rem; text-align: center; font-size: 0.9rem; font-style: italic; font-weight: bold; color: #ffd47a; letter-spacing: 0.04em; } /* ===== FAQ ===== */ .tjr-faq { background: #f5f5f5; color: #111; border-radius: 0.875rem; pad…