figure.svelte-17z8ppr{margin:0;padding:0;position:relative}figure.portrait.svelte-17z8ppr{height:100%}.img.svelte-17z8ppr{position:relative;padding-top:66%}@supports (aspect-ratio: 3 / 2){.img.svelte-17z8ppr{padding-top:0;aspect-ratio:3 / 2}}.img.svelte-17z8ppr{transition:box-shadow .2s var(--ease-out-3)}@media (min-width: 768px){.img.svelte-17z8ppr{--sp-image-position: absolute;--sp-width: 100%;--sp-height: 100%}.portrait.svelte-17z8ppr .img:where(.svelte-17z8ppr){aspect-ratio:auto;height:100%}}.featured.svelte-17z8ppr .img:where(.svelte-17z8ppr){--sp-image-position: static;--sp-height: auto;width:100%;aspect-ratio:unset}button:hover .img.svelte-17z8ppr{box-shadow:var(--shadow-2)}img.svelte-17z8ppr{background:var(--color-secondary-100)}@media (min-width: 768px){img.svelte-17z8ppr{position:absolute;inset:0;width:100%;height:100%;border-radius:var(--rounded)}}.featured.svelte-17z8ppr img:where(.svelte-17z8ppr):not(.placeholder-img){position:static;height:auto;max-height:calc(100vh - var(--scroll-padding-top) - var(--size-8))}img.placeholder-img.svelte-17z8ppr{position:absolute;inset:0;width:100%;height:100%;border-radius:var(--rounded)}figcaption.svelte-17z8ppr{padding:var(--size-2) var(--size-4);text-align:center}@media (hover: none){.portrait.svelte-17z8ppr figcaption:where(.svelte-17z8ppr){display:none}}@media (hover){figcaption.svelte-17z8ppr{position:absolute;bottom:0;width:100%;display:grid;justify-content:center;padding:var(--size-2);opacity:0;transform:translateY(10px);transition:transform .2s var(--ease-out-3),opacity .15s linear}figcaption.svelte-17z8ppr span:where(.svelte-17z8ppr){display:block;padding:var(--size-2);background:hsl(var(--color-surface-parts) / .9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:var(--rounded)}figure.svelte-17z8ppr:hover figcaption:where(.svelte-17z8ppr){opacity:1;transform:translateY(0)}}.grid.svelte-uq48oq{display:grid;grid-auto-flow:dense;align-items:start;grid-gap:var(--size-8);gap:var(--size-8)}@media (min-width: 480px){.grid.svelte-uq48oq{grid-template-columns:repeat(4,1fr);gap:max(var(--size-4),min(2.2vw,var(--size-8)))}.grid.svelte-uq48oq>button:where(.svelte-uq48oq),.grid.svelte-uq48oq>div:where(.svelte-uq48oq){grid-column:span 2}}@media (min-width: 480px) and (max-width: 768px){.grid.md-has-remainer.svelte-uq48oq>button:where(.svelte-uq48oq):last-child,.grid.md-has-remainer.svelte-uq48oq>div:where(.svelte-uq48oq):last-child{grid-column:2 / 4}}@media (min-width: 768px){.grid.svelte-uq48oq{grid-template-columns:repeat(6,1fr)}.grid.lg-has-one-remainer.svelte-uq48oq>button:where(.svelte-uq48oq):last-child,.grid.lg-has-one-remainer.svelte-uq48oq>div:where(.svelte-uq48oq):last-child{grid-column:3 / 5}.grid.lg-has-two-remainers.svelte-uq48oq>button:where(.svelte-uq48oq):last-child,.grid.lg-has-two-remainers.svelte-uq48oq>div:where(.svelte-uq48oq):last-child{grid-column:4 / 6}.grid.lg-has-two-remainers.svelte-uq48oq>button:where(.svelte-uq48oq):nth-last-child(2),.grid.lg-has-two-remainers.svelte-uq48oq>div:where(.svelte-uq48oq):nth-last-child(2){grid-column:2 / 4}}button.svelte-uq48oq{background:transparent;border:none;padding:0;margin:0;cursor:zoom-in}button.portrait.svelte-uq48oq{grid-row:span 2;align-self:stretch}button.featured.svelte-uq48oq{grid-column:1 / -1}button.svelte-uq48oq:focus-visible{outline:2px solid var(--color-secondary-700);outline-offset:4px;border-radius:var(--rounded)}