.detail-panel.svelte-h2twlv{display:flex;flex-direction:column;height:100%;width:100%;background-color:transparent;border-radius:8px;overflow:visible;box-sizing:border-box}.header-spacer.svelte-h2twlv{height:200px}.detail-content.svelte-h2twlv{padding:1rem 2rem 2rem;flex-grow:1;display:flex;flex-direction:column;gap:1rem;box-sizing:border-box}.section.svelte-h2twlv{opacity:1;will-change:transform,opacity;box-sizing:border-box}.project-title.svelte-h2twlv{font-size:2rem;color:#fff;margin:0;position:relative}.project-date.svelte-h2twlv{font-size:.9rem;color:var(--unselected-color);position:relative;margin-top:.5rem}.project-description.svelte-h2twlv{height:100%;box-sizing:border-box}.project-description.svelte-h2twlv h4:where(.svelte-h2twlv),.project-technologies.svelte-h2twlv h4:where(.svelte-h2twlv){border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem;margin-top:.5rem;margin-bottom:1rem;color:var(--timeline-color)}.project-description.svelte-h2twlv p:where(.svelte-h2twlv){line-height:1.6;margin-bottom:1.5rem}.project-links.svelte-h2twlv{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0}.project-link.svelte-h2twlv{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#3c3c3c80;color:var(--selected-color);text-decoration:none;border-radius:4px;transition:all .2s ease}.project-link.svelte-h2twlv:hover{background-color:#3c3c3ccc}.tech-tag.svelte-h2twlv{display:inline-flex;align-items:center;border-radius:4px;padding:.3rem .6rem;font-size:.8rem;background-color:#3c3c3c80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tech-icon.svelte-h2twlv{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;margin-right:5px;font-weight:700}.tech-tags.svelte-h2twlv{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem;margin-bottom:1rem}.tech-tag.svelte-h2twlv{background-color:#3c3c3c80;border-radius:4px;padding:.3rem .6rem;font-size:.8rem}@media screen and (max-width: 768px){.header-spacer.svelte-h2twlv{height:0;display:none}.detail-content.svelte-h2twlv{padding:1.5rem 1.25rem}.project-title.svelte-h2twlv{font-size:1.7rem}.project-links.svelte-h2twlv{gap:.8rem}.project-link.svelte-h2twlv{padding:.6rem 1rem;min-height:44px;box-sizing:border-box;flex:1 1 auto}}.projects-container.svelte-1yinkq2{max-width:1200px;margin:0 auto;padding:2rem;position:relative}.page-title.svelte-1yinkq2{font-size:3rem;margin-bottom:2rem;text-align:center;color:var(--selected-color)}.projects-grid.svelte-1yinkq2{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem}.project-card-container.svelte-1yinkq2{height:350px;transition:opacity .3s ease}.project-card.svelte-1yinkq2{background-color:#18181899;border-radius:8px;overflow:hidden;box-shadow:0 3px 10px #0000004d;transition:all .4s cubic-bezier(.25,1,.5,1);cursor:pointer;height:100%;width:100%;display:flex;flex-direction:column;position:relative;will-change:transform,opacity}.project-card.hidden.svelte-1yinkq2{opacity:0;pointer-events:none}.project-card.expanded.svelte-1yinkq2{position:relative;width:90%;max-width:800px;height:80vh;max-height:700px;z-index:100;background-color:#181818f2;cursor:default;box-shadow:0 10px 30px #00000080;margin:auto}.project-card.svelte-1yinkq2:not(.expanded):hover{transform:translateY(-5px);box-shadow:0 5px 15px #00000080;background-color:#181818e6}.project-card.svelte-1yinkq2:focus{outline:2px solid var(--selected-color)}.project-image.svelte-1yinkq2{height:180px;background-size:cover;background-position:center;position:relative;transition:height .4s cubic-bezier(.25,1,.5,1);box-sizing:border-box}.expanded.svelte-1yinkq2 .project-image:where(.svelte-1yinkq2){height:200px}.project-overlay.svelte-1yinkq2{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000001a,#0009)}.project-content.svelte-1yinkq2{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column;box-sizing:border-box}.project-content.svelte-1yinkq2 h2:where(.svelte-1yinkq2){margin-top:0;margin-bottom:.5rem;font-size:1.5rem;color:var(--selected-color)}.project-description.svelte-1yinkq2{margin-bottom:auto;color:var(--unselected-color);font-size:.95rem;box-sizing:border-box}.tech-preview.svelte-1yinkq2{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tech-tag.svelte-1yinkq2,.more-tag.svelte-1yinkq2{display:inline-flex;align-items:center;border-radius:4px;padding:.3rem .6rem;font-size:.8rem;background-color:#3c3c3c80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tech-icon.svelte-1yinkq2{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;margin-right:5px;font-weight:700}.more-tag.svelte-1yinkq2{background-color:#1eff0026;color:var(--selected-color)}.expanded-overlay.svelte-1yinkq2{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;z-index:50;display:flex;align-items:center;justify-content:center;padding:2rem}.close-btn.svelte-1yinkq2{position:absolute;top:.4rem;right:0rem;background-color:#00000080;border:none;width:36px;height:36px;border-radius:50%;color:#fff;font-size:1.8rem;line-height:0;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:101;transition:all .2s ease}.close-btn.svelte-1yinkq2:hover{background-color:#3c3c3ce6;transform:scale(1.1)}.close-btn.svelte-1yinkq2 span:where(.svelte-1yinkq2){margin-bottom:2px}.detail-container.svelte-1yinkq2{position:absolute;top:200px;left:0;width:100%;height:calc(100% - 200px);overflow:hidden}.scrollable-content.svelte-1yinkq2{height:100%;overflow-y:auto;padding-bottom:30px}.fade-edge.svelte-1yinkq2{position:absolute;left:0;width:100%;height:40px;pointer-events:none;z-index:5}.fade-edge.bottom.svelte-1yinkq2{bottom:0;background:linear-gradient(to top,#181818f2,#18181800)}@media screen and (max-width: 768px){.projects-grid.svelte-1yinkq2{grid-template-columns:1fr}.expanded-overlay.svelte-1yinkq2{padding:1rem}.project-card.expanded.svelte-1yinkq2{width:95%;height:85vh}.project-overlay.svelte-1yinkq2{display:none}}