.bj{background:var(--blog-bg, #FAF6F0);color:var(--blog-text, #1A1614);font-family:var(--blog-sans, sans-serif);padding:40px 0 80px}.bj__inner{max-width:1180px;margin:0 auto;padding:0 20px}@media(min-width:768px){.bj{padding:56px 0 100px}}.bj__head{max-width:760px;margin:0 0 28px}.bj__title{font-family:var(--blog-serif);font-weight:600;font-size:clamp(2.4rem,6vw,4.2rem);line-height:1.02;letter-spacing:-.02em;margin:0 0 16px;color:var(--blog-text)}.bj__intro{font-size:17px;line-height:1.6;color:var(--blog-muted)}.bj__intro p{margin:0}.bj__filter{margin:0;font-size:15px;color:var(--blog-muted)}.bj__filter strong{color:var(--blog-text);font-weight:600}.bj__clear{margin-left:12px;color:var(--blog-muted);text-decoration:none;border-bottom:1px solid var(--blog-rule);transition:color .2s ease,border-color .2s ease}.bj__clear:hover,.bj__clear:focus-visible{color:var(--blog-text);border-color:var(--blog-accent)}.bj__series{display:inline-block;margin-top:12px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--blog-accent-deep);text-decoration:none;border-bottom:1px solid currentColor}@media(min-width:768px){.bj__head{margin-bottom:36px}.bj__intro{font-size:19px}}.bj-tags{margin:0 -20px 36px;padding:0 20px;border-bottom:1px solid var(--blog-rule)}.bj-tags__scroll{display:flex;gap:8px;overflow-x:auto;padding:2px 0 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.bj-tags__scroll::-webkit-scrollbar{display:none}@media(min-width:768px){.bj-tags{margin:0 0 48px;padding:0}.bj-tags__scroll{flex-wrap:wrap;overflow:visible;padding-bottom:20px}}.bj-tag{flex:0 0 auto;display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;border-radius:999px;border:1px solid var(--blog-rule);background:transparent;color:var(--blog-text);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background .2s ease,color .2s ease,border-color .2s ease}.bj-tag:hover,.bj-tag:focus-visible{border-color:var(--blog-text)}.bj-tag.is-active{background:var(--blog-text);border-color:var(--blog-text);color:#faf6f0}.bj-tag:focus-visible{outline:2px solid var(--blog-accent);outline-offset:3px}.bj-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--blog-accent-deep)}.bj-kicker time{color:var(--blog-muted)}.bj-kicker__accent{color:var(--blog-text)}.bj-sep{display:inline-block;width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.6}.bj-play{position:absolute;left:16px;bottom:16px;width:48px;height:48px;border-radius:50%;background:var(--blog-accent);color:var(--blog-text);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #00000040}.bj-play svg{margin-left:3px}.bj-play--small{left:12px;bottom:12px;width:36px;height:36px}.bj-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:999px;border:1px solid var(--blog-rule);color:var(--blog-text);text-decoration:none;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;align-self:flex-start;transition:background .2s ease,color .2s ease,border-color .2s ease}.bj-btn:hover,.bj-btn:focus-visible{background:var(--blog-text);border-color:var(--blog-text);color:#faf6f0}.bj-featured{display:grid;gap:20px;margin:0 0 48px}@media(min-width:960px){.bj-featured{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:center;margin-bottom:64px}}.bj-featured__media{position:relative;display:block;border-radius:6px;overflow:hidden;background:var(--blog-rule);aspect-ratio:3 / 2}.bj-featured__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.bj-featured__media:hover img{transform:scale(1.02)}.bj-featured__body{display:flex;flex-direction:column;align-items:flex-start}.bj-featured__body .bj-kicker{margin-bottom:14px}.bj-featured__title{font-family:var(--blog-serif);font-weight:600;font-size:clamp(1.7rem,3.2vw,2.5rem);line-height:1.1;letter-spacing:-.01em;margin:0 0 14px}.bj-featured__title a{color:var(--blog-text);text-decoration:none;transition:color .2s ease}.bj-featured__title a:hover,.bj-featured__title a:focus-visible{color:var(--blog-accent-deep)}.bj-featured__excerpt{font-size:16px;line-height:1.6;color:var(--blog-muted);margin:0 0 22px}.bj-grid{display:grid;grid-template-columns:1fr;gap:28px}@media(min-width:640px){.bj-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.bj-grid{grid-template-columns:repeat(3,1fr);gap:32px}}.bj-card{display:flex;flex-direction:column;text-decoration:none;color:var(--blog-text);background:var(--blog-card-bg);border:1px solid var(--blog-rule);border-radius:6px;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.bj-card:hover,.bj-card:focus-visible{transform:translateY(-2px);border-color:var(--blog-accent);box-shadow:0 4px 16px #1a16140f}.bj-card:focus-visible{outline:2px solid var(--blog-accent);outline-offset:3px}.bj-card__media{position:relative;aspect-ratio:3 / 2;background:var(--blog-rule);overflow:hidden}.bj-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.bj-card:hover .bj-card__media img{transform:scale(1.03)}.bj-card__body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px}.bj-card__title{font-family:var(--blog-serif);font-size:20px;font-weight:600;line-height:1.25;margin:0}.bj-card__excerpt{font-size:14px;line-height:1.5;color:var(--blog-muted);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bj-card__meta{margin-top:4px;font-size:12px;letter-spacing:.04em;color:var(--blog-muted)}.bj__empty{margin:0;padding:40px 24px;border:1px dashed var(--blog-rule);border-radius:6px;text-align:center;font-family:var(--blog-serif);font-size:20px;color:var(--blog-muted)}.bj-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:48px 0 0}.bj-page{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 12px;border-radius:999px;border:1px solid var(--blog-rule);color:var(--blog-text);text-decoration:none;font-size:14px;transition:border-color .2s ease,background .2s ease,color .2s ease}a.bj-page:hover,a.bj-page:focus-visible{border-color:var(--blog-text)}.bj-page.is-active{background:var(--blog-text);border-color:var(--blog-text);color:#faf6f0}.bj-page--dots{border-color:transparent}
/*# sourceMappingURL=/cdn/shop/t/108/assets/sd-blog-journal.css.map */
