/* Charakter-Hero */

.lmb-character-page {
    background: #000;
}

.lmb-character-hero {
    position: relative;
    min-height: 760px;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding: 180px 0 110px;
    background: #000;
}

.lmb-character-hero-bg {
    position: absolute;
    inset: 0;

    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;

    filter: brightness(.72) contrast(1.05) saturate(.88);
    z-index: 1;
}

.lmb-character-hero-bg::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            to right,
            rgba(0,0,0,0) 0%,
            rgba(0,0,0,.12) 10%,
            rgba(0,0,0,.38) 22%,
            rgba(0,0,0,.72) 36%,
            rgba(0,0,0,.92) 50%,
            #000 68%
        ),
        linear-gradient(
            to bottom,
            rgba(0,0,0,0) 0%,
            rgba(0,0,0,.12) 52%,
            rgba(0,0,0,.52) 74%,
            #000 100%
        );

    pointer-events: none;
}

.lmb-character-hero-inner {
    position: relative;
    z-index: 3;

    display: grid;
    grid-template-columns: 700px 300px;
    gap: 48px;

    justify-content: flex-end;
    align-items: center;

    min-height: 520px;
}

.lmb-character-hero-content {
    max-width: 700px;
    text-align: left;
}

.lmb-character-hero-role {
    display: block;
	margin-top: 30px;
    margin-bottom: 6px;
    color: var(--lm-accent);
    font-family: var(--lm-script);
    font-size: clamp(32px, 3vw, 52px);
    font-weight: 400;
    line-height: 1.05;
    text-shadow: 0 0 26px rgba(154, 92, 255, 0.4);
    text-transform: none;
    opacity: .9;
}

.lmb-character-hero h1 {
    margin: 0;
    font-family: var(--lm-head);
    font-size: clamp(44px, 5vw, 82px);
    font-weight: 500;
    line-height: .9;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.lmb-character-quote {
    max-width: 520px;
    margin: 46px 0 0;
    border: 0;
    color: rgba(255,255,255,.76);
    font-size: 16px;
    line-height: 1.65;
}

.lmb-character-moodboard {
    position: relative;
    width: 300px;
	height: 450px;
    padding: 22px;
    justify-self: start;
    aspect-ratio: 3 / 4;

    overflow: hidden;

    border: 1px solid rgba(255,255,255,.08);

    background: rgba(255,255,255,.02);

    box-shadow:
        0 0 0 1px rgba(255,255,255,.02) inset,
        0 24px 80px rgba(0,0,0,.45),
        0 0 30px rgba(154,92,255,.10);
}

.lmb-character-moodboard .lmb-moodboard-single-wrap {
    min-height: 310px;
    height: 310px;
}

.lmb-character-moodboard .lmb-moodboard-single-frame,
.lmb-character-moodboard .lmb-moodboard-single-frame img {
    width: 100%;
    height: 100%;
}

.lmb-character-moodboard .lmb-moodboard-single-frame img {
    max-height: none;
    object-fit: cover;
}

.lmb-character-moodboard img {
    width: 100%;
    height: 100%;

    object-fit: cover;
    display: block;

    filter:
        brightness(.82)
        contrast(1.04)
        saturate(.88);
}

@media (max-width: 900px) {

    .lmb-character-hero {
        min-height: auto;
        padding: 140px 0 70px;
    }

    .lmb-character-hero-bg {
        background-position: center top;
        background-size: cover;
        opacity: .35;
    }

    .lmb-character-hero-inner {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .lmb-character-hero-content {
        max-width: 100%;
        text-align: center;
    }

    .lmb-character-moodboard {
        display: none;
    }

    .lmb-character-quote {
        margin-inline: auto;
    }

}

.lmb-character-books-card {
    margin-bottom: 40px;
}

.lmb-character-intro-section {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 28px;
	margin-bottom: 40px;
}

.lmb-character-intro-section.no-quote {
    display: block;
}

.lmb-character-random-quote {
    position: relative;

    border: 1px solid var(--lm-line);

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.72),
            rgba(0,0,0,.55)
        ),
        url("https://www.lovemeets.at/wp-content/uploads/2026/05/Zitat-BG.jpg");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    backdrop-filter: blur(8px);

    box-shadow:
        0 20px 70px rgba(0,0,0,.22),
        0 0 24px rgba(154,92,255,.08);

    padding: 30px;

    overflow: hidden;
}

.lmb-character-random-quote h2 {
    margin: 0 0 18px;
    font-family: var(--lm-head);
    font-size: 28px;
    font-weight: 500;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.lmb-character-random-quote blockquote {
    margin: 0;
    color: rgba(255,255,255,.78);
    font-family: var(--lm-head);
    font-size: 24px;
    font-style: italic;
    line-height: 1.35;
}

@media (max-width: 900px) {
    .lmb-character-intro-section {
        grid-template-columns: 1fr;
    }
}