@layer properties,theme,base;@layer components{.blog-index-page{min-height:100vh;color:var(--color-slate-900);background-color:#f7f5ef}.blog-index-page:is(.dark *){background-color:var(--color-slate-950);color:var(--color-slate-100)}.blog-index-header{border-bottom-style:solid;border-bottom-width:1px;border-color:var(--color-stone-200);padding-block:4rem;padding-inline:1.25rem}@media (width>=48rem){.blog-index-header{padding-block:6rem}}.blog-index-header:is(.dark *){border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}.blog-index-region{max-width:64rem;margin-inline:auto}.blog-index-eyebrow{letter-spacing:.24em;color:var(--color-indigo-600);text-transform:uppercase;font-size:.875rem;font-weight:700;line-height:1.42857}.blog-index-eyebrow:is(.dark *){color:var(--color-indigo-400)}.blog-index-title{max-width:48rem;font-family:var(--font-serif);letter-spacing:-.025em;margin-top:1rem;font-size:3rem;font-weight:900;line-height:1}@media (width>=48rem){.blog-index-title{font-size:4.5rem;line-height:1}}.blog-index-muted{max-width:42rem;color:var(--color-slate-600);margin-top:1.5rem;font-size:1.125rem;line-height:2rem}@media (width>=48rem){.blog-index-muted{font-size:1.25rem;line-height:2rem}}.blog-index-muted:is(.dark *){color:var(--color-slate-300)}.blog-index-section{max-width:64rem;margin-inline:auto;padding-block:3rem;padding-inline:1.25rem}@media (width>=48rem){.blog-index-section{padding-block:4rem}}.blog-index-section-title{letter-spacing:.2em;color:var(--color-slate-500);text-transform:uppercase;margin-bottom:2rem;font-size:.875rem;font-weight:700;line-height:1.42857}:where(.blog-index-region-2>:not(:last-child)){border-top-style:solid;border-top-width:0;border-bottom-style:solid;border-bottom-width:1px;border-color:var(--color-stone-200)}.blog-index-region-2{border-block-style:solid;border-block-width:1px;border-color:var(--color-stone-200)}:where(.blog-index-region-2:is(.dark *)>:not(:last-child)){border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}.blog-index-region-2:is(.dark *){border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}.blog-index-grid{gap:1.25rem;padding-block:2.25rem;display:grid}@media (width>=48rem){.blog-index-grid{grid-template-columns:9rem 1fr auto;align-items:flex-start;gap:2rem}}.blog-index-text{color:var(--color-slate-500);font-size:.875rem;font-weight:600;line-height:1.42857}.blog-index-text:is(.dark *){color:var(--color-slate-400)}.blog-index-heading{font-family:var(--font-serif);letter-spacing:-.025em;font-size:1.875rem;font-weight:700;line-height:1.2}@media (width>=48rem){.blog-index-heading{font-size:2.25rem;line-height:1.11111}}.blog-index-link{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--effect-gradient-from,--effect-gradient-via,--effect-gradient-to;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (hover:hover){.blog-index-link:is(:where(.hover-group):hover *){color:var(--color-indigo-600)}}@media (hover:hover){.blog-index-link:is(.dark *):is(:where(.hover-group):hover *){color:var(--color-indigo-400)}}.blog-index-muted-2{max-width:42rem;color:var(--color-slate-600);margin-top:.75rem;font-size:1rem;line-height:1.75rem}.blog-index-muted-2:is(.dark *){color:var(--color-slate-300)}.blog-index-row{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.blog-index-panel{background-color:color-mix(in oklab, var(--color-stone-200) 70%, transparent);padding-inline:.75rem;padding-block:var(--spacing);color:var(--color-slate-600);border-radius:9999px;font-size:.75rem;font-weight:700;line-height:1.33333}.blog-index-panel:is(.dark *){background-color:color-mix(in oklab, var(--color-white) 10%, transparent);color:var(--color-slate-300)}.blog-index-link-2{color:var(--color-indigo-600);font-size:1.5rem;line-height:1.33333}.blog-index-link-2:is(.dark *){color:var(--color-indigo-400)}}