.hero-page.svelte-1uha8ag{background:var(--bg-void)}.hero-viewport.svelte-1uha8ag{position:relative;width:100%;height:100vh;overflow:hidden;background:#000}.render-canvas.svelte-1uha8ag{display:none}.hero-layer.svelte-1uha8ag{position:absolute;top:5vh;right:4vw;bottom:14vh;left:4vw;background-size:contain;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity 1.2s ease-in-out}.hero-layer.visible.svelte-1uha8ag{opacity:1}.hero-layer.fading.svelte-1uha8ag{opacity:0}.hero-click-target.svelte-1uha8ag{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;cursor:pointer}.hero-overlay.svelte-1uha8ag{position:absolute;bottom:var(--space-xl);left:var(--space-xl);z-index:10;mix-blend-mode:difference;color:#fff;pointer-events:none}.hero-title.svelte-1uha8ag{font-size:var(--text-2xl);line-height:1;margin:0;letter-spacing:-.02em}.hero-subtitle.svelte-1uha8ag{font-size:var(--text-sm);margin:var(--space-sm) 0 0 0;opacity:.7}.hero-info.svelte-1uha8ag{position:absolute;bottom:var(--space-xl);right:var(--space-xl);z-index:10;text-align:right;mix-blend-mode:difference;color:#fff;transition:opacity 1.2s ease-in-out;pointer-events:none}.hero-info.fading.svelte-1uha8ag{opacity:0}.hero-info-id.svelte-1uha8ag{font-size:var(--text-sm);opacity:.5;margin:0 0 var(--space-xs) 0;text-align:right}.hero-info-table.svelte-1uha8ag{border-collapse:collapse;font-size:var(--text-xs)}.hero-info-table.svelte-1uha8ag th:where(.svelte-1uha8ag){font-weight:400;opacity:.25;text-align:right;padding:0 0 2px var(--space-sm);white-space:nowrap}.hero-info-table.svelte-1uha8ag th:where(.svelte-1uha8ag):first-child{padding-left:0}.hero-info-table.svelte-1uha8ag td:where(.svelte-1uha8ag){text-align:right;padding:1px 0 1px var(--space-sm);opacity:.4;white-space:nowrap}.hero-info-table.svelte-1uha8ag td:where(.svelte-1uha8ag):first-child{padding-left:0;opacity:1}.hero-info-row.svelte-1uha8ag{opacity:0;animation:svelte-1uha8ag-layerIn .4s ease-out forwards}.hero-info-color.svelte-1uha8ag{display:inline-block;width:8px;height:8px;border-radius:1px;vertical-align:middle}@keyframes svelte-1uha8ag-layerIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.hero-nav.svelte-1uha8ag{position:absolute;bottom:var(--space-lg);left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:var(--space-sm);color:#ffffff80}.hero-nav-btn.svelte-1uha8ag{background:none;border:none;color:inherit;cursor:pointer;padding:var(--space-xs);opacity:.5;transition:opacity .15s}.hero-nav-btn.svelte-1uha8ag:hover:not(:disabled){opacity:1}.hero-nav-btn.svelte-1uha8ag:disabled{opacity:.2;cursor:default}.hero-nav-pos.svelte-1uha8ag{font-size:var(--text-xs);opacity:.4;min-width:3em;text-align:center}.scroll-hint.svelte-1uha8ag{position:absolute;bottom:var(--space-lg);left:50%;transform:translate(-50%);color:#ffffff4d;animation:svelte-1uha8ag-scrollPulse 2s ease-in-out infinite;z-index:10}@keyframes svelte-1uha8ag-scrollPulse{0%,to{opacity:.3;transform:translate(-50%) translateY(0)}50%{opacity:.6;transform:translate(-50%) translateY(4px)}}.explore-section.svelte-1uha8ag{padding:var(--space-2xl) var(--space-xl);display:flex;flex-direction:column;align-items:center;gap:var(--space-xl)}.sample-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;max-width:512px;width:100%}.sample-tile.svelte-1uha8ag{aspect-ratio:1;overflow:hidden;opacity:0;animation:svelte-1uha8ag-tileIn .3s ease-out forwards}.sample-tile.svelte-1uha8ag img:where(.svelte-1uha8ag){width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}@keyframes svelte-1uha8ag-tileIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.explore-link.svelte-1uha8ag{color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);padding:var(--space-sm) var(--space-md);border:1px solid var(--border-default);transition:color .15s,border-color .15s}.explore-link.svelte-1uha8ag:hover{color:var(--accent);border-color:var(--border-focus)}@media(max-width:768px){.hero-title.svelte-1uha8ag{font-size:var(--text-xl)}.hero-overlay.svelte-1uha8ag{bottom:var(--space-lg);left:var(--space-lg)}.hero-info.svelte-1uha8ag{bottom:var(--space-lg);right:var(--space-lg)}.hero-nav.svelte-1uha8ag{bottom:var(--space-md)}.sample-grid.svelte-1uha8ag{max-width:100%}.explore-section.svelte-1uha8ag{padding:var(--space-xl) var(--space-md)}}