.spot-card.svelte-1op5hpy{display:block;position:relative;aspect-ratio:16 / 9;border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:all .3s ease;box-shadow:var(--shadow-md)}.spot-card.svelte-1op5hpy:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.spot-card.svelte-1op5hpy:active{transform:translateY(-2px)}.media-container.svelte-1op5hpy{width:100%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:flex-end}.card-video.svelte-1op5hpy{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease;z-index:1}.card-video.playing.svelte-1op5hpy{opacity:1}.card-image.svelte-1op5hpy{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#d4a574,#c89666,#b88860);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0}.gradient-scrim.svelte-1op5hpy{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000,#0000004d,#000c);z-index:2}.card-content.svelte-1op5hpy{position:relative;z-index:3;padding:var(--space-5);color:#fff}.card-header.svelte-1op5hpy{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.spot-name.svelte-1op5hpy{font-size:var(--text-2xl);font-weight:700;margin:0;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);flex:1}.badges.svelte-1op5hpy{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.era-indicator.svelte-1op5hpy{display:inline-block;padding:var(--space-1) var(--space-3);background:#5f9ea04d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;font-size:var(--text-xs);font-weight:600;white-space:nowrap;border:1px solid rgba(95,158,160,.5);color:#fff}.era-badge.svelte-1op5hpy{display:inline-block;padding:var(--space-1) var(--space-3);background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;font-size:var(--text-xs);font-weight:600;white-space:nowrap;border:1px solid rgba(255,255,255,.3)}.spot-description.svelte-1op5hpy{margin:0;font-size:var(--text-sm);line-height:1.5;color:#fffffff2;text-shadow:0 1px 2px rgba(0,0,0,.5);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(min-width:1024px){.card-content.svelte-1op5hpy{padding:var(--space-6)}.spot-name.svelte-1op5hpy{font-size:1.75rem}.spot-description.svelte-1op5hpy{font-size:var(--text-base);-webkit-line-clamp:3}}.page.svelte-1uha8ag{min-height:100vh;background-color:var(--color-background);color:var(--color-text);font-family:var(--font-family);padding:var(--space-6) 0;padding-bottom:100px}.hero.svelte-1uha8ag{text-align:center;margin-bottom:var(--space-7);padding:var(--space-6) 0}.title.svelte-1uha8ag{font-size:3rem;font-weight:800;margin:0 0 var(--space-4);color:var(--color-text)}.tagline.svelte-1uha8ag{font-size:var(--text-lg);color:var(--color-text-light);margin:0;font-weight:400}.spots-container.svelte-1uha8ag{max-width:1200px;margin:0 auto}.category-section.svelte-1uha8ag{margin-bottom:var(--space-8)}.category-section.svelte-1uha8ag:last-child{margin-bottom:0}.category-title.svelte-1uha8ag{font-size:var(--text-xl);font-weight:700;color:var(--color-secondary);margin:0 0 var(--space-5);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-border)}.spots-grid.svelte-1uha8ag{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media(min-width:640px){.spots-grid.svelte-1uha8ag{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.title.svelte-1uha8ag{font-size:4rem}.tagline.svelte-1uha8ag{font-size:var(--text-xl)}.category-title.svelte-1uha8ag{font-size:var(--text-2xl)}.spots-grid.svelte-1uha8ag{gap:var(--space-6)}}