.blog-page,.article-page{--h-ink:#101113;--h-ink-60:#1011139e;--h-ink-40:#1011136b;--h-line:#1011131a;--h-dark:#0b0c10;z-index:1;padding:calc(4.9rem + clamp(2.4rem, 5vw, 4.5rem)) var(--site-page-gutter) clamp(4rem, 6vw, 6rem);color:var(--h-ink);background:#fff;font-family:Onest,SF Pro Display,-apple-system,sans-serif;position:relative}.blog-hero{text-align:center;width:min(1240px,100%);margin:0 auto}.blog-hero__title{letter-spacing:-.035em;color:var(--h-ink);margin:0;font-size:clamp(2.1rem,3.4vw,3.3rem);font-weight:800;line-height:1.03}.blog-hero__lead{max-width:38rem;color:var(--h-ink-60);margin:1.1rem auto 0;font-size:clamp(1.05rem,1.2vw,1.2rem);line-height:1.55}.blog-filter{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.9rem;display:inline-flex}.blog-filter__btn{border:1.5px solid var(--h-line);color:var(--h-ink);cursor:pointer;background:#fff;border-radius:999px;padding:.6rem 1.25rem;font-family:inherit;font-size:.92rem;font-weight:650;transition:background .16s,color .16s,border-color .16s}.blog-filter__btn:hover{border-color:#10111347}.blog-filter__btn.is-active{background:var(--site-accent);border-color:var(--site-accent);color:#fff}.blog-chip,.article__tag{letter-spacing:-.01em;border-radius:999px;align-items:center;padding:.28rem .72rem;font-size:.76rem;font-weight:700;display:inline-flex}.blog-chip--guide,.article__tag--guide{color:var(--h-ink);background:#1011130f}.blog-chip--release,.article__tag--release{color:var(--site-accent);background:#1011130f}.blog-featured{width:min(1240px,100%);margin:clamp(2.4rem,4vw,3.6rem) auto 0}.blog-feat{border:1px solid var(--h-line);color:inherit;background:#fff;border-radius:22px;grid-template-columns:1.08fr .92fr;gap:0;text-decoration:none;transition:transform .18s,box-shadow .18s;display:grid;overflow:hidden}.blog-feat:hover{box-shadow:var(--elev-2);transform:translateY(-3px)}.blog-feat__cover{aspect-ratio:16/10;background:#f6f6f7;display:block;overflow:hidden}.blog-feat__cover img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .3s;display:block}.blog-feat:hover .blog-feat__cover img{transform:scale(1.03)}.blog-feat__body{flex-direction:column;padding:clamp(1.8rem,3vw,2.75rem);display:flex}.blog-feat__meta{align-items:center;gap:.75rem;display:flex}.blog-feat__date{color:var(--h-ink-40);font-size:.85rem;font-weight:600}.blog-feat__views{color:var(--h-ink-40);font-variant-numeric:tabular-nums;align-items:center;gap:.28rem;font-size:.85rem;font-weight:600;display:inline-flex}.blog-feat__title{letter-spacing:-.03em;color:var(--h-ink);margin-top:1.1rem;font-size:clamp(1.6rem,2.6vw,2.35rem);font-weight:800;line-height:1.1}.blog-feat__excerpt{color:var(--h-ink-60);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:.9rem;font-size:1rem;line-height:1.55;display:-webkit-box;overflow:hidden}.blog-feat__more,.blog-card__more{color:var(--h-ink);text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1.5px;-webkit-text-decoration-color:var(--site-accent);text-decoration-color:var(--site-accent);align-items:center;gap:.4rem;margin-top:auto;padding-top:1.4rem;font-size:.95rem;font-weight:700;display:inline-flex}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.375rem;width:min(1240px,100%);margin:clamp(1.4rem,2.4vw,2rem) auto 0;display:grid}.blog-card{border:1px solid var(--h-line);color:inherit;background:#fff;border-radius:18px;flex-direction:column;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--elev-2);transform:translateY(-3px)}.blog-card__cover{aspect-ratio:16/10;background:#f6f6f7;display:block;position:relative;overflow:hidden}.blog-card__cover img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .3s;display:block}.blog-card:hover .blog-card__cover img{transform:scale(1.03)}.blog-card__body{flex-direction:column;flex:1;padding:1.4rem 1.4rem 1.5rem;display:flex}.blog-card__meta{align-items:center;gap:.7rem;display:flex}.blog-card__date{color:var(--h-ink-40);font-size:.82rem;font-weight:600}.blog-card__views{color:var(--h-ink-40);font-variant-numeric:tabular-nums;align-items:center;gap:.26rem;font-size:.82rem;font-weight:600;display:inline-flex}.blog-card__title{letter-spacing:-.025em;color:var(--h-ink);margin-top:.9rem;font-size:1.24rem;font-weight:800;line-height:1.22}.blog-card__excerpt{color:var(--h-ink-60);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:.55rem;font-size:.94rem;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-card__more{font-size:.9rem}.blog-more{justify-content:center;width:min(1240px,100%);margin:clamp(2rem,3.4vw,2.8rem) auto 0;display:flex}.blog-more__btn{height:3.375rem;color:var(--h-ink);cursor:pointer;background:#fff;border:1.5px solid #1011132e;border-radius:999px;align-items:center;gap:.7rem;padding:0 1.9rem;font-family:inherit;font-size:.97rem;font-weight:600;transition:border-color .15s,transform .15s;display:inline-flex}.blog-more__btn:hover{border-color:var(--h-ink)}.blog-more__btn:active{transform:scale(.98)}.blog-more__count{color:var(--h-ink-40);font-size:.85rem;font-weight:600}.article{width:min(720px,100%);margin:0 auto}.article__back{color:var(--h-ink);text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1.5px;-webkit-text-decoration-color:var(--site-accent);text-decoration-color:var(--site-accent);align-items:center;gap:.4rem;font-size:.94rem;font-weight:650;transition:opacity .15s;display:inline-flex}.article__back:hover{opacity:.7}.article__meta{align-items:center;gap:.8rem;margin-top:1.8rem;display:flex}.article__date,.article__read{color:var(--h-ink-40);font-size:.88rem;font-weight:600}.article__views{color:var(--h-ink-40);font-variant-numeric:tabular-nums;align-items:center;gap:.3rem;font-size:.88rem;font-weight:600;display:inline-flex}.article__title{letter-spacing:-.035em;color:var(--h-ink);margin:.85rem 0 0;font-size:clamp(2rem,3.6vw,3rem);font-weight:800;line-height:1.06}.article__cover{border:1px solid var(--h-line);border-radius:18px;width:100%;margin-top:1.9rem;display:block}.article__body{color:#101113d1;max-width:65ch;margin-top:2rem;font-size:1.1rem;line-height:1.72}.article__body h2{letter-spacing:-.03em;color:var(--h-ink);margin:2.4rem 0 .8rem;font-size:clamp(1.5rem,2.3vw,1.85rem);font-weight:800;line-height:1.18}.article__body h3{letter-spacing:-.02em;color:var(--h-ink);margin:1.9rem 0 .6rem;font-size:1.28rem;font-weight:800}.article__body p{margin:0 0 1.15rem}.article__body a{color:var(--h-ink);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1.5px;-webkit-text-decoration-color:var(--site-accent);text-decoration-color:var(--site-accent)}.article__body ul,.article__body ol{flex-direction:column;gap:.55rem;margin:0 0 1.3rem;padding-left:1.3rem;display:flex}.article__body li{line-height:1.62}.article__body ul li::marker{color:var(--site-accent)}.article__body blockquote{border-left:3px solid var(--site-accent);color:var(--h-ink);letter-spacing:-.01em;margin:1.6rem 0;padding:.4rem 0 .4rem 1.4rem;font-size:1.2rem;font-weight:600;line-height:1.5}.article__figure{max-width:65ch;margin:1.8rem 0}.article__figure img{border:1px solid var(--h-line);border-radius:16px;width:100%;display:block}.article__split{grid-template-columns:minmax(0,.78fr) minmax(0,1fr);align-items:center;gap:1.4rem 1.8rem;margin:2.2rem 0;display:grid}.article__split--right{grid-template-columns:minmax(0,1fr) minmax(0,.78fr)}.article__split--right .article__split-media{order:2}.article__split-media{margin:0}.article__split-media img{border:1px solid var(--h-line);border-radius:16px;width:auto;max-width:100%;max-height:520px;margin-inline:auto;display:block}.article__split-text>p:first-child{margin-top:0}.article__split-text>p:last-child{margin-bottom:0}@media (width<=720px){.article__split{grid-template-columns:1fr;gap:1.1rem}.article__split--right .article__split-media{order:0}.article__split-media img{max-height:460px}}.article__video{aspect-ratio:16/9;background:#000;border-radius:16px;max-width:65ch;margin:1.8rem 0;position:relative;overflow:hidden}.article__video iframe,.article__video video{border:0;width:100%;height:100%;position:absolute;inset:0}.article__cta{background:var(--h-dark);color:#fff;border-radius:22px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:clamp(2.6rem,5vw,3.6rem);padding:clamp(1.9rem,3vw,2.6rem) clamp(1.8rem,3.4vw,2.8rem);display:flex}.article__cta h2{letter-spacing:-.025em;color:#fff;margin:0;font-size:clamp(1.4rem,2.2vw,1.75rem);font-weight:800;line-height:1.1}.article__cta p{color:#ffffff9e;max-width:32rem;margin:.55rem 0 0;font-size:.98rem;line-height:1.5}.article__cta-btn{height:3.375rem;color:var(--h-ink);cursor:pointer;background:#fff;border:0;border-radius:999px;flex-shrink:0;align-items:center;gap:.55rem;padding:0 1.75rem;font-family:inherit;font-size:.97rem;font-weight:600;transition:opacity .15s,transform .15s;display:inline-flex}.article__cta-btn:hover{opacity:.9;transform:translateY(-1px)}.article__cta-btn:active{transform:scale(.98)}.article__nav{grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.5rem;display:grid}.article__nav-link{border:1px solid var(--h-line);color:inherit;background:#fff;border-radius:16px;align-items:center;gap:.7rem;padding:1.1rem 1.25rem;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex}.article__nav-link:hover{box-shadow:var(--elev-2);border-color:#10111333;transform:translateY(-2px)}.article__nav-link--next{text-align:right;justify-content:flex-end}.article__nav-link svg{color:var(--site-accent);flex-shrink:0}.article__nav-text{flex-direction:column;gap:.15rem;min-width:0;display:flex}.article__nav-text small{color:var(--h-ink-40);letter-spacing:-.01em;font-size:.82rem;font-weight:600}.article__nav-text strong{letter-spacing:-.01em;color:var(--h-ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.98rem;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}@media (width<=1023px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-feat{grid-template-columns:1fr}.blog-feat__cover{aspect-ratio:16/8}}@media (width<=600px){.blog-grid{grid-template-columns:1fr}.blog-feat__cover{aspect-ratio:16/10}.article__cta{flex-direction:column;align-items:flex-start}.article__cta-btn{justify-content:center;width:100%}.article__nav{grid-template-columns:1fr}.article__nav-link--next{text-align:left;flex-direction:row-reverse;justify-content:flex-start}}@media (prefers-reduced-motion:no-preference){.blog-featured.reveal .blog-feat{opacity:0}.blog-featured.is-revealed .blog-feat{animation:.6s cubic-bezier(.16,1,.3,1) both v2-rise}.blog-grid.reveal .blog-card{opacity:0}.blog-grid.is-revealed .blog-card{animation:.55s cubic-bezier(.16,1,.3,1) both v2-fade}.blog-grid.is-revealed .blog-card:nth-child(2){animation-delay:70ms}.blog-grid.is-revealed .blog-card:nth-child(3){animation-delay:.14s}.blog-grid.is-revealed .blog-card:nth-child(4){animation-delay:.21s}.blog-grid.is-revealed .blog-card:nth-child(5){animation-delay:.28s}.blog-grid.is-revealed .blog-card:nth-child(6){animation-delay:.35s}}