.blog{--b-line:#1513131a;--b-ink-soft:#4f4c4c;--b-card:#fff;background:var(--cream);color:var(--ink);font-family:var(--vl-body);min-height:100vh}.blog-head{padding:9rem 0 2.6rem;position:relative;overflow:hidden}.blog-backlink{font-family:var(--vl-mono);letter-spacing:.02em;color:var(--b-ink-soft);align-items:center;gap:.3rem;margin-bottom:1rem;font-size:.8rem;text-decoration:none;transition:color .15s;display:inline-flex}.blog-backlink:hover{color:var(--blue)}.blog-head__kicker{font-family:var(--vl-mono);text-transform:uppercase;letter-spacing:.16em;color:var(--b-ink-soft);font-size:.74rem}.blog-head__title{font-family:var(--vl-display);letter-spacing:-.035em;max-width:16ch;margin-top:1rem;font-size:clamp(2.4rem,5.4vw,4rem);font-weight:800;line-height:1.03}.blog-head__title em{font-family:var(--vl-serif);color:var(--blue);font-style:italic;font-weight:400}.blog-head__sub{color:var(--b-ink-soft);max-width:calc(100% - 200px);margin-top:1.1rem;font-size:1.12rem;line-height:1.6}.blog-head__mascot{filter:drop-shadow(0 16px 22px #16130e47);pointer-events:none;width:clamp(110px,15vw,200px);position:absolute;bottom:0;right:clamp(1rem,5vw,4.5rem);transform:rotate(-4deg)}@media (max-width:720px){.blog-head__mascot{display:none}}.blog-grid{grid-template-columns:repeat(3,1fr);gap:1.7rem;padding:1.5rem 0 1rem;display:grid}@media (max-width:980px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.blog-grid{grid-template-columns:1fr}}.blog-card{background:var(--b-card);border:1px solid var(--b-line);color:inherit;border-radius:18px;flex-direction:column;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--blue);transform:translateY(-4px);box-shadow:0 22px 46px #1513131f}.blog-card__cover{aspect-ratio:16/9;object-fit:cover;background:#ece9e4;width:100%}.blog-card__cover--placeholder{font-family:var(--vl-display);color:var(--ink);background:linear-gradient(135deg,#f4f4f4,#e7ffd6);justify-content:center;align-items:center;font-size:2.4rem;font-weight:800;display:flex}.blog-card__body{flex-direction:column;flex:1;gap:.6rem;padding:1.2rem 1.3rem 1.4rem;display:flex}.blog-card__title{font-family:var(--vl-display);letter-spacing:-.01em;font-size:1.22rem;font-weight:700;line-height:1.2}.blog-card__excerpt{color:var(--b-ink-soft);flex:1;font-size:.95rem;line-height:1.5}.blog-card__meta{font-family:var(--vl-mono);color:var(--b-ink-soft);align-items:center;gap:.55rem;margin-top:.3rem;font-size:.74rem;display:flex}.blog-card__meta-dot{opacity:.5}.blog-chips{flex-wrap:wrap;gap:.4rem;display:flex}.blog-chip{font-family:var(--vl-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--blue);background:#6840ff14;border:1px solid #6840ff29;border-radius:999px;padding:.28rem .6rem;font-size:.68rem}.blog-pager{justify-content:space-between;align-items:center;gap:1rem;padding:2.4rem 0 5rem;display:flex}.blog-pager__info{font-family:var(--vl-mono);color:var(--b-ink-soft);font-size:.8rem}.blog-pager__btn{border:1px solid var(--ink);color:var(--ink);border-radius:999px;align-items:center;gap:.4rem;padding:.6rem 1.1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.blog-pager__btn:hover{background:var(--ink);color:#fff}.blog-pager__btn[aria-disabled=true]{opacity:.35;pointer-events:none}.blog-article{padding-bottom:5rem}.blog-article__cover{object-fit:cover;border-radius:20px;width:100%;max-height:460px;margin:.5rem 0 2.2rem}.blog-byline{color:var(--b-ink-soft);align-items:center;gap:.7rem;margin-top:1.4rem;font-size:.92rem;display:flex}.blog-byline__avatar{object-fit:cover;background:#e7ffd6;border-radius:999px;width:40px;height:40px}.blog-byline__name{color:var(--ink);font-weight:600}.blog-byline__sep{opacity:.5}.blog-prose{color:#232020;width:min(720px,92vw);margin:0 auto;font-size:1.16rem;line-height:1.75}.blog-prose>*+*{margin-top:1.35rem}.blog-prose h2{font-family:var(--vl-display);letter-spacing:-.02em;margin-top:2.6rem;font-size:1.8rem;font-weight:800;line-height:1.2}.blog-prose h3{font-family:var(--vl-display);margin-top:2rem;font-size:1.35rem;font-weight:700}.blog-prose a{color:var(--blue);text-underline-offset:3px}.blog-prose ul,.blog-prose ol{padding-left:1.4rem}.blog-prose li+li{margin-top:.4rem}.blog-prose blockquote{border-left:3px solid var(--lime);color:var(--b-ink-soft);font-family:var(--vl-serif);padding-left:1.1rem;font-size:1.25rem;font-style:italic}.blog-prose img{border-radius:14px;max-width:100%}.blog-prose code{font-family:var(--vl-mono);background:#1513130f;border-radius:6px;padding:.12em .38em;font-size:.88em}.blog-prose pre{background:var(--ink);color:#f4f4f4;border-radius:14px;padding:1.1rem 1.3rem;font-size:.92rem;overflow-x:auto}.blog-prose pre code{background:0 0;padding:0}.blog-article__keywords{width:min(720px,92vw);margin:2.6rem auto 0}.blog-back{width:min(720px,92vw);font-family:var(--vl-mono);margin:0 auto 1.4rem;font-size:.8rem}.blog-back a{color:var(--b-ink-soft);text-decoration:none}.blog-back a:hover{color:var(--blue)}.blog-empty{text-align:center;color:var(--b-ink-soft);padding:3rem 0 6rem;font-size:1.1rem}