.showcase:where(.astro-dgw3klfp){--row-height:11rem}@media (width>=50rem){.showcase:where(.astro-dgw3klfp){--row-height:16rem}}.grid:where(.astro-dgw3klfp){flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex;&:after{content:"";flex-grow:1000000}}.tile:where(.astro-dgw3klfp){flex:var(--ratio) 1 calc(var(--ratio) * var(--row-height));min-width:0}.tile:where(.astro-dgw3klfp) a:where(.astro-dgw3klfp){border-radius:var(--docs-radius-container);background-color:var(--docs-surface);color:var(--docs-text-strong);text-decoration:none;display:block;position:relative;overflow:hidden}.tile:where(.astro-dgw3klfp) img:where(.astro-dgw3klfp){width:100%;height:auto;aspect-ratio:var(--ratio);display:block}.caption:where(.astro-dgw3klfp){background:linear-gradient(transparent, color-mix(in oklab, var(--docs-bg) 92%, transparent));opacity:0;flex-direction:column;gap:.125rem;padding:2rem .75rem .625rem;font-size:.8125rem;line-height:1.35;transition:opacity .15s;display:flex;position:absolute;inset:auto 0 0}.tile:where(.astro-dgw3klfp) a:where(.astro-dgw3klfp):hover .caption:where(.astro-dgw3klfp),.tile:where(.astro-dgw3klfp) a:where(.astro-dgw3klfp):focus-visible .caption:where(.astro-dgw3klfp){opacity:1}@media (hover:none){.caption:where(.astro-dgw3klfp){opacity:1}}@media (prefers-reduced-motion:reduce){.caption:where(.astro-dgw3klfp){transition:none}}.caption__title:where(.astro-dgw3klfp){font-weight:600}.caption__meta:where(.astro-dgw3klfp){color:var(--docs-text-muted)}.lightbox:where(.astro-dgw3klfp){border:1px solid var(--docs-border);border-radius:var(--docs-radius-container);background-color:var(--docs-surface);width:min(96vw,100rem);max-width:none;height:fit-content;max-height:92dvh;color:var(--docs-text);box-shadow:var(--docs-shadow-popup);margin:auto;padding:0;position:fixed;inset:0;&::backdrop{background-color:color-mix(in oklab, var(--docs-bg) 85%, transparent)}}.lightbox__frame:where(.astro-dgw3klfp){flex-direction:column;gap:.75rem;padding:.75rem;display:flex}.lightbox__toolbar:where(.astro-dgw3klfp){justify-content:space-between;align-items:center;gap:1rem;display:flex}.lightbox__counter:where(.astro-dgw3klfp){color:var(--docs-text-subtle);font-size:var(--sl-text-xs);font-variant-numeric:tabular-nums;margin:0}.lightbox__buttons:where(.astro-dgw3klfp){gap:.25rem;display:flex}.artwork:where(.astro-dgw3klfp){flex-direction:column;gap:1rem;margin:0;display:flex}.artwork__image:where(.astro-dgw3klfp) img:where(.astro-dgw3klfp){object-fit:contain;border-radius:var(--docs-radius);width:auto;max-width:100%;height:auto;max-height:calc(92dvh - 10rem);margin-inline:auto;display:block}@media (width<=49.99rem){.artwork__image:where(.astro-dgw3klfp) img:where(.astro-dgw3klfp){max-height:calc(92dvh - 13rem)}}.credit:where(.astro-dgw3klfp){flex-wrap:wrap;align-items:baseline;gap:.25rem 1.5rem;padding:0 .25rem .25rem;display:flex;& h2{color:var(--docs-text-strong);margin:0;font-size:1.125rem;font-weight:600}& a{color:var(--docs-accent);&:hover{color:var(--docs-accent-text)}}}.credit__artist:where(.astro-dgw3klfp){color:var(--docs-text-muted);margin:0}.credit:where(.astro-dgw3klfp) dl:where(.astro-dgw3klfp){font-size:var(--sl-text-sm);flex-wrap:wrap;gap:.25rem 1.25rem;margin:0;display:flex;& div{gap:.375rem;display:flex}& dt{color:var(--docs-text-subtle)}& dd{color:var(--docs-text);margin:0}}.wide:where(.astro-6felt6qx){--wide-width:min(100vw - 2 * var(--sl-content-pad-x), 90rem);width:var(--wide-width);margin-inline:calc((100% - var(--wide-width)) / 2)}.challenge:where(.astro-6felt6qx){border-bottom:1px solid var(--docs-border-subtle);flex-direction:column;gap:1.5rem;padding-bottom:clamp(2.5rem,1.5rem + 3vw,4rem);display:flex}.challenge__top:where(.astro-6felt6qx){flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem 2rem;display:flex}.challenge__heading:where(.astro-6felt6qx){flex-direction:column;gap:.5rem;max-width:44rem;display:flex;& p{margin:0}& h2{color:var(--docs-text-strong);letter-spacing:-.025em;margin:0;font-size:clamp(1.75rem,1.35rem + 1.6vw,2.25rem);font-weight:700;line-height:1.15}}.eyebrow:where(.astro-6felt6qx){color:var(--docs-accent);font-size:.8125rem;font-weight:600}.challenge__brief:where(.astro-6felt6qx){color:var(--docs-text-muted)}.challenge__meta:where(.astro-6felt6qx){color:var(--docs-text-subtle);font-size:var(--sl-text-sm);flex-wrap:wrap;gap:.25rem 1rem;display:flex;& a{color:var(--docs-accent);align-items:center;gap:.25rem;text-decoration:none;display:inline-flex;&:hover{color:var(--docs-accent-text)}}}.challenge__links:where(.astro-6felt6qx){flex-wrap:wrap;gap:.5rem;display:flex}.grid-heading:where(.astro-6felt6qx){color:var(--docs-text-strong);letter-spacing:-.02em;margin-top:clamp(2.5rem,1.5rem + 3vw,4rem);margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.challenge:where(.astro-6felt6qx)+.empty:where(.astro-6felt6qx){margin-top:clamp(2.5rem,1.5rem + 3vw,4rem)}.empty:where(.astro-6felt6qx){border:1px solid var(--docs-border);border-radius:var(--docs-radius-container);background-color:var(--docs-surface);text-align:center;flex-direction:column;align-items:center;gap:1rem;max-width:36rem;margin-inline:auto;padding:clamp(1.5rem,1rem + 3vw,3rem);display:flex;& h2{color:var(--docs-text-strong);letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}& p{color:var(--docs-text-muted);margin:0}}