/* ========================================
   INTRO
======================================== */

.page-intro {
    padding: 80px 0 70px;

    background:
        linear-gradient(
            135deg,
            rgba(237,244,239,0.96),
            rgba(255,255,255,0.96)
        );
}


.page-intro-inner {
    max-width: 800px;
}


.page-label {
    margin-bottom: 14px;

    color: var(--green);

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.09em;

    font-size: 0.82rem;
}


.page-intro h1 {
    font-size: clamp(2.5rem, 5vw, 4rem);

    line-height: 1.1;

    color: var(--green-dark);
}


.page-intro p {
    margin-top: 20px;

    max-width: 700px;

    color: var(--grey);

    font-size: 1.1rem;
}



/* ========================================
   RETUR-KNAP
======================================== */

.back-button {
    display: inline-block;

    margin-top: 30px;

    padding: 13px 24px;

    background: var(--green-dark);

    color: white;

    text-decoration: none;

    border-radius: 6px;

    font-weight: 650;

    transition: 0.15s ease;
}


.back-button:hover {
    background: var(--green);
}

@media (max-width: 600px) {

    .page-intro {
        padding: 55px 0;
    }

    .back-button {
        width: 100%;

        text-align: center;
    }
}