.modal-overlay.svelte-14q7k9x{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content.svelte-14q7k9x{background:#333;border-radius:12px;padding:40px;text-align:center;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(251,189,46,.2)}.modal-content.svelte-14q7k9x h2:where(.svelte-14q7k9x){font-family:Kilimanjaro Sans Round1,Nunito Sans Variable,sans-serif;font-size:32px;color:var(--accent);margin:0 0 20px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.modal-content.svelte-14q7k9x p:where(.svelte-14q7k9x){font-family:Nunito Sans Variable,sans-serif;font-size:18px;color:var(--description);margin:0 0 30px;line-height:1.6}.modal-content.svelte-14q7k9x button:where(.svelte-14q7k9x){font-family:Nunito Sans Variable,sans-serif;font-size:16px;font-weight:600;color:var(--color-text);background:var(--primary);border:none;border-radius:8px;padding:14px 28px;cursor:pointer;transition:background .3s ease,transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 12px #0003}.modal-content.svelte-14q7k9x button:where(.svelte-14q7k9x):hover{background:var(--gruv-darkblue);transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.modal-content.svelte-14q7k9x button:where(.svelte-14q7k9x):active{transform:translateY(0)}@media (max-width: 768px){.modal-content.svelte-14q7k9x{padding:30px 20px}.modal-content.svelte-14q7k9x h2:where(.svelte-14q7k9x){font-size:24px}.modal-content.svelte-14q7k9x p:where(.svelte-14q7k9x){font-size:16px}}.work-container.svelte-47pyjz{width:90%;max-width:1200px;margin:40px auto;padding:20px}.work-header.svelte-47pyjz{text-align:center;margin-bottom:60px}.work-header.svelte-47pyjz h1:where(.svelte-47pyjz){font-family:Kilimanjaro Sans Round1,Nunito Sans,sans-serif;font-size:48px;color:var(--color-text);margin-bottom:16px}.underline.svelte-47pyjz{height:4px;width:80px;background:linear-gradient(90deg,var(--gruv-darkorange),var(--accent));margin:0 auto;border-radius:2px}.work-intro.svelte-47pyjz{max-width:600px;margin:24px auto 0;font-size:18px;color:var(--description);line-height:1.6}.projects-grid.svelte-47pyjz{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(350px,100%),1fr));gap:var(--space-8);margin-top:var(--space-10)}.project-card.svelte-47pyjz{background:#333;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.project-card.svelte-47pyjz:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0003}.project-image.svelte-47pyjz{height:200px;position:relative;overflow:hidden}.project-placeholder.svelte-47pyjz{width:100%;height:100%;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center}.project-placeholder.svelte-47pyjz span:where(.svelte-47pyjz){font-family:Kilimanjaro Sans Round1,Nunito Sans,sans-serif;font-size:64px;color:var(--color-text);font-weight:700}.project-content.svelte-47pyjz{padding:24px}.project-title.svelte-47pyjz{font-family:Nunito Sans,sans-serif;font-size:24px;color:var(--color-text);margin:0 0 12px}.project-description.svelte-47pyjz{font-family:Nunito Sans,sans-serif;font-size:16px;line-height:1.6;color:var(--description);margin:0 0 20px}.project-technologies.svelte-47pyjz{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,max-content));gap:var(--space-2);margin-bottom:var(--space-5)}.project-links.svelte-47pyjz{display:flex;gap:12px}.project-link.svelte-47pyjz{font-family:Nunito Sans,sans-serif;font-size:14px;font-weight:600;color:var(--color-text);background:var(--accent);padding:8px 16px;border-radius:6px;text-decoration:none;transition:background .3s ease,transform .3s ease}.project-link.svelte-47pyjz:hover{background:var(--gruv-darkyellow);transform:translateY(-2px)}.project-link.github.svelte-47pyjz{background:var(--primary)}.project-link.github.svelte-47pyjz:hover{background:var(--gruv-darkblue)}@media screen and (max-width: 767.98px){.work-header.svelte-47pyjz h1:where(.svelte-47pyjz){font-size:36px}.projects-grid.svelte-47pyjz{grid-template-columns:1fr}}