:root { --ink:#171714; --paper:#f2f0e9; --acid:#d7fb62; --coral:#ff6e57; --muted:#67645b; --line:rgba(23,23,20,.18); --serif:"Fraunces", Georgia, serif; --sans:"Manrope", "Helvetica Neue", sans-serif; --mono:"DM Mono", Consolas, monospace; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:var(--sans); line-height:1.7; }
a { color:inherit; }
.policy-header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:25px 6vw; border-bottom:1px solid var(--line); }
.policy-brand { display:flex; align-items:center; gap:10px; font-family:var(--mono); font-size:13px; letter-spacing:.15em; text-decoration:none; }
.policy-mark { width:27px; height:27px; display:grid; place-items:center; border-radius:50%; background:var(--ink); color:var(--acid); font-family:var(--serif); font-size:17px; letter-spacing:0; }
.policy-back { font-family:var(--mono); font-size:10px; text-decoration:none; }
.policy-back:hover { color:var(--coral); }
.policy-wrap { width:min(900px, 86vw); margin:0 auto; padding:90px 0 130px; }
.policy-kicker { color:var(--muted); font-family:var(--mono); font-size:10px; letter-spacing:.13em; text-transform:uppercase; }
h1 { max-width:750px; margin:22px 0 20px; font-family:var(--serif); font-size:clamp(54px,8vw,100px); font-weight:600; letter-spacing:-.08em; line-height:.86; }
.policy-lede { max-width:650px; color:var(--muted); font-size:15px; }
.policy-meta { display:flex; flex-wrap:wrap; gap:20px; margin-top:30px; color:var(--muted); font-family:var(--mono); font-size:9px; text-transform:uppercase; }
.policy-body { display:grid; grid-template-columns:180px 1fr; gap:65px; margin-top:95px; padding-top:27px; border-top:1px solid var(--ink); }
.policy-index { position:sticky; top:24px; align-self:start; color:var(--muted); font-family:var(--mono); font-size:10px; line-height:2; }
.policy-index a { display:block; text-decoration:none; }.policy-index a:hover { color:var(--coral); }
.policy-content h2 { margin:0 0 14px; font-family:var(--serif); font-size:31px; font-weight:600; letter-spacing:-.05em; line-height:1; }.policy-content h2:not(:first-child) { margin-top:52px; }
.policy-content p, .policy-content li { color:#4f4c44; font-size:13px; }.policy-content ul { padding-left:20px; }.policy-content li { margin:7px 0; }
.policy-note { margin:21px 0; padding:17px 19px; border-left:4px solid var(--coral); background:rgba(255,110,87,.12); color:#4f3b35; font-size:12px; }
.policy-placeholder { display:inline-block; padding:1px 5px; background:var(--acid); color:var(--ink); font-family:var(--mono); font-size:10px; }
.policy-footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:18px; padding:23px 6vw; border-top:1px solid var(--line); color:var(--muted); font-family:var(--mono); font-size:9px; }.policy-footer a { text-decoration:none; }.policy-footer a:hover { color:var(--coral); }
@media(max-width:700px){ .policy-header{padding:20px 17px}.policy-wrap{width:calc(100% - 34px);padding:64px 0 90px}.policy-body{display:block;margin-top:65px}.policy-index{position:static;display:flex;gap:13px;overflow:auto;padding-bottom:18px;border-bottom:1px solid var(--line);white-space:nowrap}.policy-index a{display:inline-block}.policy-content h2:not(:first-child){margin-top:42px}.policy-footer{padding:19px 17px;flex-direction:column} }