.head.svelte-1kyxsf3{display:flex;justify-content:space-between;align-items:end;gap:var(--space-xl);flex-wrap:wrap;margin-bottom:var(--space-xxl)}.head.only-arrows.svelte-1kyxsf3{justify-content:flex-end}.arrows.svelte-1kyxsf3{display:flex;gap:var(--space-xs)}.cards.svelte-1kyxsf3{gap:var(--space-md);scroll-snap-type:x mandatory}.cards.rail.svelte-1kyxsf3{display:flex;overflow-x:auto}.cards.grid.svelte-1kyxsf3{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.card.svelte-1kyxsf3{position:relative;flex:none;aspect-ratio:3 / 4;overflow:hidden;border-radius:var(--radius-accent-card);background:var(--color-accent-brown);color:var(--text-inverse);text-decoration:none;scroll-snap-align:start}.rail.svelte-1kyxsf3 .card:where(.svelte-1kyxsf3){width:calc((100% - 3 * var(--space-md)) / 4)}.grid.svelte-1kyxsf3 .card:where(.svelte-1kyxsf3){grid-column:span 2}.grid.svelte-1kyxsf3 .card.wide:where(.svelte-1kyxsf3){grid-column:span 3;aspect-ratio:9 / 8}img.svelte-1kyxsf3{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease-standard)}.card.svelte-1kyxsf3:hover{text-decoration:none;color:var(--text-inverse)}.card.svelte-1kyxsf3:hover img:where(.svelte-1kyxsf3){transform:scale(1.04)}@media(prefers-reduced-motion:reduce){.card.svelte-1kyxsf3:hover img:where(.svelte-1kyxsf3){transform:none}}.shade.svelte-1kyxsf3{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1c1c1c00 35%,#1c1c1ccc);pointer-events:none}.txt.svelte-1kyxsf3{position:absolute;left:0;right:0;bottom:0;padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-xxs);pointer-events:none}.name.svelte-1kyxsf3{font:var(--type-heading-md)}.tag.svelte-1kyxsf3{font:var(--type-body-md)}.meta.svelte-1kyxsf3{font:var(--type-body-sm);margin-top:var(--space-xs);display:flex;align-items:center;gap:6px}@media(max-width:767px){.cards.rail.svelte-1kyxsf3{margin:0 calc(-1 * var(--space-md));padding:0 var(--space-md);scroll-padding-inline:var(--space-md)}.rail.svelte-1kyxsf3 .card:where(.svelte-1kyxsf3){width:78%}.cards.grid.svelte-1kyxsf3{grid-template-columns:minmax(0,1fr)}.grid.svelte-1kyxsf3 .card:where(.svelte-1kyxsf3),.grid.svelte-1kyxsf3 .card.wide:where(.svelte-1kyxsf3){grid-column:auto;aspect-ratio:3 / 4}.head.only-arrows.svelte-1kyxsf3{display:none}}