/* =========================================================
   LUACHEIA
   TERMS & CONDITIONS
========================================================= */


/* =========================================================
   PAGE
========================================================= */

.legal-page {
    min-height: 100vh;

    background:
        radial-gradient(
            circle at 16% 10%,
            rgba(226, 184, 75, 0.10),
            transparent 30%
        ),
        radial-gradient(
            circle at 86% 24%,
            rgba(105, 58, 145, 0.08),
            transparent 34%
        ),
        #fbf8f1;

    color: #2d1748;
}


/* =========================================================
   HERO
========================================================= */

.legal-hero {
    padding: 150px 24px 70px;
}

.legal-container {
    width: min(980px, 100%);
    margin: 0 auto;
}

.legal-hero .section-eyebrow {
    margin: 0 0 14px;

    color: #9a6b00;

    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

.legal-hero h1 {
    max-width: 820px;

    margin: 0;

    color: #35105c;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(44px, 5vw, 66px);
    line-height: 1.05;
    font-weight: 400;
}

.legal-hero-text {
    max-width: 700px;

    margin: 22px 0 0;

    color: #715f78;

    font-size: 17px;
    line-height: 1.75;
}

.legal-updated {
    margin: 20px 0 0;

    color: #9a6b00;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.4px;
}


/* =========================================================
   CONTENT
========================================================= */

.legal-content {
    padding: 0 24px 110px;
}

.legal-content-container {
    width: min(920px, 100%);
    margin: 0 auto;
}


/* =========================================================
   SECTION
========================================================= */

.legal-section {
    padding: 34px 36px;

    margin-bottom: 20px;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.98),
            rgba(255, 252, 246, 0.96)
        );

    border:
        1px solid rgba(98, 51, 135, 0.11);

    border-radius: 22px;

    box-shadow:
        0 12px 34px rgba(53, 16, 92, 0.045);
}

.legal-section h2 {
    margin: 0 0 18px;

    color: #35105c;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 400;
}

.legal-section p {
    margin: 0 0 16px;

    color: #746579;

    font-size: 15px;
    line-height: 1.82;
}

.legal-section p:last-child {
    margin-bottom: 0;
}

.legal-section a {
    color: #623387;

    font-weight: 700;
    text-decoration: none;
}

.legal-section a:hover {
    text-decoration: underline;
}


/* =========================================================
   HIGHLIGHT SECTION
========================================================= */

.legal-highlight {
    background:
        linear-gradient(
            145deg,
            #fff9ed,
            #fffdf8
        );

    border:
        1px solid rgba(202, 155, 42, 0.30);
}

.legal-highlight h2 {
    color: #4b2369;
}


/* =========================================================
   CONTACT SECTION
========================================================= */

.legal-contact {
    background:
        linear-gradient(
            135deg,
            #2d1049,
            #421663
        );

    border:
        1px solid rgba(226, 184, 75, 0.24);

    box-shadow:
        0 18px 42px rgba(45, 16, 73, 0.12);
}

.legal-contact h2 {
    color: #fffaf0;
}

.legal-contact p {
    color: rgba(255, 250, 240, 0.80);
}

.legal-contact a {
    color: #e2b84b;
}


/* =========================================================
   ADDRESS
========================================================= */

.legal-contact address {
    margin-top: 22px;

    display: grid;
    gap: 7px;

    color: rgba(255, 250, 240, 0.84);

    font-size: 14px;
    line-height: 1.55;

    font-style: normal;
}

.legal-contact address strong {
    color: #ffffff;

    font-size: 15px;
}

.legal-contact address span {
    display: block;
}


/* =========================================================
   READING WIDTH
========================================================= */

.legal-section p,
.legal-contact address {
    max-width: 790px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 980px) {

    .legal-hero {
        padding-top: 125px;
    }

    .legal-content-container {
        width: min(820px, 100%);
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .legal-page {
        overflow-x: hidden;
    }


    /* HERO */

    .legal-hero {
        padding:
            104px 20px 44px;
    }

    .legal-hero .section-eyebrow {
        margin-bottom: 10px;

        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .legal-hero h1 {
        font-size: 38px;
        line-height: 1.07;
    }

    .legal-hero-text {
        margin-top: 16px;

        font-size: 14px;
        line-height: 1.65;
    }

    .legal-updated {
        margin-top: 16px;

        font-size: 11px;
    }


    /* CONTENT */

    .legal-content {
        padding:
            0 20px 72px;
    }


    /* SECTIONS */

    .legal-section {
        padding: 25px 20px;

        margin-bottom: 15px;

        border-radius: 18px;
    }

    .legal-section h2 {
        margin-bottom: 14px;

        font-size: 24px;
        line-height: 1.22;
    }

    .legal-section p {
        margin-bottom: 14px;

        font-size: 13px;
        line-height: 1.75;
    }


    /* ADDRESS */

    .legal-contact address {
        margin-top: 18px;

        font-size: 13px;
        line-height: 1.55;
    }

    .legal-contact address strong {
        font-size: 14px;
    }

}