.policy-page { padding: 86px 0 110px; }.policy-page .eyebrow { margin-bottom: 18px; }.policy-page h1 { max-width: 760px; margin: 0 0 18px; font-size: clamp(45px, 5vw, 70px); }.policy-meta { color: #8a93a6; font: 11px var(--mono); }.policy-layout { display: grid; grid-template-columns: 230px 1fr; gap: 78px; margin-top: 58px; }.policy-nav { position: sticky; top: 25px; align-self: start; display: grid; gap: 10px; }.policy-nav a { color: #778197; font-size: 12px; }.policy-nav a:hover { color: var(--purple); }.policy-copy { max-width: 720px; }.policy-copy section { margin-bottom: 39px; }.policy-copy h2 { margin: 0 0 12px; font-size: 23px; letter-spacing: -.04em; }.policy-copy p, .policy-copy li { color: #69748a; font-size: 13px; line-height: 1.75; }.policy-copy p { margin: 0 0 12px; }.policy-copy ul { margin: 10px 0 0; padding-left: 20px; }.policy-copy a { color: var(--purple-deep); font-weight: 700; }
@media (max-width: 720px) { .policy-page { padding: 58px 0 80px; }.policy-layout { grid-template-columns: 1fr; gap: 35px; margin-top: 42px; }.policy-nav { position: static; display: flex; flex-wrap: wrap; gap: 10px 19px; padding-bottom: 19px; border-bottom: 1px solid var(--line); } }