@layer components{#retainers,#keep{scroll-margin-top:72px}.retainer-grid{grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:start;gap:40px;display:grid}.retainer-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.retainer-points li{flex-direction:column;gap:8px;display:flex}.retainer-points h3{font-family:var(--sans);letter-spacing:0;font-size:18px;line-height:1.3}.retainer-example{flex-direction:column;gap:14px;margin:0;display:flex}.retainer-example-cap{flex-direction:column;gap:4px;display:flex}.retainer-example-label{letter-spacing:.02em;background:var(--accent-tint);color:var(--accent-dark);border-radius:999px;align-self:flex-start;padding:6px 12px;font-size:14px;font-weight:700}.retainer-example-art{width:100%;height:auto;font-family:var(--sans);display:block}.keep-path{margin-top:8px}.keep-path-art .art-fill{width:100%;height:auto;display:block}.keep-stops{text-align:center;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:12px 0 0;padding:0;list-style:none;display:grid}.keep-stops strong{font-size:18px;display:block}.keep-stops li:last-child strong{color:var(--accent-dark)}.keep-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.keep-points li{flex-direction:column;gap:8px;display:flex}.keep-points h3{font-family:var(--sans);letter-spacing:0;font-size:18px;line-height:1.3}@media (max-width:900px){.retainer-grid,.keep-points{grid-template-columns:1fr}}@media (max-width:640px){.retainer-points{grid-template-columns:1fr}.keep-stops{grid-template-columns:repeat(2,minmax(0,1fr))}}}