.journal{display:block;background:var(--bg);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-detail);font-size:var(--text-xs);letter-spacing:.22em;text-transform:uppercase;display:inline-block;color:var(--text-muted);margin-bottom:var(--spacing-sm)}.journal__heading{font-family:var(--font-header);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-body)}@media(min-width:768px){.journal__preamble{font-size:var(--text-base)}}.journal__preamble{color:var(--text);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-detail);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(--text);background:transparent;border:1px solid var(--border)}.journal__filter:hover{border-color:var(--text-strong)}.journal__filter.is-active{font-family:var(--font-detail);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(--text-on-brand);background:var(--text-strong);border-color:var(--text-strong)}.journal__filter.is-active:hover{border-color:var(--text-strong)}.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-detail);font-size:var(--text-2xs);letter-spacing:.22em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--text-strong);padding-bottom:2px}
/*# sourceMappingURL=/cdn/shop/t/30/assets/component-journal.css.map */