.blog-archive-hero{background:var(--demo-gradient-paper);border-bottom:1px solid color-mix(in oklab,var(--demo-border) 55%,transparent);isolation:isolate;overflow:hidden;position:relative}.blog-archive-hero:after{background:linear-gradient(180deg,transparent,#faf8f2);bottom:0;content:"";height:2.25rem;left:0;pointer-events:none;position:absolute;right:0;z-index:2}.blog-archive-hero__grid-wrap{inset:0;pointer-events:none;position:absolute;z-index:0}.blog-archive-hero__inner{margin-left:auto;margin-right:auto;max-width:80rem;padding:clamp(5rem,11vh,6.5rem) 1.5rem clamp(2rem,5vh,3rem);position:relative;text-align:center;z-index:1}@media (min-width:1024px){.blog-archive-hero__inner{padding-left:2rem;padding-right:2rem}}.blog-archive-hero__eyebrow{color:var(--demo-subtle-foreground);font-size:12px;font-weight:500;letter-spacing:.06em;margin-bottom:1.25rem;text-transform:uppercase}.blog-archive-hero__eyebrow,.blog-archive-hero__title{font-family:var(--font-geist-sans),var(--font-sans),system-ui,sans-serif}.blog-archive-hero__title{color:var(--demo-ink-black);font-size:clamp(2rem,4.5vw,3rem);font-weight:800;letter-spacing:-.035em;line-height:1.08}.blog-archive-hero__rule{background:var(--demo-accent-graphite);border:none;height:1px;margin:1.25rem auto;width:min(280px,100%)}.blog-archive-hero__subtitle{color:var(--demo-muted-foreground);font-family:var(--font-geist-sans),var(--font-sans),system-ui,sans-serif;font-size:16px;font-weight:400;letter-spacing:-.01em;line-height:1.65;margin-left:auto;margin-right:auto;max-width:36rem}.blog-archive-main{background:var(--demo-gradient-fog);isolation:isolate;overflow:hidden;padding:clamp(2.5rem,6vw,3.5rem) 1rem clamp(3rem,8vw,5rem);position:relative}.blog-archive-main:before{background-image:linear-gradient(rgba(17,17,24,.06) 1px,transparent 0),linear-gradient(90deg,rgba(17,17,24,.06) 1px,transparent 0);background-size:52px 52px;content:"";inset:0;mask-image:radial-gradient(ellipse 95% 75% at 50% 28%,#000 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 95% 75% at 50% 28%,#000 40%,transparent 100%);opacity:.32;pointer-events:none;position:absolute;z-index:0}.blog-archive-main>*{position:relative;z-index:1}@media (min-width:640px){.blog-archive-main{padding-left:1.5rem;padding-right:1.5rem}}.blog-archive-search{background:color-mix(in oklab,var(--demo-card) 90%,transparent);border:1px solid var(--demo-border);border-radius:.75rem;color:var(--demo-foreground);font-family:var(--font-geist-sans),var(--font-sans),system-ui,sans-serif;font-size:1rem;padding:.875rem 1.25rem;transition:border-color .2s ease-out,box-shadow .2s ease-out;width:100%}.blog-archive-search::placeholder{color:var(--demo-subtle-foreground)}.blog-archive-search:focus{border-color:var(--demo-accent-graphite);box-shadow:0 0 0 3px color-mix(in oklab,var(--demo-foreground) 8%,transparent);outline:none}@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)){.blog-archive-search{backdrop-filter:saturate(1.06) blur(10px);-webkit-backdrop-filter:saturate(1.06) blur(10px);background:color-mix(in oklab,var(--demo-card) 76%,transparent)}}.blog-featured-card{background:color-mix(in oklab,var(--demo-card) 78%,transparent);border:1px solid var(--demo-border);border-radius:1rem;box-shadow:0 1px 0 color-mix(in oklab,var(--demo-foreground) 4%,transparent),0 20px 44px color-mix(in oklab,var(--demo-foreground) 5%,transparent);overflow:hidden;transition:transform .35s ease-out,box-shadow .35s ease-out,border-color .35s ease-out;will-change:transform}@supports (backdrop-filter:blur(12px)) or (-webkit-backdrop-filter:blur(12px)){.blog-featured-card{backdrop-filter:saturate(1.08) blur(12px);-webkit-backdrop-filter:saturate(1.08) blur(12px);background:color-mix(in oklab,var(--demo-card) 65%,transparent)}}.blog-featured-card:hover{border-color:color-mix(in oklab,var(--demo-border) 65%,var(--demo-foreground));box-shadow:0 1px 0 color-mix(in oklab,var(--demo-foreground) 5%,transparent),0 28px 56px color-mix(in oklab,var(--demo-foreground) 7%,transparent);transform:translateY(-4px)}.blog-featured-media{background:linear-gradient(145deg,var(--demo-accent-paper) 0,var(--demo-accent-aged) 100%)}.blog-grid-card{background:color-mix(in oklab,var(--demo-card) 82%,transparent);border:1px solid var(--demo-border);border-radius:1rem;box-shadow:0 1px 0 color-mix(in oklab,var(--demo-foreground) 3%,transparent),0 16px 36px color-mix(in oklab,var(--demo-foreground) 4%,transparent);overflow:hidden;transition:transform .3s ease-out,box-shadow .3s ease-out,border-color .3s ease-out;will-change:transform}@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)){.blog-grid-card{backdrop-filter:saturate(1.06) blur(10px);-webkit-backdrop-filter:saturate(1.06) blur(10px);background:color-mix(in oklab,var(--demo-card) 68%,transparent)}}.blog-grid-card:hover{border-color:color-mix(in oklab,var(--demo-border) 65%,var(--demo-foreground));box-shadow:0 1px 0 color-mix(in oklab,var(--demo-foreground) 5%,transparent),0 22px 48px color-mix(in oklab,var(--demo-foreground) 6%,transparent);transform:translateY(-6px)}.blog-grid-card-thumb{background:linear-gradient(160deg,var(--demo-accent-paper) 0,color-mix(in oklab,var(--demo-muted) 85%,var(--demo-accent-aged)) 100%);border-radius:1rem 1rem 0 0}.blog-pill{background:color-mix(in oklab,var(--demo-muted) 55%,transparent);border-radius:9999px;color:var(--demo-foreground);display:inline-block;font-family:var(--font-geist-sans),var(--font-sans),system-ui,sans-serif;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.blog-text-ink{color:var(--demo-ink-black)}.blog-text-muted{color:var(--demo-muted-foreground)}.blog-text-subtle{color:var(--demo-subtle-foreground)}.blog-load-more{background:color-mix(in oklab,var(--demo-card) 85%,transparent);border:1px solid var(--demo-border);border-radius:.75rem;color:var(--demo-foreground);font-family:var(--font-geist-sans),var(--font-sans),system-ui,sans-serif;font-size:.875rem;font-weight:600;padding:.65rem 1.75rem;transition:opacity .28s ease-out,border-color .28s ease-out,box-shadow .28s ease-out}.blog-load-more:hover{border-color:var(--demo-accent-graphite);box-shadow:0 8px 24px color-mix(in oklab,var(--demo-foreground) 6%,transparent)}@media (prefers-reduced-motion:reduce){.blog-featured-card,.blog-grid-card{transition:border-color .2s ease-out,box-shadow .2s ease-out;will-change:auto}.blog-featured-card:hover,.blog-grid-card:hover{transform:none}}