.blog-page{color:var(--color-ink);background:var(--color-page)}.blog-page__content{padding-bottom:var(--section-spacing);background:var(--color-page)}.blog-index{width:100%}.blog-index__header{gap:clamp(var(--space-l), 5vw, var(--space-3xl));margin-bottom:var(--space-xl);grid-template-columns:minmax(18rem,.8fr) minmax(0,1.2fr);align-items:end;display:grid}.blog-index__heading{max-width:38rem}.blog-index__eyebrow{margin-bottom:var(--space-xs);color:var(--color-purple);letter-spacing:.13em}.blog-index__heading h2{color:var(--color-ink);letter-spacing:var(--letter-spacing-section-title);text-wrap:balance}.blog-index__heading>p:last-child{margin-top:var(--space-s);color:var(--color-ink-soft);line-height:var(--line-height-body);text-wrap:pretty}.blog-filters{justify-content:flex-end;gap:var(--space-xs);flex-wrap:wrap;display:flex}.blog-filter{min-height:3rem;padding:.45rem var(--space-s);border:1px solid color-mix(in srgb, var(--color-purple) 15%, var(--color-border));border-radius:var(--radius-pill);color:var(--color-ink);background:var(--color-surface);box-shadow:0 .45rem 1.2rem color-mix(in srgb, var(--color-ink) 3%, transparent);cursor:pointer;font-family:var(--font-heading);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);line-height:var(--line-height-compact);white-space:nowrap;justify-content:center;align-items:center;gap:.45rem;display:inline-flex}.blog-filter__icon{aspect-ratio:1;width:1.75rem;color:var(--color-purple);background:var(--color-purple-soft);border-radius:50%;place-items:center;display:grid}.blog-filter[aria-pressed=true]{border-color:var(--color-purple);color:var(--color-surface);background:linear-gradient(135deg, var(--color-purple), var(--color-purple-dark));box-shadow:0 .65rem 1.5rem color-mix(in srgb, var(--color-purple) 18%, transparent)}.blog-filter[aria-pressed=true] .blog-filter__icon{color:var(--color-purple-dark);background:var(--color-surface)}.blog-grid{gap:clamp(var(--space-m), 2.5vw, var(--space-xl));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.blog-card{--blog-card-accent:var(--color-purple);--blog-card-soft:var(--color-purple-soft);border:1px solid color-mix(in srgb, var(--blog-card-accent) 16%, var(--color-border));border-radius:var(--radius-l);background:var(--color-surface);min-width:0;box-shadow:0 1rem 2.6rem color-mix(in srgb, var(--color-ink) 5%, transparent);overflow:hidden}.blog-card[hidden]{display:none}.blog-card--purple{--blog-card-accent:var(--color-purple);--blog-card-soft:var(--color-purple-soft)}.blog-card--green{--blog-card-accent:var(--color-green-dark);--blog-card-soft:var(--color-green-soft)}.blog-card--blue{--blog-card-accent:var(--color-blue-dark);--blog-card-soft:var(--color-blue-soft)}.blog-card--yellow{--blog-card-accent:var(--color-yellow-strong);--blog-card-soft:var(--color-yellow-soft)}.blog-card__link{height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.blog-card__media{aspect-ratio:16/10;background:linear-gradient(135deg, color-mix(in srgb, var(--blog-card-soft) 76%, var(--color-surface)), var(--color-surface));position:relative;overflow:hidden}.blog-card__media:after{background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--color-ink) 8%, transparent));content:"";pointer-events:none;height:30%;position:absolute;inset:auto 0 0}.blog-card__media img{object-fit:cover;width:100%;height:100%}.blog-card__placeholder{color:var(--blog-card-accent);background:radial-gradient(circle at 50% 48%, color-mix(in srgb, var(--blog-card-soft) 92%, transparent), transparent 60%);place-items:center;display:grid;position:absolute;inset:0}.blog-card__featured{top:var(--space-s);left:var(--space-s);z-index:2;border-radius:var(--radius-pill);color:var(--color-surface);background:linear-gradient(135deg, var(--color-purple), var(--color-purple-dark));box-shadow:0 .45rem 1rem color-mix(in srgb, var(--color-purple) 22%, transparent);font-family:var(--font-heading);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);line-height:var(--line-height-solid);align-items:center;gap:.35rem;padding:.45rem .75rem;display:inline-flex;position:absolute}.blog-card__body{padding:clamp(var(--space-m), 3vw, var(--space-l));flex-direction:column;flex:1;align-items:flex-start;display:flex}.blog-card__category{margin-bottom:var(--space-s);border-radius:var(--radius-pill);color:var(--blog-card-accent);background:color-mix(in srgb, var(--blog-card-soft) 78%, var(--color-surface));font-family:var(--font-heading);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);line-height:var(--line-height-solid);align-items:center;gap:.4rem;padding:.4rem .7rem;display:inline-flex}.blog-card__category>span{place-items:center;display:grid}.blog-card h3{color:var(--color-ink);letter-spacing:-.025em;line-height:var(--line-height-heading);text-wrap:balance}.blog-card__excerpt{margin-top:var(--space-s);color:var(--color-ink-soft);line-height:var(--line-height-body);text-wrap:pretty}.blog-card__footer{gap:var(--space-s);width:100%;padding-top:var(--space-l);grid-template-columns:minmax(0,1fr) auto;align-items:center;margin-top:auto;display:grid}.blog-card__meta{color:var(--color-ink-soft);font-size:var(--font-size-small);line-height:var(--line-height-compact);flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.blog-card__author{font-weight:var(--font-weight-medium);color:var(--color-ink)}.blog-card__read{color:var(--blog-card-accent);font-family:var(--font-heading);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);line-height:var(--line-height-compact);white-space:nowrap;align-items:center;gap:.35rem;display:inline-flex}.blog-card__read>span{font-size:var(--font-size-large)}.blog-index__actions{margin-top:var(--space-xl);justify-content:center;display:flex}.blog-load-more{justify-content:center;align-items:center;gap:var(--space-xs);min-width:17rem;min-height:3.5rem;padding:var(--space-xs) var(--space-l);border:1px solid color-mix(in srgb, var(--color-purple) 55%, var(--color-border));border-radius:var(--radius-pill);color:var(--color-purple-dark);background:var(--color-surface);cursor:pointer;font-family:var(--font-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-compact);display:inline-flex}.blog-load-more[hidden]{display:none}.blog-load-more__icon{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--color-purple) 35%, var(--color-border));border-radius:50%;place-items:center;width:1.8rem;display:grid}.blog-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.blog-filter:focus-visible,.blog-card__link:focus-visible,.blog-load-more:focus-visible{outline:3px solid color-mix(in srgb, var(--color-purple) 45%, transparent);outline-offset:4px}@media (hover:hover){.blog-filter,.blog-card,.blog-card__media img,.blog-card__read span,.blog-load-more{transition:transform .18s,box-shadow .18s,border-color .18s,background-color .18s,filter .18s}.blog-filter:hover:not([aria-pressed=true]){border-color:color-mix(in srgb, var(--color-purple) 42%, var(--color-border));background:color-mix(in srgb, var(--color-purple-soft) 34%, var(--color-surface));transform:translateY(-.1rem)}.blog-card:hover{border-color:color-mix(in srgb, var(--blog-card-accent) 34%, var(--color-border));box-shadow:0 1.4rem 3.2rem color-mix(in srgb, var(--color-ink) 8%, transparent);transform:translateY(-.25rem)}.blog-card:hover .blog-card__media img{transform:scale(1.025)}.blog-card:hover .blog-card__read span{transform:translate(.2rem)}.blog-load-more:hover{color:var(--color-surface);background:linear-gradient(135deg, var(--color-purple), var(--color-purple-dark));box-shadow:0 .75rem 1.8rem color-mix(in srgb, var(--color-purple) 16%, transparent);transform:translateY(-.12rem)}}@media (width<64rem){.blog-index__header{grid-template-columns:1fr;align-items:start}.blog-filters{justify-content:flex-start}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<48rem){.blog-index__header{gap:var(--space-l);margin-bottom:var(--space-l)}.blog-filters{width:calc(100% + var(--gutter));margin-right:calc(var(--gutter) * -1);padding-right:var(--gutter);padding-bottom:var(--space-xs);overscroll-behavior-inline:contain;scrollbar-width:none;scroll-snap-type:inline proximity;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.blog-filters::-webkit-scrollbar{display:none}.blog-filter{scroll-snap-align:start;flex:none}.blog-grid{gap:var(--space-m);grid-template-columns:1fr}.blog-card{border-radius:var(--radius-m)}.blog-card__body{padding:var(--space-m)}.blog-card__footer{grid-template-columns:1fr;align-items:start}.blog-load-more{width:100%}}@media (width<30rem){.blog-card__media{aspect-ratio:4/3}.blog-card__featured{top:var(--space-xs);left:var(--space-xs)}}@media (prefers-reduced-motion:reduce){.blog-filter,.blog-card,.blog-card__media img,.blog-card__read span,.blog-load-more{transition:none}.blog-filter:hover,.blog-card:hover,.blog-card:hover .blog-card__media img,.blog-card:hover .blog-card__read span,.blog-load-more:hover{transform:none}}