body{background:var(--bd-canvas)}.oc-main{display:block}.bp:where(.astro-5tznm7mj){--paper: var(--bd-canvas);--wave-base: var(--bd-marble-2);--paper-2: var(--bd-surface);--paper-3: var(--bd-marble);--paper-ink: var(--bd-ink);--paper-ink-soft: var(--bd-muted);--paper-line: var(--bd-line);--dark: var(--bd-ink);--dark-2: var(--bd-code);--dark-ink: var(--bd-code-text);--dark-soft: var(--bd-muted-2);--line: var(--bd-line);--accent: var(--bd-cobalt);--accent-2: var(--bd-object-red);--accent-deep: var(--bd-cobalt);--ink-hi: var(--paper-ink);--ink: var(--paper-ink-soft);--ink-lo: var(--bd-muted);--bg0: var(--paper);--bg1: var(--paper-2);--accent-ink: var(--dark);--serif: var(--bd-serif);--mono: var(--bd-mono);--radius: 24px;--radius-soft: 22px;--radius-tight: 12px;min-height:100vh;overflow:clip;color:var(--paper-ink-soft);font-family:var(--bd-brand-sans);letter-spacing:0;background:linear-gradient(180deg,var(--paper) 0%,var(--bd-marble-2) 48%,var(--paper-2) 100%)}.bp:where(.astro-5tznm7mj) a:where(.astro-5tznm7mj){text-decoration:none}.bp-wrap:where(.astro-5tznm7mj){width:min(100%,var(--bd-wide-max));margin:0 auto;padding:0 clamp(20px,4vw,56px)}.bp-hero:where(.astro-5tznm7mj){position:relative;overflow:hidden;padding:clamp(124px,14vw,188px) 0 clamp(58px,8vw,98px);border-bottom:1px solid var(--line);background:linear-gradient(180deg,#f7f8fbfa,#f1f3f7bd 64%,#e8ebf0db),linear-gradient(rgba(23,92,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(23,92,255,.04) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px}.bp-hero-grid:where(.astro-5tznm7mj){display:grid;grid-template-columns:minmax(0,.9fr) minmax(280px,.55fr);gap:clamp(36px,7vw,96px);align-items:end}.bp-hero:where(.astro-5tznm7mj) h1:where(.astro-5tznm7mj){max-width:880px;margin:0;color:var(--paper-ink);font-family:var(--bd-brand-sans);font-size:clamp(2rem,4.1vw,4.35rem);font-weight:var(--bd-heading-weight);line-height:1.02;letter-spacing:0}.bp-hero:where(.astro-5tznm7mj) p:where(.astro-5tznm7mj){margin:0;color:var(--paper-ink-soft);font-family:var(--bd-brand-sans);font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.55}.bp-list:where(.astro-5tznm7mj){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:clamp(52px,8vw,96px) 0 clamp(84px,11vw,136px)}.bp-card:where(.astro-5tznm7mj){--blog-card-pad: clamp(24px, 2.4vw, 34px);display:grid;grid-template-rows:auto 1fr auto;gap:18px;align-items:stretch;overflow:hidden;padding:0;border:1px solid var(--line);border-radius:var(--radius-soft);background:#ffffffdb;box-shadow:var(--bd-shadow-soft)}.bp-card-cover:where(.astro-5tznm7mj){display:block;aspect-ratio:16 / 9;overflow:hidden;border-bottom:1px solid var(--line);background:var(--bd-marble)}.bp-card-cover:where(.astro-5tznm7mj) img:where(.astro-5tznm7mj){width:100%;height:100%;object-fit:cover;filter:saturate(.94) contrast(1.02)}.bp-card-main:where(.astro-5tznm7mj){display:grid;gap:14px;padding:0 var(--blog-card-pad)}.bp-card-meta:where(.astro-5tznm7mj){display:flex;flex-wrap:wrap;gap:8px;color:var(--ink-lo);font-family:var(--oc-mono);font-size:.72rem;font-weight:700;letter-spacing:.04em}.bp-card-meta:where(.astro-5tznm7mj) time:where(.astro-5tznm7mj){display:inline-flex}.bp-card:where(.astro-5tznm7mj) h2:where(.astro-5tznm7mj){margin:0 0 10px;color:var(--paper-ink);font-family:var(--bd-brand-sans);font-size:clamp(1.2rem,1.55vw,1.55rem);font-weight:var(--bd-heading-weight);line-height:1.08;letter-spacing:0}.bp-card:where(.astro-5tznm7mj) h2:where(.astro-5tznm7mj) a:where(.astro-5tznm7mj):hover{color:var(--accent-deep)}.bp-card:where(.astro-5tznm7mj) p:where(.astro-5tznm7mj){margin:0;color:var(--paper-ink-soft);font-family:var(--bd-brand-sans);font-size:.92rem;line-height:1.55}.bp-read:where(.astro-5tznm7mj){align-self:end;margin:0 var(--blog-card-pad) var(--blog-card-pad);color:var(--accent-deep);font-family:var(--mono);font-size:.72rem;font-weight:700;letter-spacing:.04em;white-space:nowrap}@media(max-width:980px){.bp-wrap:where(.astro-5tznm7mj){width:min(100%,var(--bd-wide-max));padding-inline:20px}.bp-hero-grid:where(.astro-5tznm7mj),.bp-list:where(.astro-5tznm7mj),.bp-card:where(.astro-5tznm7mj){grid-template-columns:1fr}.bp-read:where(.astro-5tznm7mj){justify-self:start}}@media(max-width:640px){.bp-card:where(.astro-5tznm7mj){border-radius:var(--radius-tight)}}