/* =========================================================
   BACHELOR THESIS — PLACEHOLDER PAGE
   ========================================================= */

.placeholder-page {
    min-height: calc(100vh - 90px);

    display: flex;
    align-items: center;

    padding: 8rem 3rem 6rem;
}

.placeholder-content {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;

    border-top: 1px solid var(--line);
    padding-top: 7rem;
}

.placeholder-eyebrow {
    margin: 0 0 2.5rem;

    font-size: 0.9rem;
    line-height: 1.3;
    letter-spacing: 0.08em;
    text-transform: uppercase;

    color: var(--muted);
}

.placeholder-content h1 {
    max-width: 1100px;

    margin: 0;

    font-size: clamp(3.5rem, 7vw, 7rem);
    line-height: 0.98;
    letter-spacing: -0.055em;
    font-weight: 500;

    color: var(--text);
}

.placeholder-status {
    margin: 4rem 0 0;

    font-size: clamp(1.6rem, 2.5vw, 2.4rem);
    line-height: 1.2;
    font-weight: 500;

    color: var(--text);
}

.placeholder-description {
    max-width: 650px;

    margin: 1.25rem 0 2.5rem;

    font-size: 1.05rem;
    line-height: 1.65;

    color: var(--muted);
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 800px) {

    .placeholder-page {
        padding: 5rem 1.5rem 4rem;
        align-items: flex-start;
    }

    .placeholder-content {
        padding-top: 4rem;
    }

    .placeholder-content h1 {
        font-size: clamp(3rem, 13vw, 5rem);
    }

    .placeholder-status {
        margin-top: 3rem;
    }
}