/* =========================================================
   SIBSOKNSK — PRIVACY V1
   ========================================================= */

.privacy-hero {
    padding:
        205px
        0
        105px;

    background:
        radial-gradient(
            circle at 76% 30%,
            rgba(196,159,96,.13),
            transparent 25%
        ),
        #0d0e0f;
}

.privacy-hero-grid {
    display: grid;

    grid-template-columns:
        1.35fr
        .65fr;

    gap: 100px;

    align-items: end;
}

.privacy-hero h1 {
    margin: 25px 0 0;

    max-width: 1000px;

    font-size:
        clamp(
            58px,
            7.4vw,
            115px
        );

    line-height: .9;
    font-weight: 500;
    letter-spacing: -.055em;
}

.privacy-hero h1 span {
    color: var(--gold-light);
}

.privacy-hero-meta {
    padding-bottom: 10px;
}

.privacy-hero-meta > span {
    display: block;

    color: #77736c;

    font-size: 9px;
    letter-spacing: .18em;
}

.privacy-hero-meta strong {
    display: block;

    margin: 12px 0 22px;

    color: var(--gold-light);

    font-size: 28px;
    font-weight: 400;
}

.privacy-hero-meta p {
    color: #aaa69f;
}


/* DOCUMENT */

.privacy-content {
    padding: 125px 0;

    background: #ece7de;
    color: #151617;
}

.privacy-layout {
    display: grid;

    grid-template-columns:
        minmax(240px,.45fr)
        minmax(0,1.55fr);

    gap:
        clamp(
            65px,
            8vw,
            135px
        );

    align-items: start;
}

.privacy-sidebar {
    position: sticky;
    top: 150px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.privacy-sidebar .eyebrow {
    color: #806d4e;
}

.privacy-sidebar > strong {
    margin: 18px 0;

    font-size: 22px;
    line-height: 1.35;
}

.privacy-sidebar > p {
    margin: 4px 0;

    color: #6c675f;

    line-height: 1.55;
}

.privacy-sidebar > a {
    margin-top: 18px;

    color: #725f3e;

    text-decoration: underline;
    text-underline-offset: 4px;
}


.privacy-admin-warning {
    margin-top: 35px;
    padding: 18px;

    border:
        1px solid
        rgba(145,105,40,.4);

    background:
        rgba(200,161,95,.12);
}

.privacy-admin-warning strong {
    color: #745e39;

    font-size: 12px;
}

.privacy-admin-warning p {
    margin-bottom: 0;

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


/* SECTIONS */

.privacy-document {
    border-top:
        1px solid
        rgba(0,0,0,.18);
}

.privacy-document section {
    padding:
        48px
        0
        55px;

    display: grid;

    grid-template-columns:
        70px
        minmax(220px,.65fr)
        minmax(0,1.35fr);

    gap: 35px;

    border-bottom:
        1px solid
        rgba(0,0,0,.18);
}

.privacy-document section > span {
    padding-top: 8px;

    color: #806d4e;

    font-size: 10px;
    letter-spacing: .18em;
}

.privacy-document h2 {
    margin: 0;

    font-size:
        clamp(
            27px,
            2.5vw,
            39px
        );

    line-height: 1.03;
    font-weight: 500;
    letter-spacing: -.035em;
}

.privacy-document p {
    grid-column: 3;

    margin:
        0
        0
        18px;

    color: #625e57;

    line-height: 1.75;
}

.privacy-document a {
    color: #705d3d;

    text-decoration: underline;
    text-underline-offset: 3px;
}


/* CONTACT CONSENT */

.form-consent a {
    text-decoration: underline;
    text-underline-offset: 3px;
}


/* FOOTER */

.footer-privacy-link {
    color: #77736c;

    font-size: 10px;
}

.footer-privacy-link:hover {
    color: var(--gold-light);
}


/* RESPONSIVE */

@media (max-width: 900px) {

    .privacy-hero {
        padding:
            165px
            0
            80px;
    }

    .privacy-hero-grid,
    .privacy-layout {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .privacy-sidebar {
        position: static;

        padding-bottom: 40px;

        border-bottom:
            1px solid
            rgba(0,0,0,.18);
    }

    .privacy-document section {
        grid-template-columns:
            45px
            1fr;

        gap: 20px;
    }

    .privacy-document h2 {
        grid-column: 2;
    }

    .privacy-document p {
        grid-column: 2;
    }

}


@media (max-width: 560px) {

    .privacy-hero h1 {
        font-size:
            clamp(
                51px,
                15vw,
                76px
            );
    }

    .privacy-content {
        padding:
            90px
            0;
    }

    .privacy-document section {
        grid-template-columns: 1fr;
    }

    .privacy-document section > span,
    .privacy-document h2,
    .privacy-document p {
        grid-column: 1;
    }

}