.catalog:where(.astro-3ra4kizv){--cat-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--cat-display: "Syne", var(--font-primary), system-ui, sans-serif;margin-top:.15rem}.catalog__head:where(.astro-3ra4kizv){margin-bottom:1.35rem;padding-bottom:1.15rem;border-bottom:1px solid var(--sl-color-hairline)}.catalog__kicker:where(.astro-3ra4kizv){margin:0 0 .5rem;font-size:var(--sl-text-body);font-weight:400;letter-spacing:normal;text-transform:none;color:var(--sl-color-white)}.catalog__lead:where(.astro-3ra4kizv){margin:0;max-width:none;font-size:var(--sl-text-body);font-weight:400;letter-spacing:normal;line-height:var(--sl-line-height);color:var(--sl-color-gray-2)}.catalog__meta:where(.astro-3ra4kizv){margin:.7rem 0 0;font-size:var(--sl-text-sm, .875rem);letter-spacing:normal;text-transform:none;color:var(--sl-color-gray-3)}.catalog__grid:where(.astro-3ra4kizv){display:grid;grid-template-columns:1fr;gap:.85rem}.sleeve:where(.astro-3ra4kizv){--sleeve-cut: 16px;position:relative;display:flex;flex-direction:column;min-height:13.5rem;padding:1.15rem 1.15rem 1rem 1.35rem;overflow:hidden;text-decoration:none;color:#f4f7f5;background:transparent;border:none;clip-path:polygon(var(--sleeve-cut) 0,calc(100% - var(--sleeve-cut)) 0,100% var(--sleeve-cut),100% calc(100% - var(--sleeve-cut)),calc(100% - var(--sleeve-cut)) 100%,var(--sleeve-cut) 100%,0 calc(100% - var(--sleeve-cut)),0 var(--sleeve-cut));transform:translateZ(0);transition:transform .28s ease,filter .28s ease;animation:sleeve-in .45s ease both;animation-delay:calc(var(--sleeve-i) * 60ms)}.sleeve__edge:where(.astro-3ra4kizv){position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 90% 70% at 100% 0%,color-mix(in srgb,var(--sleeve-accent) 22%,transparent),transparent 58%),linear-gradient(165deg,#14181c,#0b0f13 62%,#101418);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sleeve-accent) 28%,#2a3036)}.sleeve__frame:where(.astro-3ra4kizv){position:absolute;inset:.55rem .6rem;z-index:1;pointer-events:none}.sleeve__frame:where(.astro-3ra4kizv) i:where(.astro-3ra4kizv){position:absolute;width:.7rem;height:.7rem;border-color:color-mix(in srgb,var(--sleeve-accent) 70%,#fff);border-style:solid;opacity:.75}.sleeve__frame:where(.astro-3ra4kizv) i:where(.astro-3ra4kizv):nth-child(1){top:0;left:0;border-width:1px 0 0 1px}.sleeve__frame:where(.astro-3ra4kizv) i:where(.astro-3ra4kizv):nth-child(2){top:0;right:0;border-width:1px 1px 0 0}.sleeve__frame:where(.astro-3ra4kizv) i:where(.astro-3ra4kizv):nth-child(3){bottom:0;left:0;border-width:0 0 1px 1px}.sleeve__frame:where(.astro-3ra4kizv) i:where(.astro-3ra4kizv):nth-child(4){bottom:0;right:0;border-width:0 1px 1px 0}.sleeve__spine:where(.astro-3ra4kizv){position:absolute;left:0;top:var(--sleeve-cut);bottom:var(--sleeve-cut);width:7px;background:var(--sleeve-accent);opacity:.85;z-index:1}.sleeve__idx:where(.astro-3ra4kizv){position:absolute;right:.55rem;top:.35rem;font-family:var(--cat-display);font-size:4.6rem;font-weight:800;line-height:.8;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--sleeve-accent) 38%,transparent);pointer-events:none;user-select:none}.sleeve__code:where(.astro-3ra4kizv){position:relative;z-index:1;align-self:flex-start;margin-bottom:auto;padding:.18rem .45rem;border:1px solid color-mix(in srgb,var(--sleeve-accent) 45%,transparent);font-family:var(--cat-mono);font-size:.625rem;letter-spacing:.16em;text-transform:uppercase;color:var(--sleeve-accent)}.sleeve__title:where(.astro-3ra4kizv){position:relative;z-index:1;margin-top:1.6rem;font-family:var(--cat-display);font-size:clamp(1.2rem,2.4vw,1.45rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;color:#f4f7f5}.sleeve__blurb:where(.astro-3ra4kizv){position:relative;z-index:1;margin-top:.4rem;max-width:28ch;font-size:.84rem;line-height:1.45;color:#f4f7f59e}.sleeve__foot:where(.astro-3ra4kizv){position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1.05rem;font-family:var(--cat-mono);font-size:.625rem;letter-spacing:.14em;text-transform:uppercase;color:#f4f7f573}.sleeve__go:where(.astro-3ra4kizv){display:inline-flex;align-items:center;gap:.3rem;color:var(--sleeve-accent)}.sleeve__go:where(.astro-3ra4kizv) i:where(.astro-3ra4kizv){font-style:normal;transition:transform .25s ease}@media(min-width:720px){.catalog__grid:where(.astro-3ra4kizv){grid-template-columns:1fr 1fr;gap:1rem;padding-bottom:1.1rem}.sleeve--02:where(.astro-3ra4kizv),.sleeve--04:where(.astro-3ra4kizv){transform:translate3d(0,1.1rem,0)}}@media(hover:hover)and (pointer:fine){.sleeve:where(.astro-3ra4kizv):hover,.sleeve:where(.astro-3ra4kizv):focus-visible{filter:brightness(1.06);transform:translate3d(0,-4px,0);outline:none}.sleeve:where(.astro-3ra4kizv):hover .sleeve__frame:where(.astro-3ra4kizv) i:where(.astro-3ra4kizv),.sleeve:where(.astro-3ra4kizv):focus-visible .sleeve__frame:where(.astro-3ra4kizv) i:where(.astro-3ra4kizv){opacity:1}.sleeve:where(.astro-3ra4kizv):hover .sleeve__go:where(.astro-3ra4kizv) i:where(.astro-3ra4kizv),.sleeve:where(.astro-3ra4kizv):focus-visible .sleeve__go:where(.astro-3ra4kizv) i:where(.astro-3ra4kizv){transform:translate(3px,-3px)}.sleeve:where(.astro-3ra4kizv):hover .sleeve__idx:where(.astro-3ra4kizv),.sleeve:where(.astro-3ra4kizv):focus-visible .sleeve__idx:where(.astro-3ra4kizv){color:color-mix(in srgb,var(--sleeve-accent) 12%,transparent);-webkit-text-stroke-color:var(--sleeve-accent)}}@media(min-width:720px)and (hover:hover)and (pointer:fine){.sleeve--02:where(.astro-3ra4kizv):hover,.sleeve--04:where(.astro-3ra4kizv):hover,.sleeve--02:where(.astro-3ra4kizv):focus-visible,.sleeve--04:where(.astro-3ra4kizv):focus-visible{transform:translate3d(0,.55rem,0)}}@keyframes sleeve-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.sleeve:where(.astro-3ra4kizv){animation:none}.sleeve:where(.astro-3ra4kizv),.sleeve__go:where(.astro-3ra4kizv) i:where(.astro-3ra4kizv){transition:none}.sleeve:where(.astro-3ra4kizv):hover,.sleeve:where(.astro-3ra4kizv):focus-visible,.sleeve--02:where(.astro-3ra4kizv),.sleeve--04:where(.astro-3ra4kizv),.sleeve--02:where(.astro-3ra4kizv):hover,.sleeve--04:where(.astro-3ra4kizv):hover{transform:none}}html.low-power .sleeve:where(.astro-3ra4kizv){animation:none}html.low-power .sleeve--02:where(.astro-3ra4kizv),html.low-power .sleeve--04:where(.astro-3ra4kizv){transform:none}