* { 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; display: flex; align-items: center; } /* 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, #0a0309 0%, #190613 30%, #2e0f24 60%, #4a2415 88%, #5c3010 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; width: auto; height: 32px; max-width: 100%; margin: 0 0 0.5rem 0; } .tjr-tracklist-card { margin-top: 0.5rem; padding: 1.25rem 1.6rem 1.1rem; } .tjr-show-card .show-description { font-size: 0.92rem; color: #ffffff; line-height: 1.65; margin: 0.9rem 0 1.2rem 0; } .tjr-programme-header { display: flex; align-items: center; gap: 0.75rem; margin-top: 0.4rem; margin-bottom: 0.5rem; } .tjr-programme-header .programme-icon { font-size: 1rem; } .tjr-programme-header .programme-label { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.22em; color: #E8B958; } .tjr-programme-head