/* OMSI 2 Los Angeles – Ergänzungen zu style.css (gleicher Aufbau wie omsi-nyc.de) */

/* kein Foto: Sonnenuntergang über LA als Verlauf hinter dem Schleier */
.bild {
    background:
        radial-gradient(70% 55% at 26% 78%, rgba(255, 214, 120, .95) 0%, rgba(255, 214, 120, 0) 60%),
        linear-gradient(180deg, #120d33 0%, #3a1f6b 24%, #8e2f7e 46%, #d9476f 64%, #f2783a 82%, #ffb347 100%);
}
.bild::after {                          /* Horizont: dunkle Hügel- und Palmenkante */
    content: "";
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 22%;
    background:
        radial-gradient(60% 120% at 20% 100%, #0d0a22 0 60%, transparent 61%),
        radial-gradient(70% 140% at 75% 100%, #0d0a22 0 58%, transparent 59%),
        linear-gradient(0deg, #0d0a22 0 35%, transparent 35%);
}

/* Schriftzug: LOS gelb-orange, ANGELES orange-pink-violett (Sonnenuntergang), wie .ny gebaut */
.la {
    display: inline-block;
    font-family: "Gilroy Titel", "Gilroy", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
    font-weight: 900;
    font-size: clamp(46px, min(6.2vw, 10.5vh), 112px);
    letter-spacing: -0.012em;
    line-height: .92;
    text-transform: uppercase;
    white-space: nowrap;
    filter: drop-shadow(0 4px 0 rgba(0, 0, 0, .28)) drop-shadow(0 10px 24px rgba(0, 0, 0, .5));
}
.la-los,
.la-angeles {
    display: inline-block;
    padding: 0 .02em .04em 0;
    color: #fff;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.la-los { background-image: linear-gradient(to bottom, #ffe08a 0%, #ffb347 55%, #ec7c24 100%); }
.la-angeles { background-image: linear-gradient(to bottom, #ff9a45 0%, #ec5f6a 55%, #b0479c 100%); }

@media (max-width: 900px) {
    .la { font-size: clamp(42px, 12.5vw, 88px); }
}