@layer components{.c-hub{padding-top:13px;padding-bottom:2rem}.c-hub_intro{margin-bottom:32px}.c-hub_description{color:var(--color-secondary);text-wrap:pretty;font-size:14px;line-height:1.5}.c-hub_grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.c-hub_card{aspect-ratio:1;background:#0b0b0b;border:1px solid #ffffff24;position:relative}.c-hub_experiment{display:block;position:absolute;inset:0;overflow:hidden}.c-hub_experiment .c-media-fade{position:absolute;inset:0}.c-hub_experiment img{object-fit:cover;object-position:50% 50%;width:100%;height:100%;position:absolute;inset:0}.c-hub_experiment:after{content:"";pointer-events:none;background:linear-gradient(#0005,#0000 35%,#0002 55%,#000d);position:absolute;inset:0}.c-hub_experiment:focus-visible:after{border:2px solid var(--color-accent)}.c-hub_number{z-index:1;font-family:var(--font-geist-mono);color:#fffd;font-size:.6875rem;position:absolute;top:1.25rem;left:1.25rem}.c-hub_open{z-index:1;color:#fffc;font-size:1.1rem;position:absolute;top:1rem;right:1.25rem}.c-hub_caption{z-index:1;position:absolute;bottom:1.25rem;left:1.25rem;right:1.25rem}.c-hub_name{letter-spacing:-.025em;color:#fff;font-size:1.1rem;font-weight:500;display:block}.c-hub_kind{color:#ccc;margin-top:.4rem;font-size:.625rem;display:block}@media (min-width:768px){.c-hub_grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}}@media (max-width:767px){.c-hub_caption{bottom:.8rem;left:.8rem;right:.8rem}.c-hub_name{font-size:.85rem}.c-hub_kind{font-size:.5625rem}.c-hub_number{top:.8rem;left:.8rem}.c-hub_open{top:.6rem;right:.8rem}}}