.slip-grid{grid-template-columns:1fr;gap:26px 22px;padding-top:10px;display:grid}@media (min-width:720px){.slip-grid{grid-template-columns:1fr 1fr}}@media (min-width:1080px){.slip-grid{grid-template-columns:1fr 1fr 1fr}}.slip-link{color:inherit;height:100%;text-decoration:none;display:block}.slip{--si:var(--violet);--si-wash:var(--violet-wash);background:var(--paper-raised);border:1px solid var(--rule);border-left:3px solid var(--si);border-radius:3px 8px 8px 3px;flex-direction:column;height:100%;padding:20px 22px 16px;transition:border-color .25s;display:flex;position:relative;box-shadow:0 14px 28px -20px #211d2673}.dark .slip{box-shadow:0 14px 28px -16px #0009}.slip:hover{border-color:color-mix(in srgb, var(--si) 45%, var(--rule));border-left-color:var(--si)}.slip.ink-rose{--si:var(--rose);--si-wash:var(--rose-wash)}.slip.ink-teal{--si:var(--teal);--si-wash:var(--teal-wash)}.slip-grid>:nth-child(3n+1) .slip{transform:rotate(-.5deg)}.slip-grid>:nth-child(3n+2) .slip{transform:rotate(.4deg)}.slip-grid>:nth-child(3n) .slip{transform:rotate(.15deg)}@media (prefers-reduced-motion:reduce){.slip-grid .slip{transform:none}}.slip h3{margin:0 0 8px;font-size:20px;line-height:1.3;transition:color .2s}.slip:hover h3{color:var(--si)}.slip .scrawl{color:var(--ink-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14.5px;line-height:1.7;display:-webkit-box;overflow:hidden}.slip .tags{flex-wrap:wrap;gap:4px 12px;margin-top:14px;margin-bottom:16px;display:flex}.slip .scrawl{margin-bottom:16px}.slip .tags .tag{font-family:var(--font-ui), system-ui, sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--si);font-size:10.5px;font-weight:500}.slip .tags .more{font-family:var(--font-hand), cursive;letter-spacing:0;text-transform:none;color:var(--ink-faint);font-size:13px}.slip .foot{border-top:1px solid var(--rule);font-family:var(--font-ui), system-ui, sans-serif;letter-spacing:.06em;color:var(--ink-faint);align-items:baseline;gap:14px;margin-top:auto;padding-top:14px;font-size:11px;display:flex}.slip .foot .n{align-items:center;gap:5px;display:inline-flex}.slip .foot .n svg{color:var(--si)}.slip .foot time{margin-left:auto}.slip .go{font-family:var(--font-hand), cursive;color:var(--si);opacity:0;font-size:16px;transition:opacity .25s;position:absolute;top:-13px;right:16px;transform:rotate(2deg)}.slip:hover .go{opacity:1}