.works-page.svelte-12legpx{margin-bottom:var(--section-gap)}.section-header.svelte-12legpx{display:flex;align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-xl);padding-bottom:var(--space-sm);border-bottom:var(--border-width) solid var(--border-color)}.section-marker.svelte-12legpx{color:var(--color-accent);font-size:var(--font-size-sm)}.section-title.svelte-12legpx{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:600;letter-spacing:var(--letter-spacing-wider);color:var(--color-text);margin:0}.section-meta.svelte-12legpx{font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--color-text-subtle);margin-left:auto}.projects-grid.svelte-12legpx{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}@media(min-width:768px){.projects-grid.svelte-12legpx{grid-template-columns:repeat(2,1fr)}}.project-card.svelte-12legpx{display:flex;flex-direction:column;gap:var(--space-sm);transition:transform var(--duration-normal) var(--easing)}@media(min-width:768px){.project-card.svelte-12legpx:hover{transform:translateY(-2px)}}.project-embed.svelte-12legpx{position:relative;aspect-ratio:16 / 10;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color);background:var(--color-surface);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) var(--easing)}.project-card.svelte-12legpx:hover .project-embed:where(.svelte-12legpx){box-shadow:var(--shadow-md)}.project-embed.svelte-12legpx iframe:where(.svelte-12legpx){position:absolute;top:0;left:0;width:100%;height:100%;border:none;pointer-events:none}.preview-link.svelte-12legpx{position:absolute;inset:0;display:block}.preview-image.svelte-12legpx{width:100%;height:100%;object-fit:cover;object-position:center top}.project-overlay.svelte-12legpx{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000;transition:background var(--duration-normal) var(--easing);text-decoration:none;z-index:2}.overlay-cta.svelte-12legpx{font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:500;color:#fff;background:#000000b3;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);opacity:0;transform:translateY(4px);transition:opacity var(--duration-normal) var(--easing),transform var(--duration-normal) var(--easing)}.project-overlay.svelte-12legpx:hover{background:#00000026}.project-overlay.svelte-12legpx:hover .overlay-cta:where(.svelte-12legpx){opacity:1;transform:translateY(0)}.skeleton.svelte-12legpx{position:absolute;inset:0;background:var(--color-bg-alt);z-index:1}.skeleton-shimmer.svelte-12legpx{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--color-surface) 50%,transparent 100%);background-size:200% 100%;animation:svelte-12legpx-shimmer 1.8s ease-in-out infinite}@keyframes svelte-12legpx-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.project-embed.loaded.svelte-12legpx .skeleton:where(.svelte-12legpx){opacity:0;pointer-events:none;transition:opacity var(--duration-slow) var(--easing)}.project-meta.svelte-12legpx{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm);padding:0 var(--space-xs)}.project-title.svelte-12legpx{font-size:var(--font-size-sm);font-weight:450;color:var(--color-text)}.project-category.svelte-12legpx{font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--color-text-subtle);text-transform:lowercase}