.portfolio-hero.svelte-1uo84gz{height:50vh;min-height:400px;background-color:var(--color-background-alt);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.portfolio-hero.svelte-1uo84gz:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(255,87,34,.15) 0%,transparent 50%);z-index:1}.portfolio-hero-container.svelte-1uo84gz{max-width:1200px;width:100%;padding:0 2rem;text-align:center;z-index:2;opacity:0;transition:opacity 1s ease}.portfolio-hero-container.loaded.svelte-1uo84gz{opacity:1}.portfolio-hero.svelte-1uo84gz h1:where(.svelte-1uo84gz){font-size:4rem;margin-bottom:1.5rem;font-weight:var(--font-weight-black)}.portfolio-hero.svelte-1uo84gz p:where(.svelte-1uo84gz){font-size:1.5rem;max-width:800px;margin:0 auto;opacity:.8}.portfolio-grid.svelte-1uo84gz{padding:5rem 2rem;background-color:var(--color-background)}.portfolio-container.svelte-1uo84gz{max-width:1200px;margin:0 auto}.portfolio-filters.svelte-1uo84gz{margin-bottom:3rem}.portfolio-filters.svelte-1uo84gz h2:where(.svelte-1uo84gz){font-size:2rem;margin-bottom:1.5rem}.filter-buttons.svelte-1uo84gz{display:flex;flex-wrap:wrap;gap:1rem}.filter-button.svelte-1uo84gz{padding:.75rem 1.5rem;background:none;border:1px solid rgba(255,255,255,.2);color:var(--color-text);font-size:1rem;cursor:pointer;transition:all .3s ease}.filter-button.svelte-1uo84gz:hover,.filter-button.active.svelte-1uo84gz{background-color:var(--color-primary);border-color:var(--color-primary);color:#000}.projects-grid.svelte-1uo84gz{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.project-card.svelte-1uo84gz{background-color:var(--color-background-alt);border-radius:8px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.project-card.svelte-1uo84gz:hover{transform:translateY(-10px);box-shadow:0 20px 30px #0003}.project-image.svelte-1uo84gz{position:relative;height:250px;overflow:hidden}.project-image.svelte-1uo84gz img:where(.svelte-1uo84gz){width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card.svelte-1uo84gz:hover .project-image:where(.svelte-1uo84gz) img:where(.svelte-1uo84gz){transform:scale(1.05)}.project-overlay.svelte-1uo84gz{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.view-project-button.svelte-1uo84gz{padding:.75rem 1.5rem;background-color:var(--color-primary);color:#000;border:none;font-weight:var(--font-weight-bold);cursor:pointer;transition:transform .3s ease}.view-project-button.svelte-1uo84gz:hover{transform:scale(1.05)}.project-card.svelte-1uo84gz:hover .project-overlay:where(.svelte-1uo84gz){opacity:1}.project-info.svelte-1uo84gz{padding:1.5rem}.project-info.svelte-1uo84gz h3:where(.svelte-1uo84gz){font-size:1.5rem;margin-bottom:.5rem}.project-category.svelte-1uo84gz{color:var(--color-primary);font-size:.9rem;margin-bottom:1rem}.project-tags.svelte-1uo84gz{display:flex;flex-wrap:wrap;gap:.5rem}.project-tag.svelte-1uo84gz{padding:.25rem .75rem;background-color:#ffffff1a;font-size:.8rem;border-radius:20px}.project-detail.svelte-1uo84gz{padding:5rem 2rem;background-color:var(--color-background-alt)}.project-detail-container.svelte-1uo84gz{max-width:1200px;margin:0 auto}.back-button.svelte-1uo84gz{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--color-text);font-size:1rem;cursor:pointer;margin-bottom:3rem;padding:0;transition:color .3s ease}.back-button.svelte-1uo84gz:hover{color:var(--color-primary)}.project-header.svelte-1uo84gz{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem;flex-wrap:wrap;gap:2rem}.project-title-section.svelte-1uo84gz{max-width:800px}.project-header.svelte-1uo84gz h1:where(.svelte-1uo84gz){font-size:3rem;margin-bottom:1rem}.project-meta.svelte-1uo84gz{display:flex;gap:2rem;margin-bottom:1.5rem;flex-wrap:wrap}.project-year.svelte-1uo84gz,.project-category.svelte-1uo84gz,.project-client.svelte-1uo84gz,.project-duration.svelte-1uo84gz{font-size:1rem;opacity:.7}.project-link-button.svelte-1uo84gz{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;background-color:var(--color-primary);color:#000;font-weight:var(--font-weight-bold);text-decoration:none;transition:all .3s ease}.project-link-button.svelte-1uo84gz:hover{transform:translateY(-5px)}.project-gallery.svelte-1uo84gz{margin-bottom:4rem}.gallery-main.svelte-1uo84gz{margin-bottom:1rem;cursor:pointer;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px #0003}.gallery-main.svelte-1uo84gz img:where(.svelte-1uo84gz){width:100%;height:auto;display:block;transition:transform .5s ease}.gallery-main.svelte-1uo84gz:hover img:where(.svelte-1uo84gz){transform:scale(1.02)}.gallery-thumbnails.svelte-1uo84gz{display:flex;gap:1rem;overflow-x:auto;padding-bottom:1rem}.gallery-thumbnail.svelte-1uo84gz{width:100px;height:100px;border-radius:4px;overflow:hidden;cursor:pointer;opacity:.7;transition:opacity .3s ease,transform .3s ease;flex-shrink:0}.gallery-thumbnail.svelte-1uo84gz:hover,.gallery-thumbnail.active.svelte-1uo84gz{opacity:1;transform:translateY(-5px)}.gallery-thumbnail.svelte-1uo84gz img:where(.svelte-1uo84gz){width:100%;height:100%;object-fit:cover}.project-content.svelte-1uo84gz{display:grid;grid-template-columns:2fr 1fr;gap:4rem}.project-description.svelte-1uo84gz h2:where(.svelte-1uo84gz){font-size:2rem;margin-bottom:1.5rem;color:var(--color-primary)}.project-description.svelte-1uo84gz p:where(.svelte-1uo84gz){margin-bottom:1.5rem;line-height:1.8}.project-sidebar.svelte-1uo84gz h3:where(.svelte-1uo84gz){font-size:1.5rem;margin-bottom:1rem;color:var(--color-primary)}.project-role.svelte-1uo84gz,.project-challenges.svelte-1uo84gz{margin-bottom:2.5rem}.image-modal.svelte-1uo84gz{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;z-index:9999;display:flex;align-items:center;justify-content:center}.modal-content.svelte-1uo84gz{position:relative;max-width:90%;max-height:90%}.modal-content.svelte-1uo84gz img:where(.svelte-1uo84gz){max-width:100%;max-height:90vh;display:block;margin:0 auto}.modal-close.svelte-1uo84gz{position:absolute;top:20px;right:20px;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;z-index:10}.modal-nav.svelte-1uo84gz{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;border:none;color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s ease}.modal-nav.svelte-1uo84gz:hover{background:#ff5722cc}.modal-nav.prev.svelte-1uo84gz{left:20px}.modal-nav.next.svelte-1uo84gz{right:20px}.modal-counter.svelte-1uo84gz{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);color:#fff;font-size:1rem}@media(max-width:1200px){.portfolio-hero.svelte-1uo84gz h1:where(.svelte-1uo84gz){font-size:3.5rem}.project-content.svelte-1uo84gz{grid-template-columns:1fr;gap:2rem}.project-sidebar.svelte-1uo84gz{display:grid;grid-template-columns:1fr 1fr;gap:2rem}}@media(max-width:992px){.portfolio-hero.svelte-1uo84gz h1:where(.svelte-1uo84gz){font-size:3rem}.portfolio-hero.svelte-1uo84gz p:where(.svelte-1uo84gz){font-size:1.25rem}.projects-grid.svelte-1uo84gz{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.project-header.svelte-1uo84gz h1:where(.svelte-1uo84gz){font-size:2.5rem}}@media(max-width:768px){.portfolio-hero.svelte-1uo84gz{height:40vh}.portfolio-hero.svelte-1uo84gz h1:where(.svelte-1uo84gz){font-size:2.5rem}.portfolio-hero.svelte-1uo84gz p:where(.svelte-1uo84gz){font-size:1rem}.projects-grid.svelte-1uo84gz,.project-sidebar.svelte-1uo84gz{grid-template-columns:1fr}.project-meta.svelte-1uo84gz{flex-direction:column;gap:1rem}.modal-nav.svelte-1uo84gz{width:40px;height:40px}.modal-nav.prev.svelte-1uo84gz{left:10px}.modal-nav.next.svelte-1uo84gz{right:10px}}