.journal{display:block;background:var(--paper);padding-block:var(--spacing-8xl)}@media (min-width:768px){.journal{padding-block:var(--spacing-9xl)}}.journal__head{max-width:640px;margin:0 auto;text-align:center;margin-bottom:var(--spacing-6xl)}.journal__eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.22em;text-transform:uppercase;display:inline-block;color:var(--ink-500);margin-bottom:var(--spacing-sm)}.journal__heading{font-family:var(--font-playfair);font-size:var(--text-2xl);font-weight:400;line-height:1.1;letter-spacing:-.02em}@media (min-width:768px){.journal__heading{font-size:var(--text-4xl)}}.journal__preamble{font-size:var(--text-sm);line-height:1.6;font-weight:200;font-family:var(--font-inter)}@media (min-width:768px){.journal__preamble{font-size:var(--text-base)}}.journal__preamble{color:var(--ink-700);margin-top:var(--spacing-sm)}.journal__filters{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-2xs);margin:var(--spacing-6xl) auto}.journal__filter{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.22em;text-transform:uppercase;font-size:var(--text-2xs);padding:var(--spacing-2xs) var(--spacing-lg);cursor:pointer;transition:color var(--duration-default),background-color var(--duration-default),border-color var(--duration-default);color:var(--ink-700);background:transparent;border:1px solid var(--ink-200)}.journal__filter.is-active,.journal__filter:hover{border-color:var(--ink-900)}.journal__filter.is-active{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.22em;text-transform:uppercase;font-size:var(--text-2xs);padding:var(--spacing-2xs) var(--spacing-lg);cursor:pointer;transition:color var(--duration-default),background-color var(--duration-default),border-color var(--duration-default);color:var(--paper);background:var(--ink-900)}.journal__filter.is-active:hover{border-color:var(--ink-900)}.journal__posts{--columns:1;display:grid;grid-template-columns:repeat(var(--columns),1fr);gap:var(--spacing-6xl) var(--spacing-4xl)}@media (min-width:768px){.journal__posts{--columns:2}}@media (min-width:1024px){.journal__posts{--columns:3}}.journal__more{text-align:center;margin-top:var(--spacing-8xl)}.journal__more-link{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.22em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--ink-900);padding-bottom:2px}