.project-page.svelte-1l34w5k{max-width:800px;margin:0 auto;padding:3rem 2rem 4rem}.page-header.svelte-1l34w5k{margin-bottom:2rem}.back-link.svelte-1l34w5k{display:inline-flex;align-items:center;gap:.35rem;font-size:.9rem;opacity:.8;transition:opacity .2s ease}.back-link.svelte-1l34w5k:hover{opacity:1}.project.svelte-1l34w5k{animation:svelte-1l34w5k-fadeIn .4s ease-out}@keyframes svelte-1l34w5k-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.project-header.svelte-1l34w5k{margin-bottom:1.5rem}.project-title.svelte-1l34w5k{font-family:Rye,serif;font-size:1.75rem;font-weight:400;letter-spacing:.02em;line-height:1.3}.site-preview.svelte-1l34w5k{position:relative;aspect-ratio:16 / 9;border-radius:.75rem;overflow:hidden;border:1px solid rgba(237,234,224,.15);margin-bottom:1.5rem;background:#edeae00a}.site-preview.svelte-1l34w5k iframe:where(.svelte-1l34w5k){width:100%;height:100%;border:none;pointer-events:none;display:block}.site-preview-overlay.svelte-1l34w5k{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:transparent;text-decoration:none;color:#fff;transition:background .25s ease}.site-preview-overlay.svelte-1l34w5k:hover{background:#00000073;text-decoration:none}.site-preview-cta.svelte-1l34w5k{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.3rem;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:.5rem;font-size:.95rem;font-weight:500;opacity:0;transform:translateY(4px);transition:opacity .25s ease,transform .25s ease}.site-preview-overlay.svelte-1l34w5k:hover .site-preview-cta:where(.svelte-1l34w5k){opacity:1;transform:translateY(0)}.project-media.svelte-1l34w5k{margin:1.5rem 0;border-radius:.75rem;overflow:hidden}.project-media.multiple.svelte-1l34w5k{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.media-item.svelte-1l34w5k{position:relative;border-radius:.75rem;overflow:hidden;background:#edeae00f}.media-placeholder.svelte-1l34w5k{position:absolute;inset:0;background:linear-gradient(90deg,#edeae00d 25%,#edeae01f,#edeae00d 75%);background-size:200% 100%;animation:svelte-1l34w5k-shimmer 1.5s ease-in-out infinite}.media-item.svelte-1l34w5k img:where(.svelte-1l34w5k){position:relative;width:100%;height:auto;display:block;border-radius:.75rem;opacity:0;transition:opacity .3s ease}.media-item.svelte-1l34w5k img.loaded{opacity:1}.media-item.svelte-1l34w5k video:where(.svelte-1l34w5k){position:relative;width:100%;height:auto;display:block;border-radius:.75rem;background:#000}.media-clickable.svelte-1l34w5k{cursor:pointer}.media-expand-btn.svelte-1l34w5k{position:absolute;top:.5rem;right:.5rem;z-index:2;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.15);border-radius:.35rem;color:#fff;cursor:pointer;opacity:0;transition:opacity .2s ease,background .2s ease}.media-item.svelte-1l34w5k:hover .media-expand-btn:where(.svelte-1l34w5k){opacity:1}.media-expand-btn.svelte-1l34w5k:hover{background:#000000bf}.project-body.svelte-1l34w5k{font-size:1.1rem;line-height:1.8}.project-body.svelte-1l34w5k p{margin-bottom:1rem}.project-body.svelte-1l34w5k p:last-child{margin-bottom:0}.project-body.svelte-1l34w5k a{color:inherit;text-decoration:underline;text-decoration-color:#edeae080;text-underline-offset:2px}.project-body.svelte-1l34w5k a:hover{text-decoration-color:currentColor}@keyframes svelte-1l34w5k-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-project.svelte-1l34w5k{animation:none}.skeleton-line.svelte-1l34w5k{display:block;height:.85rem;border-radius:.25rem;background:linear-gradient(90deg,#edeae00d 25%,#edeae01f,#edeae00d 75%);background-size:200% 100%;animation:svelte-1l34w5k-shimmer 1.5s ease-in-out infinite}.skeleton-media-block.svelte-1l34w5k{aspect-ratio:16 / 9;border-radius:.75rem;margin:1.5rem 0;background:linear-gradient(90deg,#edeae00d 25%,#edeae01f,#edeae00d 75%);background-size:200% 100%;animation:svelte-1l34w5k-shimmer 1.5s ease-in-out infinite}.skeleton-body.svelte-1l34w5k{display:flex;flex-direction:column;gap:.6rem}.error-state.svelte-1l34w5k{text-align:center;padding:3rem 2rem;font-style:italic;opacity:.75;border:1px dashed rgba(237,234,224,.3);border-radius:.75rem}@media(max-width:500px){.project-page.svelte-1l34w5k{padding:2rem 1.25rem 3rem}.project-title.svelte-1l34w5k{font-size:1.5rem}.project-media.multiple.svelte-1l34w5k{grid-template-columns:1fr}}