/* Incendi Autor:innen: ausschließlich für den [incendi_autoren]-Bereich. */
.incendi-authors-page {
    --ia-pink: #E91E8C;
    --ia-black: #0A0A0A;
    --ia-muted: #5f5f5f;
    --ia-rule: #dedede;
    color: var(--ia-black);
    margin: 0 auto;
    max-width: 1180px;
}

.incendi-authors-page__hero {
    border-top: 3px solid var(--ia-pink);
    max-width: 800px;
    padding: 52px 0 42px;
}

.incendi-authors-page__eyebrow,
.incendi-author-profile__role {
    color: var(--ia-pink);
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .15em;
    line-height: 1.3;
    margin: 0 0 10px;
    text-transform: uppercase;
}

.incendi-authors-page__hero h2,
.incendi-author-dialog h3 {
    color: var(--ia-black);
    font-family: Georgia, serif;
    font-weight: 800;
    letter-spacing: -.025em;
}

.incendi-authors-page__hero h2 {
    font-size: clamp(42px, 6vw, 66px);
    line-height: 1;
    margin: 0;
}

/* Ein durchgängiges Raster: keine Sonderrolle, keine unterschiedlich großen Profilflächen. */
.incendi-authors-grid {
    display: grid;
    gap: 46px 28px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding-bottom: 34px;
}

.incendi-author-profile__image {
    -webkit-appearance: none;
    background: #e8e8e8;
    border: 0;
    cursor: pointer;
    display: block;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}

.incendi-author-profile--author .incendi-author-profile__image {
    aspect-ratio: 1 / 1;
}

.incendi-author-profile__image img,
.incendi-author-profile__placeholder {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.incendi-author-profile__placeholder {
    align-items: center;
    background: #e3e3e3;
    color: #9b9b9b;
    display: flex;
    font-family: Georgia, serif;
    font-size: clamp(72px, 12vw, 164px);
    justify-content: center;
}

.incendi-author-profile__overlay {
    align-items: center;
    background: rgba(10, 10, 10, .72);
    color: #fff;
    display: flex;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 800;
    inset: 0;
    justify-content: center;
    letter-spacing: .12em;
    opacity: 0;
    position: absolute;
    text-transform: uppercase;
}

.incendi-author-profile__image:hover .incendi-author-profile__overlay,
.incendi-author-profile__image:focus-visible .incendi-author-profile__overlay {
    opacity: 1;
}

.incendi-author-profile__content {
    padding-top: 16px;
}

.incendi-author-profile__name {
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    color: var(--ia-black);
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -.015em;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    text-align: left;
    white-space: nowrap;
}

.incendi-author-profile__name:hover,
.incendi-author-profile__name:focus-visible {
    color: var(--ia-pink);
}

.incendi-author-dialog {
    background: #fff;
    border: 0;
    color: var(--ia-black);
    max-width: min(920px, calc(100vw - 40px));
    padding: 0;
    width: 100%;
}

.incendi-author-dialog::backdrop {
    background: rgba(10, 10, 10, .72);
}

.incendi-author-dialog__inner {
    display: grid;
    grid-template-columns: minmax(240px, .85fr) minmax(0, 1.15fr);
}

.incendi-author-dialog__image {
    background: #e8e8e8;
    min-height: 400px;
}

.incendi-author-dialog__image img,
.incendi-author-dialog__image .incendi-author-profile__placeholder {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.incendi-author-dialog__content {
    align-self: center;
    padding: 54px;
}

.incendi-author-dialog h3 {
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.05;
    margin: 0;
}

.incendi-author-dialog__bio {
    color: #464646;
    font-size: 16px;
    line-height: 1.72;
    margin-top: 22px;
}

.incendi-author-dialog__bio p {
    margin: 0 0 14px;
}

.incendi-author-dialog__close {
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    color: var(--ia-black);
    cursor: pointer;
    font-size: 38px;
    line-height: 1;
    padding: 10px 15px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

body.incendi-site--dark .incendi-authors-page {
    --ia-black: #f6f6f6;
    --ia-muted: #c4c4c4;
    --ia-rule: #494949;
}

body.incendi-site--dark .incendi-author-profile__image,
body.incendi-site--dark .incendi-author-dialog__image {
    background: #252525;
}

body.incendi-site--dark .incendi-author-dialog {
    background: #171717;
}

body.incendi-site--dark .incendi-author-dialog__bio {
    color: #d1d1d1;
}

@media (max-width: 800px) {
    .incendi-authors-page__hero {
        padding: 38px 0 44px;
    }

    .incendi-authors-grid {
        grid-template-columns: 1fr;
    }

    .incendi-authors-grid {
        gap: 42px;
    }

    .incendi-author-dialog__inner {
        grid-template-columns: 1fr;
    }

    .incendi-author-dialog__image {
        aspect-ratio: 1 / 1;
        min-height: 0;
    }

    .incendi-author-dialog__content {
        padding: 34px 26px 38px;
    }
}