.hero-video.svelte-x23zlu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}video.svelte-x23zlu{width:100%;height:100%;object-fit:cover;display:block}.has-hero.svelte-jkg4yr>.back,.has-hero.svelte-jkg4yr>.article-head:where(.svelte-jkg4yr){opacity:var(--hero-fade, 1)}.has-hero.svelte-jkg4yr>.article-head:where(.svelte-jkg4yr){min-height:calc(100svh - var(--hero-offset, 120px));margin-bottom:clamp(160px,35vh,420px);display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:56px;border-bottom:0;text-shadow:var(--hero-shadow)}.has-hero[data-hero-tone=light].svelte-jkg4yr{--hero-shadow: 0 1px 18px rgba(0, 0, 0, .35)}.has-hero[data-hero-tone=light].svelte-jkg4yr>.back,.has-hero[data-hero-tone=light].svelte-jkg4yr>.article-head:where(.svelte-jkg4yr) :is(.eyebrow:where(.svelte-jkg4yr),.subtitle:where(.svelte-jkg4yr),.desc:where(.svelte-jkg4yr)){color:#ffffffd9}.has-hero[data-hero-tone=dark].svelte-jkg4yr>.back,.has-hero[data-hero-tone=dark].svelte-jkg4yr>.article-head:where(.svelte-jkg4yr) :is(h1:where(.svelte-jkg4yr),.eyebrow:where(.svelte-jkg4yr),.subtitle:where(.svelte-jkg4yr),.desc:where(.svelte-jkg4yr),.head-links:where(.svelte-jkg4yr) a:where(.svelte-jkg4yr)){color:#24121f}.has-hero[data-hero-tone=dark].svelte-jkg4yr>.article-head:where(.svelte-jkg4yr) :is(.eyebrow:where(.svelte-jkg4yr),.subtitle:where(.svelte-jkg4yr),.desc:where(.svelte-jkg4yr)){color:#24121fc7}.has-hero[data-hero-tone=dark].svelte-jkg4yr .head-links:where(.svelte-jkg4yr) a:where(.svelte-jkg4yr){border-color:#24121f4d}.desc.svelte-jkg4yr{margin-top:14px;font-size:15px;line-height:1.6;color:var(--ink-3);max-width:var(--max-width-prose)}.head-links.svelte-jkg4yr{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.head-links.svelte-jkg4yr a:where(.svelte-jkg4yr){font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);border:1px solid var(--rule);border-radius:20px;padding:4px 10px;transition:border-color .15s,color .15s}.head-links.svelte-jkg4yr a:where(.svelte-jkg4yr):hover{border-color:var(--amber);color:var(--amber)}.next-project.svelte-jkg4yr{margin-top:0;padding:0;border-top:1px solid var(--rule);margin-bottom:-80px}
