/* =========================================================
Privacy page
Draws from the landing page tokens and decorative language.
========================================================= */
.privacy-hero {
position:relative;
overflow:hidden;
padding:0;
text-align:center
}
.privacy-hero__inner {
max-width:980px;
padding-top:22px;
padding-bottom:18px
}
.privacy-hero__title {
margin:0;
font-size:clamp(34px,8vw,62px);
line-height:1.02;
font-weight:700;
color:var(--c-white)
}
.privacy-hero::before {
content:"";
position:absolute;
inset:0;
background-image:url(../../../design/default/css/../files/title-pretty-bg-mobile.webp);
background-repeat:repeat-x;
background-position:center;
background-size:auto 100%;
opacity:.36;
pointer-events:none
}
.privacy-hero__inner {
position:relative;
z-index:1
}
.privacy-page {
position:relative;
background-color:var(--c-white);
background-image:url(../../../design/default/css/../files/real-challenge-bg.webp);
background-repeat:repeat;
background-position:center top;
background-size:280px auto;
overflow:hidden
}
.privacy-page__inner {
position:relative;
max-width:980px;
padding-top:30px;
padding-bottom:90px
}
.privacy-content {
position:relative;
z-index:1;
max-width:900px;
margin-inline:auto;
text-align:center
}
.privacy-content__lead {
max-width:52ch;
margin:0 auto 28px;
font-size:clamp(17px,3.8vw,22px);
line-height:1.7;
color:var(--c-muted)
}
.privacy-list {
margin:0;
padding:0;
padding-inline-start:0;
list-style:decimal;
list-style-position:inside
}
.privacy-list li {
max-width:78ch;
margin:0 auto;
padding:0 0 18px;
font-size:17px;
line-height:1.85;
color:var(--c-ink)
}
.privacy-list li + li {
padding-top:18px;
border-top:1px solid rgba(17,17,17,.08)
}
.privacy-list li::marker {
font-weight:700;
color:var(--c-red)
}
.privacy-list a {
color:var(--c-red);
text-decoration:underline;
text-underline-offset:3px
}
.privacy-page__bird {
position:absolute;
inset-inline-end:-36px;
bottom:-18px;
width:min(44vw,210px);
opacity:.2;
pointer-events:none
}
@media (min-width:1024px) {
.privacy-hero::before {
background-image:url(../../../design/default/css/../files/title-pretty-bg.webp);
background-size:auto 100%
}
.privacy-hero__inner {
padding-top:30px;
padding-bottom:24px
}
.privacy-page {
background-size:cover
}
.privacy-page__inner {
max-width:1260px;
padding-top:42px;
padding-bottom:120px
}
.privacy-content__lead {
margin-bottom:34px;
font-size:20px
}
.privacy-list li {
font-size:19px;
line-height:1.95;
padding-bottom:22px
}
.privacy-list li + li {
padding-top:22px
}
.privacy-page__bird {
inset-inline-end:-12px;
bottom:-8px;
width:280px
}
}