.blog-top{isolation:isolate;padding:56px 0 104px;position:relative}.blog-head{max-width:780px}.blog-head__title{letter-spacing:-.045em;margin:12px 0 0;font-size:clamp(36px,4.6vw,60px);line-height:1.03}.blog-head__lede{max-width:600px;color:var(--text-3);text-wrap:pretty;margin:16px 0 0;font-size:18.5px;line-height:1.55}.blog-featured{margin-top:44px}.featured-post{border:1px solid var(--border);border-radius:var(--r-card-lg);background:var(--bg);box-shadow:var(--shadow-card);grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);align-items:center;gap:44px;padding:14px;transition:box-shadow .35s;display:grid;position:relative}.featured-post:hover{box-shadow:var(--shadow-panel)}.featured-post__cover{aspect-ratio:16/10;background:radial-gradient(70% 80% at 35% 45%, color-mix(in srgb, var(--accent-fill) 16%, transparent), transparent 70%), var(--surface);border-radius:18px;position:relative;overflow:hidden}.featured-post__cover:before{content:"";background-image:linear-gradient(var(--ck-grid) 1px, transparent 1px), linear-gradient(90deg, var(--ck-grid) 1px, transparent 1px);background-position:50%;background-size:32px 32px;position:absolute;inset:0}.featured-post .featured-post__print{width:82%;transition:transform .8s var(--ease);border-radius:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-2deg)}.featured-post:hover .featured-post__print{transform:translate(-50%,-50%)rotate(-3deg)translate(-6px,4px)}.featured-post__body{flex-direction:column;gap:14px;min-width:0;padding:18px 30px 18px 0;display:flex}.featured-post__title{letter-spacing:-.035em;margin:0;font-size:clamp(24px,2.3vw,31px);font-weight:600;line-height:1.16}.featured-post__title a{transition:color .2s}.featured-post__title a:after{content:"";border-radius:var(--r-card-lg);position:absolute;inset:0}.featured-post__title a:focus-visible{outline:none}.featured-post:has(.featured-post__title a:focus-visible){outline:2px solid var(--accent-ink);outline-offset:4px}.featured-post:hover .featured-post__title a{color:var(--accent-ink)}.featured-post__excerpt{color:var(--text-3);text-wrap:pretty;margin:0;font-size:16px;line-height:1.6}.featured-post__cta{color:var(--accent-ink);align-items:center;gap:6px;margin:4px 0 0;font-size:15px;font-weight:550;display:inline-flex}.featured-post__cta svg{width:17px;height:17px;transition:transform .25s var(--ease)}.featured-post:hover .featured-post__cta svg{transform:translate(4px)}.blog-topics{padding-bottom:112px}.blog-topics__head{margin-bottom:28px}.blog-topics__head .ck-h2{margin-top:10px}.blog-topics__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.blog-topics__grid>li{min-width:0}.blog-topic-card{border:1px solid var(--border);border-radius:var(--r-card);background:var(--bg);height:100%;box-shadow:var(--shadow-pill);transition:box-shadow .3s ease, transform .35s var(--ease), border-color .3s ease;flex-direction:column;gap:10px;padding:14px 14px 18px;display:flex;position:relative}.blog-topic-card:hover{border-color:var(--border-dashed);box-shadow:var(--shadow-card);transform:translateY(-3px)}.blog-topic-card__fan{isolation:isolate;background:var(--surface);border-radius:14px;height:128px;margin-bottom:6px;display:block;position:relative;overflow:hidden}.blog-topic-card__fan:before{content:"";background-image:linear-gradient(var(--ck-grid) 1px, transparent 1px), linear-gradient(90deg, var(--ck-grid) 1px, transparent 1px);background-size:22px 22px;position:absolute;inset:0}.blog-topic-card__pic{aspect-ratio:16/9;background:var(--bg);width:56%;box-shadow:var(--shadow-example);transform:translate(-50%, -50%) translateX(var(--x)) rotate(var(--r));transition:transform .6s var(--ease);border-radius:7px;position:absolute;top:50%;left:50%;overflow:hidden}.blog-topic-card__pic img{object-fit:cover;width:100%;height:100%}.blog-topic-card__pic:first-child{--x:-34%;--r:-7deg}.blog-topic-card__pic:nth-child(2){--x:34%;--r:7deg}.blog-topic-card__pic:nth-child(3){--x:0%;--r:0deg;z-index:2}.blog-topic-card:hover .blog-topic-card__pic:first-child{--x:-44%;--r:-10deg}.blog-topic-card:hover .blog-topic-card__pic:nth-child(2){--x:44%;--r:10deg}.blog-topic-card:hover .blog-topic-card__pic:nth-child(3){transform:translate(-50%,-54%)scale(1.04)}.blog-topic-card__name{color:var(--accent-ink);font-family:var(--ff-mono);letter-spacing:.08em;text-transform:uppercase;margin:0;padding:0 4px;font-size:11.5px;font-weight:500}.blog-topic-card__description{color:var(--text-3);text-wrap:pretty;margin:0;padding:0 4px;font-size:14px;line-height:1.55}.blog-topic-card__go{color:var(--accent-ink);margin-top:auto;padding:8px 4px 0;font-size:13.5px;font-weight:550;display:block}.blog-topic-card__go:hover{color:var(--accent-ink)}.blog-topic-card__tail{white-space:nowrap}.blog-topic-card__go svg{vertical-align:-3px;width:15px;height:15px;transition:transform .25s var(--ease);margin-left:5px;display:inline-block}.blog-topic-card:hover .blog-topic-card__go svg{transform:translate(3px)}.blog-topic-card__go:after{content:"";border-radius:var(--r-card);position:absolute;inset:0}.blog-topic-card__go:focus-visible{outline:none}.blog-topic-card:has(.blog-topic-card__go:focus-visible){outline:2px solid var(--accent-ink);outline-offset:3px}.blog-grid{scroll-margin-top:calc(var(--site-nav-height) + 8px);padding-bottom:104px}.blog-grid__head{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 32px;margin-bottom:36px;padding-top:32px;display:flex}.blog-grid__title{letter-spacing:-.04em;margin:0;font-size:clamp(26px,2.6vw,34px);line-height:1.08}.blog-grid__count{color:var(--text-3);font-variant-numeric:tabular-nums;margin:6px 0 0;font-size:14px}.blog-filters{flex-wrap:wrap;gap:6px;display:flex}.blog-filters__chip{border:1px solid var(--border);border-radius:var(--r-pill);height:36px;color:var(--text-3);background:var(--bg);font-family:var(--ff-body);cursor:pointer;align-items:center;gap:7px;padding:0 14px;font-size:14px;font-weight:520;transition:color .2s,border-color .2s,background-color .2s;display:inline-flex}.blog-filters__chip:hover{color:var(--ink);border-color:var(--border-dashed)}.blog-filters__count{color:var(--text-3);font-family:var(--ff-mono);font-size:11.5px}.blog-filters__chip[aria-pressed=true]{color:var(--accent-on-tint);border-color:color-mix(in srgb, var(--accent-ink) 40%, var(--border));background:var(--accent-tint-2)}.blog-filters__chip[aria-pressed=true] .blog-filters__count{color:var(--accent-on-tint)}.blog-grid__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px;margin:0;padding:0;list-style:none;display:grid}.blog-grid__list>li{min-width:0}.blog-grid__list>li[hidden]{display:none}.blog-grid__none{border:1px dashed var(--border-dashed);border-radius:var(--r-card);color:var(--text-3);text-align:center;margin:0;padding:56px 24px;font-size:16px}.blog-pages{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:64px;display:flex}.blog-pages__list{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.blog-pages__num,.blog-pages__step{border:1px solid var(--border);border-radius:var(--r-pill);min-width:40px;height:40px;color:var(--ink-body);background:var(--bg);font-family:var(--ff-body);font-variant-numeric:tabular-nums;cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:550;transition:color .2s,border-color .2s,background-color .2s;display:inline-flex}.blog-pages__step{padding:0 16px}.blog-pages__step svg{width:16px;height:16px}.blog-pages__num:hover:not([aria-current]),.blog-pages__step:hover:not(:disabled){color:var(--ink);border-color:var(--border-dashed)}.blog-pages__num[aria-current=page]{color:var(--on-ink-fill);border-color:var(--ink-fill);background:var(--ink-fill);cursor:default}.blog-pages__step:disabled{opacity:.4;cursor:default}.blog-pages__of{display:none}.post-card{flex-direction:column;gap:12px;height:100%;display:flex}.post-card__head{flex-direction:column;gap:12px;display:flex;position:relative}.post-card__head .post-meta{margin-top:4px}.post-card__title{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:18px;font-weight:600;line-height:1.3}.post-card__title a{transition:color .2s}.post-card__title a:after{content:"";border-radius:18px;position:absolute;inset:-6px}.post-card__title a:focus-visible{outline:none}.post-card__head:has(a:focus-visible){outline:2px solid var(--accent-ink);outline-offset:8px;border-radius:16px}.post-card__head:hover .post-card__title a{color:var(--accent-ink)}.post-card__head:hover .ck-cover img{transform:scale(1.045)}.post-card__excerpt{color:var(--text-3);text-wrap:pretty;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.post-card__status,.featured-post__status{border:1px dashed var(--border-dashed);border-radius:var(--r-pill);color:var(--text-3);font-family:var(--ff-mono);letter-spacing:.08em;text-transform:uppercase;align-self:start;margin:0;padding:5px 12px;font-size:11px}.post-meta{color:var(--text-3);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0;font-size:13px;display:flex}.post-meta--sm{font-size:12.5px}.post-meta__category{color:var(--accent-ink);font-family:var(--ff-mono);letter-spacing:.08em;text-transform:uppercase;font-size:11.5px;font-weight:500}.post-meta__separator,.post-meta__detail{color:var(--text-3)}.blog-head--alone{padding-bottom:8px}.blog-empty{padding-bottom:104px}.blog-empty__card{border:1px dashed var(--border-dashed);border-radius:var(--r-card-lg);background:var(--bg);text-align:center;justify-items:center;gap:14px;padding:64px 32px;display:grid}.blog-empty__title{letter-spacing:-.03em;margin:0;font-size:34px}.blog-empty__body{max-width:460px;color:var(--text-3);margin:0;font-size:17px;line-height:1.55}@media (max-width:1080px){.blog-topics__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.blog-grid__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 20px}}@media (max-width:860px){.featured-post{grid-template-columns:minmax(0,1fr);gap:8px}.featured-post__body{padding:14px 10px 12px}}@media (max-width:640px){.blog-top{padding:32px 0 72px}.blog-head__lede{font-size:17px}.blog-featured{margin-top:32px}.featured-post{border-radius:22px;padding:8px}.featured-post__cover{aspect-ratio:16/11;border-radius:16px}.featured-post__title a:after{border-radius:22px}.featured-post__body{gap:12px;padding:12px 8px 10px}.featured-post__excerpt{font-size:15px}.blog-topics{padding-bottom:80px}.blog-topics__grid{grid-template-columns:minmax(0,1fr);gap:12px}.blog-topic-card{grid-template-columns:112px minmax(0,1fr);gap:4px 14px;padding:12px 12px 14px;display:grid}.blog-topic-card__fan{grid-row:1/span 3;height:auto;min-height:100%;margin:0}.blog-topic-card__pic{width:78%}.blog-topic-card__pic:first-child{--x:-12%;--r:-8deg}.blog-topic-card__pic:nth-child(2){--x:12%;--r:8deg}.blog-topic-card__name,.blog-topic-card__description,.blog-topic-card__go{padding-left:0;padding-right:0}.blog-topic-card__go{padding-top:2px}.blog-grid{padding-bottom:80px}.blog-grid__head{margin-bottom:28px}.blog-pages{flex-wrap:nowrap;justify-content:space-between;margin-top:48px}.blog-pages__list{display:none}.blog-pages__of{color:var(--ink-body);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px;display:inline-flex}.blog-pages__num,.blog-pages__step{min-width:36px;height:36px;padding:0 14px;font-size:13.5px}.blog-empty__card{padding:40px 20px}.blog-empty__title{font-size:26px}}@media (max-width:600px){.blog-grid__list{grid-template-columns:minmax(0,1fr);gap:36px}}@media (prefers-reduced-motion:reduce){.featured-post,.featured-post .featured-post__print,.blog-topic-card,.blog-topic-card__pic,.post-card__head .ck-cover img{transition:none}.blog-topic-card:hover{transform:none}}.blog-related__title{color:var(--ink);letter-spacing:-.03em;margin:0;font-size:clamp(22px,2.2vw,26px);line-height:1.08}.blog-related__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid}.blog-related__list>li{min-width:0}.blog-related__card{border:1px solid var(--border);height:100%;color:var(--ink);background:var(--bg);box-shadow:var(--shadow-pill);transition:border-color .25s var(--ease), box-shadow .25s var(--ease), transform .25s var(--ease);border-radius:16px;flex-direction:column;gap:8px;padding:16px 16px 15px;scroll-margin-block:16px;line-height:1.55;text-decoration:none;display:flex}.blog-related__card:hover{border-color:var(--border-dashed);box-shadow:var(--shadow-card);transform:translateY(-2px)}.blog-related__kind{color:var(--accent-ink);font-family:var(--ff-mono);letter-spacing:.08em;text-transform:uppercase;font-size:11.5px}.blog-related__name{letter-spacing:-.02em;text-wrap:balance;justify-content:space-between;align-items:flex-end;gap:10px;margin-top:auto;font-size:16px;font-weight:600;line-height:1.3;display:flex}.blog-related__name svg{width:16px;height:16px;color:var(--text-3);transition:transform .25s var(--ease), color .2s;flex:none;margin-bottom:1px}.blog-related__card:hover .blog-related__name svg{color:var(--accent-ink);transform:translate(3px)}@media (max-width:640px){.blog-related__list{grid-template-columns:minmax(0,1fr);gap:10px}.blog-related__card{padding:14px 16px}}@media (prefers-reduced-motion:reduce){.blog-related__card,.blog-related__name svg{transition:none}.blog-related__card:hover,.blog-related__card:hover .blog-related__name svg{transform:none}}
