header.svelte-2yb71c{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(50vh - 100px);gap:20px;background-color:var(--grey);border-radius:15px;padding:40px}header.svelte-2yb71c h1:where(.svelte-2yb71c){display:flex;align-items:center;justify-content:center;color:var(--red);font-size:max(24px,32px + 2.5vw);filter:brightness(1.4)}header.svelte-2yb71c p:where(.svelte-2yb71c){line-height:1.2;font-size:max(12px,16px + 1vw);width:min(100%,1000px);text-align:center}.accent.svelte-2yb71c{color:var(--red);filter:brightness(1.4)}@media (max-width: 600px){header.svelte-2yb71c{gap:10px;padding:20px}}.card.svelte-1pb4dm2{position:relative;display:block;border-radius:15px;overflow:hidden;aspect-ratio:16 / 9;background-color:var(--grey);text-decoration:none;color:var(--white)}img.svelte-1pb4dm2,.placeholder.svelte-1pb4dm2{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .4s ease}.placeholder.svelte-1pb4dm2{background:linear-gradient(135deg,var(--grey) 0%,#2a2a2a 100%)}.card.svelte-1pb4dm2:hover img:where(.svelte-1pb4dm2){transform:scale(1.05)}.overlay.svelte-1pb4dm2{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.82) 0%,rgba(0,0,0,.15) 55%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:18px 20px;gap:6px}h2.svelte-1pb4dm2{font-size:max(15px,11px + .5vw);line-height:1.15}p.svelte-1pb4dm2{font-size:max(12px,9px + .3vw);font-weight:400;opacity:.85;line-height:1.4;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:0;opacity:0;transition:max-height .3s ease,opacity .25s ease}.card.svelte-1pb4dm2:hover p:where(.svelte-1pb4dm2){max-height:4em;opacity:.85}.container.svelte-a0jm25{min-height:calc(100svh - 200px);display:flex;flex-direction:column;gap:40px}@media (max-width: 600px){.container.svelte-a0jm25{min-height:calc(100svh - 140px);padding-top:15px;gap:20px}}.cards.svelte-a0jm25{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 900px){.cards.svelte-a0jm25{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.cards.svelte-a0jm25{grid-template-columns:1fr}}
