.sy-cases:where(.astro-dlfent3g){background:rgb(var(--rgb-brand-3),.35);padding:5.5rem 0;position:relative}.gl-ghost:where(.astro-dlfent3g){--s:16rem;pointer-events:none;width:16rem;height:16rem;position:absolute;top:5rem;right:4rem}@media only screen and (width<=987px){.gl-ghost:where(.astro-dlfent3g){display:none}}.title:where(.astro-dlfent3g){--fs:2.8rem;--lh:1.1;max-width:18em;margin:0 auto}.subtitle:where(.astro-dlfent3g),.title:where(.astro-dlfent3g){text-align:center}.subtitle:where(.astro-dlfent3g){max-width:30em;color:var(--color-text-alt);margin:1.25rem auto 0}.group:where(.astro-dlfent3g){margin-top:4rem}.group-name:where(.astro-dlfent3g){--fs:1.5rem;color:var(--color-text);align-items:center;gap:1rem;display:flex}.group-name:where(.astro-dlfent3g):after{content:"";background:rgb(var(--rgb-brand-1),.25);flex:1;height:1px}.grid:where(.astro-dlfent3g){grid-gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:1.75rem;display:grid}@media only screen and (width<=987px){.grid:where(.astro-dlfent3g){grid-template-columns:1fr}}.card:where(.astro-dlfent3g){background:rgb(var(--rgb-white));border:1px solid rgb(var(--rgb-brand-1),.14);transition:transform .35s var(--ease-out-expo),box-shadow .35s var(--ease-out-expo);border-radius:1.5rem;overflow:hidden}.card:where(.astro-dlfent3g):hover{box-shadow:0 1.25rem 2.5rem rgb(var(--rgb-brand-1),.18);transform:translateY(-.4rem)}.card:where(.astro-dlfent3g):hover .play:where(.astro-dlfent3g){transform:translate(-50%,-50%)scale(1.12)}.card:where(.astro-dlfent3g):has(.poster-btn:focus-visible){border-color:rgb(var(--rgb-brand-1),.6)}.poster-btn:where(.astro-dlfent3g){cursor:pointer;background:#111;border:none;width:100%;padding:0;display:block;position:relative}.poster-btn:where(.astro-dlfent3g) img:where(.astro-dlfent3g){aspect-ratio:4/5;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:auto;display:block}.poster-btn:where(.astro-dlfent3g):focus-visible{outline:3px solid rgb(var(--rgb-brand-1));outline-offset:-3px}.play:where(.astro-dlfent3g){background:rgb(var(--rgb-brand-1));width:3.75rem;height:3.75rem;color:rgb(var(--rgb-white));box-shadow:0 0 0 8px rgb(var(--rgb-brand-1),.25);transition:transform .3s var(--ease-out-expo);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.meta:where(.astro-dlfent3g){padding:1.5rem 1.5rem 1.75rem}.tags:where(.astro-dlfent3g){flex-wrap:wrap;gap:.4rem;display:flex}.chip:where(.astro-dlfent3g){--fs:var(--font-size-xs);background:rgb(var(--rgb-brand-3));white-space:nowrap;border-radius:999px;padding:.25rem .65rem;font-weight:600}.card-name:where(.astro-dlfent3g){--fs:1.35rem;margin-top:.85rem}.card-story:where(.astro-dlfent3g){--fs:var(--font-size-sm);color:var(--color-text-alt);margin-top:.5rem}.stats:where(.astro-dlfent3g){flex-wrap:wrap;gap:1.5rem;margin:1.25rem 0 0;display:flex}.stat:where(.astro-dlfent3g){flex-direction:column;display:flex}.stat:where(.astro-dlfent3g) dt:where(.astro-dlfent3g){--fs:var(--font-size-xs);color:var(--color-text-alt);order:2;margin-top:.15rem}.stat:where(.astro-dlfent3g) dd:where(.astro-dlfent3g){color:rgb(var(--rgb-brand-1));font-feature-settings:"tnum";font-variant-numeric:tabular-nums;order:1;margin:0;font-size:1.4rem;font-weight:600}.case-modal:where(.astro-dlfent3g){z-index:100;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.case-modal:where(.astro-dlfent3g)[hidden]{display:none}.modal-mask:where(.astro-dlfent3g){backdrop-filter:blur(6px);background:#0f0a23d1;position:absolute;inset:0}.modal-body:where(.astro-dlfent3g){z-index:1;flex-direction:column;gap:.75rem;width:min(26rem,92vw);display:flex;position:relative}.modal-name:where(.astro-dlfent3g){--fs:var(--font-size-md);color:rgb(var(--rgb-white));text-align:center;font-weight:600}video:where(.astro-dlfent3g){background:#000;border-radius:1rem;width:100%;max-height:78vh}.modal-close:where(.astro-dlfent3g){--fs:var(--font-size-sm);color:rgb(var(--rgb-white),.85);cursor:pointer;background:0 0;border:none;align-self:center;padding:.4rem .8rem}.modal-close:where(.astro-dlfent3g):hover{color:rgb(var(--rgb-white))}
