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