:root{--color-primary:#00e5ff;--color-secondary:#2e7d32;--color-tertiary:#fbc02d;--color-neutral:#2d2a26;--color-error:#e53935;--surface-base:#2d2a26;--surface-card:#383430;--surface-elevated:#434038;--text-primary:#fff;--text-secondary:#aaa;--text-muted:#777;--text-on-primary:#2d2a26;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:9999px;--shadow-card:0 4px 20px #0000004d;--shadow-glow:0 0 20px #00e5ff4d;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--surface-base);width:100%;height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6}img,video{max-width:100%;height:auto;display:block}.skip-link{z-index:9999;background:var(--color-primary);color:var(--text-on-primary);border-radius:var(--radius-pill);padding:.5rem 1.5rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:top .2s;position:absolute;top:-100%;left:50%;transform:translate(-50%)}.skip-link:focus{top:1rem}.modal-overlay.svelte-1qli7hi{z-index:200;-webkit-backdrop-filter:blur(12px);opacity:0;background:#0a0908b3;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-overlay.visible.svelte-1qli7hi{opacity:1}.progress-bar.svelte-1qli7hi{background:var(--color-primary);transform-origin:0;z-index:210;border-radius:2px 2px 0 0;height:3px;transition:transform .1s linear;position:absolute;top:0;left:0;right:0;box-shadow:0 0 10px #00e5ff80}.modal-content.svelte-1qli7hi{-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);opacity:0;background:#141210f5;border:1px solid #00e5ff26;width:80vw;max-width:1000px;height:80vh;padding-bottom:4rem;transition:opacity .4s cubic-bezier(.22,1,.36,1) .1s,transform .4s cubic-bezier(.22,1,.36,1) .1s;position:relative;overflow:hidden auto;transform:translateY(20px)scale(.96);box-shadow:0 8px 60px #0009,0 0 30px #00e5ff14}.modal-content.visible.svelte-1qli7hi{opacity:1;transform:translateY(0)scale(1)}.close-x.svelte-1qli7hi{z-index:215;-webkit-backdrop-filter:blur(8px);width:36px;height:36px;color:var(--text-secondary,#aaa);cursor:pointer;background:#0a090899;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;transition:color .2s,background .2s,border-color .2s;display:flex;position:absolute;top:.75rem;right:.75rem}.close-x.svelte-1qli7hi:hover{color:var(--text-primary,#fff);background:#0a0908d9;border-color:#00e5ff66}.visit-site-btn.svelte-1qli7hi{border-radius:var(--radius-pill,9999px);color:var(--color-tertiary,#fbc02d);letter-spacing:.04em;background:#fbc02d1f;border:1px solid #fbc02d66;align-items:center;gap:.3rem;margin-top:.75rem;padding:.5rem 1.25rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:background .2s,box-shadow .3s,transform .15s;display:inline-flex}.visit-site-btn.svelte-1qli7hi:hover{background:#fbc02d33;box-shadow:0 0 18px #fbc02d40}.visit-site-btn.svelte-1qli7hi:active{transform:scale(.96);box-shadow:0 0 24px #fbc02d73,0 0 48px #fbc02d33,inset 0 0 8px #fbc02d26}.hero-section.svelte-1qli7hi{border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:#1a1816;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.hero-img.svelte-1qli7hi{z-index:1;object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;width:100%;height:auto;max-height:50vh;display:block;position:relative}.hero-peek-layer.svelte-1qli7hi{z-index:0;display:flex;position:absolute;inset:0}.hero-peek.svelte-1qli7hi{cursor:pointer;flex:1;position:relative;overflow:hidden}.hero-peek.svelte-1qli7hi img:where(.svelte-1qli7hi){object-fit:cover;object-position:center;filter:blur(2px)brightness(.3);-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:filter .3s}.hero-peek.svelte-1qli7hi:hover img:where(.svelte-1qli7hi){filter:blur(1px)brightness(.45)}.hero-peek-prev.svelte-1qli7hi:after,.hero-peek-next.svelte-1qli7hi:after{content:"";z-index:1;pointer-events:none;width:40%;position:absolute;top:0;bottom:0}.hero-peek-prev.svelte-1qli7hi:after{background:linear-gradient(270deg,#1a1816,#0000);right:0}.hero-peek-next.svelte-1qli7hi:after{background:linear-gradient(90deg,#1a1816,#0000);left:0}.hero-arrow.svelte-1qli7hi{z-index:3;color:#fff;cursor:pointer;opacity:0;background:#00000080;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:background .2s,box-shadow .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero-section.svelte-1qli7hi:hover .hero-arrow:where(.svelte-1qli7hi){opacity:1}.hero-arrow.svelte-1qli7hi:hover{background:#00e5ff40;box-shadow:0 0 14px #00e5ff4d}.hero-arrow-prev.svelte-1qli7hi{left:10px}.hero-arrow-next.svelte-1qli7hi{right:10px}.hero-counter.svelte-1qli7hi{z-index:3;-webkit-backdrop-filter:blur(6px);color:#fffc;letter-spacing:.08em;border-radius:var(--radius-pill,20px);background:#0009;border:1px solid #ffffff1a;padding:3px 12px;font-size:.7rem;font-weight:600;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.accent-corner.svelte-1qli7hi{pointer-events:none;opacity:0;border:2px solid #00e5ff33;width:80px;height:80px;transition:opacity .6s .4s;position:absolute}.modal-content.visible.svelte-1qli7hi .accent-corner:where(.svelte-1qli7hi){opacity:1}.accent-tl.svelte-1qli7hi{border-bottom:none;border-right:none;border-radius:4px 0 0;top:1rem;left:1rem;box-shadow:-2px -2px 12px #00e5ff26,inset 2px 2px 8px #00e5ff0d}.accent-br.svelte-1qli7hi{border-top:none;border-left:none;border-radius:0 0 4px;bottom:1rem;right:1rem;box-shadow:2px 2px 12px #00e5ff26,inset -2px -2px 8px #00e5ff0d}.thumb-strip.svelte-1qli7hi{background:var(--surface-card);border-bottom:1px solid #ffffff0f;gap:.5rem;padding:.75rem 1.5rem;display:flex;overflow-x:auto}.thumb.svelte-1qli7hi{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:4px;flex-shrink:0;width:64px;height:48px;padding:0;transition:border-color .2s,box-shadow .2s;overflow:hidden}.thumb.active.svelte-1qli7hi{border-color:var(--color-primary);box-shadow:0 0 8px #00e5ff4d}.thumb.svelte-1qli7hi:hover{border-color:#00e5ff66}.thumb.svelte-1qli7hi img:where(.svelte-1qli7hi){object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.project-body.svelte-1qli7hi{max-width:720px;margin:0 auto;padding:2.5rem 2rem}.project-header.svelte-1qli7hi{margin-bottom:1.5rem}.project-title.svelte-1qli7hi{letter-spacing:.06em;color:var(--text-primary);text-shadow:0 0 30px #00e5ff26;margin-bottom:.4rem;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:300;line-height:1.2}.project-tagline.svelte-1qli7hi{color:var(--text-secondary);letter-spacing:.02em;font-size:1.05rem}.tech-tags.svelte-1qli7hi{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.tech-tag.svelte-1qli7hi{border-radius:var(--radius-pill);letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);background:#00e5ff14;border:1px solid #00e5ff33;padding:.3rem .75rem;font-size:.72rem;font-weight:700}.project-description.svelte-1qli7hi{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.05rem;line-height:1.7}.project-description.svelte-1qli7hi p{margin-bottom:1rem}.project-story.svelte-1qli7hi{border-top:1px solid #ffffff0f;padding-top:2rem}.story-heading.svelte-1qli7hi{letter-spacing:.14em;text-transform:uppercase;color:var(--color-primary);text-shadow:0 0 10px #00e5ff4d;margin-bottom:1rem;font-size:.75rem;font-weight:800}.story-text.svelte-1qli7hi{color:var(--text-secondary);font-size:.98rem;line-height:1.75}.story-text.svelte-1qli7hi p{margin-bottom:1rem}.story-text.svelte-1qli7hi iframe,.project-description.svelte-1qli7hi iframe{aspect-ratio:16/9;border:none;border-radius:8px;width:100%;height:auto;margin:1rem 0}.story-text.svelte-1qli7hi a,.project-description.svelte-1qli7hi a{color:var(--color-primary,#00e5ff);text-underline-offset:2px;text-decoration:underline}.modal-footer.svelte-1qli7hi{z-index:205;-webkit-backdrop-filter:blur(16px);border-radius:0 0 var(--radius-lg) var(--radius-lg);opacity:0;background:#141210f2;border-top:1px solid #00e5ff1f;justify-content:center;align-items:center;gap:1rem;padding:.65rem 1.5rem;transition:opacity .3s .2s,transform .3s cubic-bezier(.22,1,.36,1) .2s;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.modal-footer.visible.svelte-1qli7hi{opacity:1;transform:translateY(0)}.footer-btn.svelte-1qli7hi{border-radius:var(--radius-pill);color:var(--text-secondary);letter-spacing:.06em;cursor:pointer;background:0 0;border:1px solid #ffffff1a;padding:.45rem 1rem;font-family:inherit;font-size:.78rem;font-weight:700;transition:color .2s,border-color .2s,box-shadow .2s}.footer-btn.svelte-1qli7hi:hover:not(:disabled){color:var(--color-primary);border-color:#00e5ff4d;box-shadow:0 0 10px #00e5ff26}.footer-btn.svelte-1qli7hi:disabled{opacity:.3;cursor:default}.footer-close.svelte-1qli7hi{font-size:.85rem}.footer-counter.svelte-1qli7hi{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem;font-weight:700}.footer-link.svelte-1qli7hi{color:var(--color-tertiary,#fbc02d);letter-spacing:.06em;border-radius:var(--radius-pill);border:1px solid #fbc02d59;padding:.45rem 1rem;font-size:.78rem;font-weight:700;text-decoration:none;transition:box-shadow .3s,text-shadow .2s,transform .15s}.footer-link.svelte-1qli7hi:hover{text-shadow:0 0 8px #fbc02d66;box-shadow:0 0 14px #fbc02d40}.footer-link.svelte-1qli7hi:active{transform:scale(.96);box-shadow:0 0 20px #fbc02d66,0 0 40px #fbc02d26}@media (width<=768px){.modal-content.svelte-1qli7hi{width:94vw;height:85vh}.hero-section.svelte-1qli7hi{touch-action:pan-y}.hero-img.svelte-1qli7hi{max-height:38vh}.hero-arrow.svelte-1qli7hi{opacity:.8;width:32px;height:32px}.hero-arrow-prev.svelte-1qli7hi{left:6px}.hero-arrow-next.svelte-1qli7hi{right:6px}.project-body.svelte-1qli7hi{padding:1.5rem 1.25rem}.project-title.svelte-1qli7hi{font-size:1.6rem}.modal-footer.svelte-1qli7hi{flex-wrap:wrap;gap:.5rem;padding:.6rem 1rem}.footer-btn.svelte-1qli7hi{padding:.4rem .75rem;font-size:.72rem}.accent-corner.svelte-1qli7hi{width:50px;height:50px}.thumb-strip.svelte-1qli7hi{padding:.5rem 1rem}.thumb.svelte-1qli7hi{width:52px;height:40px}}