.blog-index-page{min-height:100vh;display:flex;flex-direction:column}.blog-index-page .footer{margin-top:auto}.blog-index-page .blog-index-main{position:relative;isolation:isolate;overflow-x:clip;width:100%;max-width:var(--container,1280px);margin:0 auto;padding:0 var(--gutter,24px) var(--space-11,80px);flex:1}.blog-index-page .blog-index-main::before,.blog-index-page .blog-index-main::after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,var(--color-glow),transparent)}.blog-index-page .blog-index-main::before{top:-140px;left:0;width:min(440px,90%);height:440px;opacity:var(--glow-opacity)}.blog-index-page .blog-index-main::after{top:120px;right:0;width:min(280px,60%);height:280px;background:radial-gradient(closest-side,var(--color-accent),transparent);opacity:calc(var(--glow-opacity) * 0.16)}.blog-index-page .bj-hero{display:grid;gap:var(--space-6);align-items:end;padding-block:clamp(32px,6vw,72px) var(--space-7)}.blog-index-page .bj-title{margin:0;max-width:16ch;font:700 clamp(2rem,4.4vw,3.6rem) / 1.06 var(--font-heading);letter-spacing:var(--tracking-hero);text-wrap:balance;color:var(--color-text);background:none;-webkit-text-fill-color:currentColor}.blog-index-page .bj-title em{font-style:normal;color:var(--color-accent-text)}.blog-index-page .bj-lead{margin:var(--space-4) 0 0;max-width:52ch;font-size:var(--fs-lg);line-height:var(--lh-body);color:var(--color-text-muted)}.blog-index-page .bj-hero__tools{display:grid;gap:var(--space-3)}.blog-index-page .bj-search{position:relative;margin:0}.blog-index-page .bj-search .g-i{position:absolute;left:16px;top:50%;translate:0 -50%;width:20px;height:20px;color:var(--color-text-muted);pointer-events:none}.blog-index-page .bj-search input#blogSearchInput{width:100%;min-height:52px;padding:0 64px 0 48px;border-radius:var(--radius-md);border:1.5px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);font:500 var(--fs-md) / 1 var(--font-body)}.blog-index-page .bj-search input#blogSearchInput::placeholder{color:var(--color-text-muted)}.blog-index-page .bj-search input#blogSearchInput:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent) 18%,transparent)}.blog-index-page .bj-search kbd{position:absolute;right:14px;top:50%;translate:0 -50%;padding:4px 8px;border-radius:6px;border:1px solid var(--color-border-strong);font:600 var(--fs-xs) / 1 var(--font-mono);color:var(--color-text-muted)}.blog-index-page .bj-cta{text-decoration:none}@media (min-width:900px){.blog-index-page .bj-hero{grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:var(--space-9)}}.blog-index-page .bj-filters-wrap{position:sticky;top:var(--bj-sticky-top,72px);z-index:30;margin:var(--space-6) calc(var(--gutter,24px) * -1) 0;padding:var(--space-3) var(--gutter,24px);display:grid;gap:var(--space-2);background:color-mix(in srgb,var(--color-bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.blog-index-page .blog-filters,.blog-index-page .blog-tag-cloud{display:flex;flex-wrap:nowrap;gap:var(--space-2);justify-content:flex-start;overflow-x:auto;scrollbar-width:none;margin:0;padding:2px 0;border:0}.blog-index-page .blog-filters::-webkit-scrollbar,.blog-index-page .blog-tag-cloud::-webkit-scrollbar{display:none}@media (min-width:768px){.blog-index-page .blog-filters,.blog-index-page .blog-tag-cloud{flex-wrap:wrap;overflow-x:visible}}.blog-index-page .blog-filter-btn{flex:none;display:inline-flex;align-items:center;min-height:38px;padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:transparent;color:var(--color-text);font-size:var(--fs-sm);font-weight:500;box-shadow:none;cursor:pointer;transition:border-color var(--dur-fast),background-color var(--dur-fast),transform var(--dur) var(--ease-out)}.blog-index-page .blog-filter-btn:hover{border-color:var(--color-accent);background:var(--color-surface);transform:none}.blog-index-page .blog-filter-btn.is-active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent);font-weight:600;box-shadow:none}.blog-index-page .blog-tag-cloud button,.blog-index-page .blog-tag-cloud a{display:inline-flex;align-items:center;flex:none;min-height:30px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:6px;background:transparent;color:var(--color-text-muted);font:500 var(--fs-xs) / 1 var(--font-mono);cursor:pointer;transition:border-color var(--dur-fast),color var(--dur-fast)}.blog-index-page .blog-tag-cloud button:hover,.blog-index-page .blog-tag-cloud a:hover{border-color:var(--color-accent);color:var(--color-text)}.blog-index-page .blog-tag-cloud button.is-active,.blog-index-page .blog-tag-cloud a.is-active{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.blog-index-page .blog-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-5);margin-top:var(--space-7)}@media (min-width:720px){.blog-index-page .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1080px){.blog-index-page .blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.blog-index-page .blog-card{position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.blog-index-page .blog-card:hover{transform:translateY(-4px);border-color:var(--color-border);box-shadow:var(--shadow-hover)}.blog-index-page .blog-card.is-hidden{display:none}.blog-index-page .blog-card-image{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:var(--color-bg-soft)}.blog-index-page .blog-card-image>a{position:absolute;inset:0;display:block}.blog-index-page .blog-card-image picture{position:absolute;inset:0;display:block}.blog-index-page .blog-card-image picture img{display:block;width:100%;height:100%}.blog-index-page .blog-card-bg img{object-fit:cover;transform:scale(1.25);filter:blur(16px) saturate(1.15) brightness(0.8);opacity:0.85}.blog-index-page .blog-card-img{object-fit:contain;transition:transform 0.5s var(--ease-out)}.blog-index-page .blog-card:hover .blog-card-img{transform:scale(1.03)}.blog-index-page .blog-card-image__category{align-self:flex-start;display:block;max-width:100%;padding:0;border:0;border-radius:0;background:none;color:var(--color-accent-text);font:600 var(--fs-xs) / 1.3 var(--font-mono);letter-spacing:0.08em;text-transform:uppercase}.blog-index-page .blog-card-body{display:flex;flex-direction:column;flex:1;gap:var(--space-3);padding:var(--space-5)}.blog-index-page .blog-card-body__title{margin:0;font:700 var(--fs-lg) / 1.25 var(--font-heading);letter-spacing:var(--tracking-heading);text-wrap:balance}.blog-index-page .blog-card-body__title a{color:var(--color-text);text-decoration:none}.blog-index-page .blog-card-body__title a::after{content:"";position:absolute;inset:0;z-index:1}.blog-index-page .blog-card:hover .blog-card-body__title a{color:var(--color-accent-text)}.blog-index-page .blog-card-body__title a:focus-visible{outline:none}.blog-index-page .blog-card:has(.blog-card-body__title a:focus-visible){outline:3px solid var(--color-focus);outline-offset:3px}.blog-index-page .blog-card-excerpt{margin:0;font-size:var(--fs-sm);color:var(--color-text-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-index-page .blog-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin-top:auto;padding-top:var(--space-2);font:500 var(--fs-xs) / 1.4 var(--font-mono);color:var(--color-text-muted)}.blog-index-page .blog-card-meta>span{display:inline-flex;align-items:center;gap:6px}.blog-index-page .blog-card-meta .g-i{width:14px;height:14px;margin:0}.blog-index-page .blog-card-meta .views,.blog-index-page .blog-card-views{color:inherit;font-weight:500;font-variant-numeric:tabular-nums}.blog-index-page .blog-card--featured{grid-column:1 / -1;border-radius:var(--radius-xl)}.blog-index-page .blog-card--featured .blog-card-image{aspect-ratio:1 / 1}.blog-index-page .blog-card--featured .blog-card-body{gap:var(--space-4);padding:clamp(24px,3.5vw,48px)}.blog-index-page .blog-card--featured .blog-card-body__title{font-size:clamp(1.5rem,2.6vw,2.3rem);line-height:1.12}.blog-index-page .blog-card--featured .blog-card-excerpt{max-width:52ch;font-size:var(--fs-md);-webkit-line-clamp:4}.blog-index-page .blog-card__badge{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font:500 var(--fs-xs) / 1 var(--font-mono);letter-spacing:0.08em;text-transform:uppercase;color:var(--color-text-muted)}.blog-index-page .blog-card__badge::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--color-accent)}@media (min-width:900px){.blog-index-page .blog-card--featured{flex-direction:row}.blog-index-page .blog-card--featured .blog-card-image{flex:1.1 1 0;aspect-ratio:auto;min-height:440px}.blog-index-page .blog-card--featured .blog-card-body{flex:1 1 0;justify-content:center}.blog-index-page .blog-card--featured .blog-card-meta{margin-top:var(--space-2)}}.blog-index-page .blog-sub{grid-column:1 / -1;position:relative;overflow:hidden;display:grid;gap:var(--space-5) var(--space-7);padding:clamp(24px,4vw,48px);border-radius:var(--radius-xl);background:#1a2a6c;color:#eef1ff;border:1.5px solid var(--color-accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--color-accent) 12%,transparent),var(--shadow-pop)}.blog-index-page .blog-sub::before{content:"";position:absolute;right:-80px;top:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(closest-side,var(--color-accent),transparent);opacity:0.28;pointer-events:none}.blog-index-page .blog-sub>*{position:relative}.blog-index-page .blog-sub__title{margin:0;font:700 var(--fs-2xl) / 1.15 var(--font-heading);letter-spacing:var(--tracking-heading);text-wrap:balance}.blog-index-page .blog-sub__lead{margin:var(--space-3) 0 0;max-width:46ch;color:#c3cbef}@media (min-width:900px){.blog-index-page .blog-sub{grid-template-columns:1.2fr 1fr;align-items:center}}.blog-index-page .blog-sub .blog-newsletter-block{margin:0;padding:0;border:0;background:none;box-shadow:none}.blog-index-page .blog-sub .blog-newsletter-block__title{margin-bottom:var(--space-3);color:#eef1ff}.blog-index-page .blog-sub .blog-newsletter input[type="email"]{border-color:rgba(238,241,255,0.3);background:rgba(11,15,30,0.4);color:#eef1ff}.blog-index-page .blog-sub .blog-newsletter input[type="email"]::placeholder{color:#9aa6d0}.blog-index-page .blog-sub .blog-newsletter__privacy{color:#9aa6d0}.blog-index-page .blog-sub .blog-newsletter__privacy a{color:#ffb595}.blog-index-page .blog-grid.is-filtered .blog-sub{display:none}.blog-index-page .blog-index-empty{grid-column:1 / -1;text-align:center;padding:var(--space-9) var(--space-5);color:var(--color-text-muted);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg)}.blog-index-page .blog-index-empty[hidden]{display:none}.blog-index-page .blog-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-8)}.blog-index-page .blog-pagination__link{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);font:600 var(--fs-sm) / 1 var(--font-mono);text-decoration:none;transition:border-color var(--dur-fast),color var(--dur-fast)}.blog-index-page .blog-pagination__link:hover:not(.is-disabled){border-color:var(--color-accent);color:var(--color-text);background:transparent}.blog-index-page .blog-pagination__link.is-active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.blog-index-page .blog-pagination__link.is-disabled{opacity:0.4;cursor:default}.blog-archive-links{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);-webkit-clip-path:inset(50%);white-space:nowrap;border:0;pointer-events:none}.blog-archive-links ul{list-style:none;margin:0;padding:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion:reduce){.blog-index-page .blog-card,.blog-index-page .blog-filter-btn,.blog-index-page .blog-card-img{transition:none}.blog-index-page .blog-card:hover,.blog-index-page .blog-filter-btn:hover{transform:none}.blog-index-page .blog-card:hover .blog-card-img{transform:none}}.blog-index-page .blog-card-image__category,.blog-index-page .blog-card__badge{letter-spacing:0;text-transform:none;font-family:var(--font-body);font-size:var(--fs-sm)}.blog-index-page .blog-card--featured .blog-card-image{aspect-ratio:16 / 10}@media (min-width:900px){.blog-index-page .blog-card--featured .blog-card-image{aspect-ratio:auto}}.blog-index-page .blog-card--featured .type-cover__t{font-size:clamp(34px,6vw,64px)}.blog-index-page a.blog-filter-btn,.blog-index-page .blog-tag-cloud a{text-decoration:none}.blog-index-page .blog-tag-cloud a{flex:none}.blog-index-page .blog-found{margin:var(--space-4) 0 var(--space-4);color:var(--color-text-muted);font-size:var(--fs-sm)}.blog-index-page .blog-found b{color:var(--color-text);font-variant-numeric:tabular-nums}.blog-index-page .blog-found__reset{margin-left:8px;color:var(--color-accent-text)}.blog-index-page .blog-grid.is-loading{opacity:.5;transition:opacity var(--dur-fast)}