/* Custom design "Leithaberg Open Air" (example, fictional festival) – loaded only on pages rendered with
   templates/custom/event-leithaberg-open-air.php (kt_custom_assets()). Plain CSS, no external fonts/images:
   the theme's self-hosted Space Grotesk + CSS gradients/SVG only. */
body.kt-custom-event-leithaberg-open-air { background: #17150F; }
.lao { --lao-gold: #F2C14E; --lao-wine: #7B2D3B; --lao-vine: #2B3A22; }
.lao-wordmark { font-weight: 700; letter-spacing: -0.02em; text-transform: uppercase; display: inline-flex; flex-direction: column; }
.lao-wordmark span { font-size: .55em; letter-spacing: .35em; color: var(--lao-gold); }
.lao-hero {
  background:
    radial-gradient(120% 80% at 50% 0%, rgba(242, 193, 78, .28) 0%, rgba(200, 85, 61, .18) 35%, transparent 70%),
    linear-gradient(180deg, #3A1F2A 0%, #23181A 45%, var(--kt-bg, #17150F) 100%);
}
.lao-kicker { display: inline-block; font-size: .8rem; font-weight: 700; letter-spacing: .3em; text-transform: uppercase; color: var(--lao-gold); border: 1px solid rgba(242, 193, 78, .4); border-radius: 999px; padding: .5rem 1.1rem; }
.lao-title { font-size: clamp(2.6rem, 9vw, 7.5rem); line-height: .9; font-weight: 700; text-transform: uppercase; letter-spacing: -0.03em;
  background: linear-gradient(90deg, #F4EFE3 0%, var(--lao-gold) 55%, #C8553D 100%); -webkit-background-clip: text; background-clip: text; color: transparent; overflow-wrap: anywhere; }
.lao-h2 { font-size: clamp(2rem, 4vw, 3.25rem); line-height: 1; text-transform: uppercase; letter-spacing: -0.02em; }
.lao-frame { box-shadow: 0 0 0 1px rgba(242, 193, 78, .35), 0 30px 60px -20px rgba(0, 0, 0, .7); transform: rotate(-1.5deg); }
.lao [data-special-section] h2 { letter-spacing: -0.02em; }
.lao [data-lineup-headliners] h3 { font-style: italic; }
@media (prefers-reduced-motion: no-preference) {
  .lao-frame { transition: transform .6s ease; }
  .lao-frame:hover { transform: rotate(0deg); }
}