.gen-cover{isolation:isolate;background:radial-gradient(70% 90% at 85% 10%, color-mix(in srgb, var(--c) 42%, transparent), transparent 70%), linear-gradient(135deg, color-mix(in srgb, var(--c) 26%, var(--color-bg)), var(--color-bg) 75%);flex-direction:column;justify-content:space-between;padding:18px;display:flex;position:relative;overflow:hidden;container-type:inline-size}.gen-cover:before{content:"";z-index:-1;background-image:radial-gradient(color-mix(in srgb, var(--color-fg) 9%, transparent) 1px, transparent 1.2px);background-size:14px 14px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(160deg,#000 10%,#0000 80%);mask-image:linear-gradient(160deg,#000 10%,#0000 80%)}.gen-cover[data-size=hero]{padding:clamp(18px,3cqi,40px)}.gen-cover-title{font-family:var(--font-display);letter-spacing:-.03em;text-align:left;text-wrap:balance;-webkit-line-clamp:3;line-clamp:3;transition:translate var(--dur-base) var(--ease-out);-webkit-box-orient:vertical;padding-bottom:.08em;font-size:clamp(1.5rem,9cqi,3.5rem);font-weight:700;line-height:1;display:-webkit-box;overflow:hidden}.gen-cover[data-size=hero] .gen-cover-title{font-size:clamp(2rem,7cqi,5.5rem)}
.pj-card{transition:translate var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out)}.pj-card:hover,.pj-card:focus-visible{border-color:color-mix(in srgb, var(--c) 55%, var(--color-border));box-shadow:0 24px 48px -24px color-mix(in srgb, var(--c) 45%, transparent)}.pj-card-glow{background:radial-gradient(60% 60% at 80% 0%, color-mix(in srgb, var(--c) 22%, transparent), transparent 70%);opacity:0;transition:opacity var(--dur-base) var(--ease-out)}.pj-card:hover .pj-card-glow,.pj-card:focus-visible .pj-card-glow{opacity:1}@media (prefers-reduced-motion:no-preference){.pj-card:hover,.pj-card:focus-visible{translate:0 -4px}.pj-card:hover .gen-cover-title,.pj-card:focus-visible .gen-cover-title{translate:0 -2px}}.pj-bullets>li{padding-left:1.25rem;position:relative}.pj-bullets>li:before{content:"";background:var(--c);width:6px;height:6px;position:absolute;top:.68em;left:0}.pj-prose{counter-reset:pj-section;max-width:68ch;font-size:var(--text-prose);line-height:var(--text-prose--line-height);text-wrap:pretty}.pj-prose>*+*{margin-top:1.1em}.pj-prose h2{counter-increment:pj-section;font-family:var(--font-display);font-weight:650;font-size:var(--text-h3);line-height:var(--text-h3--line-height);letter-spacing:var(--text-h3--letter-spacing);text-wrap:balance;margin-top:2.5em}.pj-prose h2:first-child{margin-top:0}.pj-prose h2:before{content:counter(pj-section, decimal-leading-zero);font-family:var(--font-mono);font-weight:500;font-size:var(--text-label);letter-spacing:var(--text-label--letter-spacing);color:var(--c);margin-bottom:.75rem;line-height:1;display:block}.pj-prose h2+*{margin-top:.75em}.pj-prose h3{font-family:var(--font-display);font-size:1.125rem;font-weight:650}.pj-prose ul,.pj-prose ol{gap:.5em;display:grid}.pj-prose ul>li{padding-left:1.25rem;position:relative}.pj-prose ul>li:before{content:"";background:var(--c);width:6px;height:6px;position:absolute;top:.72em;left:0}.pj-prose ol{padding-left:1.25rem;list-style:decimal}.pj-prose strong{font-weight:600}.pj-prose a{color:var(--color-accent);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, var(--color-accent) 60%, transparent);text-decoration-color:color-mix(in srgb, var(--color-accent) 60%, transparent)}.pj-prose a:hover{-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.pj-prose code{font-family:var(--font-mono);border-radius:calc(var(--radius) - 4px);background:var(--color-surface-2);padding:.1em .35em;font-size:.875em}.pj-prose pre{border-radius:var(--radius);background:var(--color-surface);border:1px solid var(--color-border);padding:1rem;overflow-x:auto}.pj-prose pre code{background:0 0;padding:0}.pj-prose blockquote{border-left:2px solid var(--c);color:var(--color-muted);padding-left:1rem}@media (max-width:47.99rem){.pj-filter-scroll{scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000)}.pj-filter-scroll::-webkit-scrollbar{display:none}}@media (prefers-reduced-motion:no-preference){.pj-thumb img,.pj-thumb video{transition:scale var(--dur-base) var(--ease-out)}.pj-thumb:hover img,.pj-thumb:focus-visible img,.pj-thumb:hover video,.pj-thumb:focus-visible video{scale:1.03}}