/* ==========================================================
   WAYPOINT PRIVACY PAGE
========================================================== */


/* ==========================================================
   Main Section
========================================================== */

.privacy-section{

    padding:
        9rem
        1.5rem
        6rem;
}


.privacy-container{

    width:100%;

    max-width:
        var(--section-width);

    margin:
        0
        auto;
}


/* ==========================================================
   Heading
========================================================== */

.privacy-heading{

    text-align:center;

    margin-bottom:2rem;
}


.privacy-heading h1{

    margin:
        1rem
        0
        .5rem;

    font-size:
        clamp(
            2.3rem,
            4vw,
            3.5rem
        );

    color:var(--grey);
}


.privacy-updated{

    margin:0;

    color:
        rgba(
            255,
            255,
            255,
            .5
        );

    font-size:.9rem;
}


/* ==========================================================
   Policy Card
========================================================== */

.privacy-card{

    max-width:950px;

    margin:
        0
        auto;

    padding:
        2.5rem
        3rem;

    text-align:left;

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

    border:
        1px
        solid
        rgba(
            212,
            175,
            55,
            .15
        );

    border-radius:18px;

    backdrop-filter:
        blur(12px);
}


/* ==========================================================
   Headings
========================================================== */

.privacy-card h2{

    margin:
        2.5rem
        0
        .8rem;

    color:var(--gold);

    font-size:1.35rem;

    line-height:1.3;
}


.privacy-card h2:first-of-type{

    margin-top:2rem;
}


/* ==========================================================
   Paragraphs
========================================================== */

.privacy-card p{

    margin-bottom:1rem;

    color:
        rgba(
            255,
            255,
            255,
            .78
        );

    font-size:1rem;

    line-height:1.8;
}


/* ==========================================================
   Lists
========================================================== */

.privacy-card ul{

    margin:
        .75rem
        0
        1.5rem
        1.25rem;

    padding-left:1rem;

    list-style:disc;
}


.privacy-card li{

    margin-bottom:.5rem;

    color:
        rgba(
            255,
            255,
            255,
            .75
        );

    line-height:1.7;
}


.privacy-card li::marker{

    color:var(--gold);
}


/* ==========================================================
   Strong Text
========================================================== */

.privacy-card strong{

    color:
        rgba(
            255,
            255,
            255,
            .95
        );
}


/* ==========================================================
   Contact Link
========================================================== */

.privacy-contact-link{

    display:inline-block;

    margin-top:.25rem;

    padding:
        10px
        20px;

    border:
        1px
        solid
        var(--gold);

    border-radius:999px;

    color:var(--gold);

    font-weight:600;

    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease;
}


.privacy-contact-link:hover{

    background:var(--gold);

    color:var(--navy);

    transform:
        translateY(-2px);
}


/* ==========================================================
   Mobile
========================================================== */

@media (max-width:768px){

    .privacy-section{

        padding:
            7rem
            1rem
            4rem;

    }


    .privacy-heading{

        margin-bottom:1.5rem;

    }


    .privacy-heading h1{

        font-size:2.2rem;

    }


    .privacy-card{

        padding:
            1.5rem
            1.25rem;

        border-radius:14px;

    }


    .privacy-card h2{

        margin-top:2rem;

        font-size:1.2rem;

    }


    .privacy-card p{

        font-size:.95rem;

        line-height:1.7;

    }


    .privacy-card ul{

        margin-left:.75rem;

        padding-left:1rem;

    }

}