:root {
    color-scheme: light;
    font-family: DM Sans, sans-serif;
    color: #42281c;
    background: #f7efe4
}

* {
    box-sizing: border-box
}

html,
body {
    min-height: 100%;
    margin: 0
}

body {
    background: radial-gradient(circle at 50% -10%, #fffaf4 0, #f7efe4 48%, #eee0cf);
    padding: 24px 18px 40px
}

.privacy-header,
.privacy-card,
footer {
    width: min(100%, 760px);
    margin-inline: auto
}

.privacy-header {
    position: relative;
    padding: 32px 16px 24px;
    text-align: center
}

.back-link {
    position: absolute;
    left: 0;
    top: 10px;
    color: #76584a;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none
}

.cookie-mark {
    width: 64px;
    height: 64px;
    margin: 0 auto 16px;
    display: grid;
    place-items: center;
    background: #f3dfca;
    border-radius: 20px;
    font-size: 34px;
    transform: rotate(-4deg)
}

.eyebrow {
    margin: 0 0 8px;
    color: #c45f2c;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .2em
}

h1 {
    margin: 0;
    font-family: Playfair Display, serif;
    font-size: clamp(34px, 7vw, 50px);
    line-height: 1.08;
    color: #512b1d
}

.updated {
    margin: 12px 0 0;
    color: #8a756b;
    font-size: 12px
}

.privacy-card {
    padding: 30px clamp(20px, 5vw, 44px);
    background: #fffdf9f0;
    border: 1px solid rgba(109, 59, 36, .12);
    border-radius: 28px;
    box-shadow: 0 20px 60px #4c28161a
}

section+section {
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid #eaded2
}

h2 {
    margin: 0 0 10px;
    color: #653722;
    font-size: 18px
}

p {
    margin: 0;
    color: #66544c;
    font-size: 14px;
    line-height: 1.75
}

footer {
    padding: 26px 12px 0;
    text-align: center;
    color: #816d64;
    font-size: 11px;
    line-height: 1.6
}

footer strong,
footer span {
    display: block
}

footer strong {
    color: #593221;
    font-size: 12px
}

@media(max-width:520px) {
    body {
        padding-inline: 12px
    }

    .privacy-header {
        padding-top: 42px
    }

    .privacy-card {
        border-radius: 22px
    }
}