.portfolio-hero.svelte-r7ehfb{padding-top:14rem;padding-bottom:6rem;position:relative;overflow:hidden;background-color:var(--bg-color)}.hero-content.svelte-r7ehfb{max-width:900px;margin:0 auto;text-align:center}.label-wrapper.svelte-r7ehfb{margin-bottom:2.5rem;display:flex;justify-content:center}.label-tag.svelte-r7ehfb{display:inline-flex;align-items:center;padding:.5rem 1.25rem;border-radius:9999px;background:#7e58f01a;color:var(--color-primary);border:1px solid rgba(126,88,240,.2);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em}.hero-title.svelte-r7ehfb{font-size:clamp(3.2rem,6vw,5.5rem);line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.04em;color:var(--text-color)}.highlight.svelte-r7ehfb{background:linear-gradient(135deg,var(--color-media) 0%,var(--color-video) 50%,var(--color-tech) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.hero-subtitle.svelte-r7ehfb{font-size:1.25rem;color:var(--text-muted);max-width:650px;margin:0 auto;line-height:1.7}.hero-background.svelte-r7ehfb{position:absolute;top:0;left:0;right:0;height:100%;pointer-events:none;z-index:0}.hero-background.svelte-r7ehfb:before,.hero-background.svelte-r7ehfb:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(120px);opacity:.15;z-index:0}.hero-background.svelte-r7ehfb:before{top:-300px;left:-200px;background:var(--color-media);animation:svelte-r7ehfb-drift 15s ease-in-out infinite alternate}.hero-background.svelte-r7ehfb:after{top:100px;right:-200px;background:var(--color-tech);animation:svelte-r7ehfb-drift 20s ease-in-out infinite alternate-reverse}[data-theme=light] .hero-background.svelte-r7ehfb:before,[data-theme=light] .hero-background.svelte-r7ehfb:after{opacity:.1}@keyframes svelte-r7ehfb-drift{0%{transform:translate(0) scale(1)}to{transform:translate(50px,50px) scale(1.1)}}@media(max-width:768px){.portfolio-hero.svelte-r7ehfb{padding-top:11rem;padding-bottom:4rem}.hero-subtitle.svelte-r7ehfb{font-size:1.1rem}}.filter-sticky-wrapper.svelte-1lmq349{position:sticky;top:65px;z-index:30;background-color:var(--bg-color);border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;padding:1.5rem 0;gap:1rem}.filter-block.svelte-1lmq349{width:100%}.scroll-container.svelte-1lmq349{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.filter-buttons.svelte-1lmq349{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.75rem}.sub-buttons.svelte-1lmq349{gap:.5rem}@media(max-width:768px){.filter-sticky-wrapper.svelte-1lmq349{padding:1rem 0;gap:.75rem}.scroll-container.svelte-1lmq349{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding-bottom:4px;margin-bottom:-4px}.scroll-container.svelte-1lmq349::-webkit-scrollbar{display:none}.filter-buttons.svelte-1lmq349{justify-content:flex-start;flex-wrap:nowrap}.filter-buttons.svelte-1lmq349:after{content:"";display:block;width:1px;flex-shrink:0}}.pill-btn.svelte-1lmq349{appearance:none;background:transparent;border:1px solid var(--border-color);color:var(--text-muted);border-radius:99px;height:44px;padding:0 1.5rem;font-family:var(--font-sans);font-size:.95rem;font-weight:600;display:flex;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.pill-btn.svelte-1lmq349:hover{color:var(--text-color);border-color:#fff3}[data-theme=light] .pill-btn.svelte-1lmq349:hover{border-color:#00000026}.pill-btn.active.svelte-1lmq349{background:var(--text-color);color:var(--bg-color);border-color:var(--text-color);position:relative;overflow:hidden}.pill-btn.active.svelte-1lmq349:not([style*="var(--text-color)"]):before{content:"";position:absolute;inset:0;background:var(--cat-color);opacity:.15;pointer-events:none}.pill-btn.small.svelte-1lmq349{height:36px;padding:0 1rem;font-size:.85rem}.pill-btn.active-sub.svelte-1lmq349{background:var(--color-video);color:#fff;border-color:var(--color-video)}.sub-label.svelte-1lmq349{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600;white-space:nowrap;flex-shrink:0;margin-right:.25rem}.animate-slide-down.svelte-1lmq349{animation:svelte-1lmq349-slidedown .3s cubic-bezier(.16,1,.3,1) forwards;transform-origin:top center}@keyframes svelte-1lmq349-slidedown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.portfolio-card.svelte-1gzyu65{display:flex;flex-direction:column;gap:1.25rem;text-decoration:none;color:inherit;width:100%;break-inside:avoid;margin-bottom:2rem}.card-image-wrapper.svelte-1gzyu65{position:relative;border-radius:1.25rem;overflow:hidden;background-color:var(--card-bg);border:1px solid var(--border-color)}.portfolio-card.tall .card-image-wrapper.svelte-1gzyu65{aspect-ratio:9/16}.portfolio-card.wide .card-image-wrapper.svelte-1gzyu65{aspect-ratio:16/9}.portfolio-card.svelte-1gzyu65:not(.tall):not(.wide) .card-image-wrapper:where(.svelte-1gzyu65){aspect-ratio:16/9}.card-image.svelte-1gzyu65{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1)}.card-placeholder.svelte-1gzyu65{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--card-bg) 0%,rgba(10,15,28,.9) 100%);position:relative;color:var(--text-muted);font-size:.875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.card-placeholder.svelte-1gzyu65:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,var(--cat-color) 0%,transparent 60%);opacity:.1}[data-theme=light] .card-placeholder.svelte-1gzyu65{background:linear-gradient(135deg,var(--color-light) 0%,#e2e8f0 100%)}.card-overlay.svelte-1gzyu65{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,15,28,.4) 0%,transparent 50%);opacity:0;transition:opacity .4s ease;pointer-events:none}.card-tags.svelte-1gzyu65{position:absolute;top:1.25rem;left:1.25rem;display:flex;flex-wrap:wrap;gap:.5rem;z-index:10}.tag.svelte-1gzyu65{padding:.4rem .8rem;border-radius:9999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.category-tag.svelte-1gzyu65{background:#0a0f1c99;color:var(--tag-color);border:1px solid rgba(255,255,255,.1)}.sub-tag.svelte-1gzyu65{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.1)}.card-hover-icon.svelte-1gzyu65{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8) rotate(-45deg);width:64px;height:64px;border-radius:50%;background-color:var(--color-white);color:var(--color-dark);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .4s cubic-bezier(.16,1,.3,1);z-index:10}.card-content.svelte-1gzyu65{padding:0 .5rem}.client-name.svelte-1gzyu65{font-size:.85rem;color:var(--text-muted);font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.5rem}.project-title.svelte-1gzyu65{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.01em;color:var(--text-color);transition:color .3s ease}@media(hover:hover){.portfolio-card.svelte-1gzyu65:hover .card-image:where(.svelte-1gzyu65){transform:scale(1.05)}.portfolio-card.svelte-1gzyu65:hover .card-overlay:where(.svelte-1gzyu65){opacity:1}.portfolio-card.svelte-1gzyu65:hover .card-hover-icon:where(.svelte-1gzyu65){opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}.portfolio-card.svelte-1gzyu65:hover .project-title:where(.svelte-1gzyu65){color:var(--color-primary)}}[data-theme=light] .category-tag.svelte-1gzyu65{background:#ffffffd9;border-color:#0000000d}[data-theme=light] .sub-tag.svelte-1gzyu65{background:#0009;border-color:#0000001a}.portfolio-grid-section.svelte-19tpivb{background-color:var(--bg-color);min-height:40vh}.pb-12.svelte-19tpivb{padding-bottom:6rem}.flex-masonry-grid.svelte-19tpivb{display:flex;gap:2rem;padding-top:2rem;align-items:flex-start}.flex-masonry-col.svelte-19tpivb{flex:1;display:flex;flex-direction:column;gap:2rem;min-width:0}.masonry-item.svelte-19tpivb{width:100%}.empty-state.svelte-19tpivb{text-align:center;padding:6rem 1rem;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-state.svelte-19tpivb svg:where(.svelte-19tpivb){margin-bottom:1.5rem;opacity:.5}.empty-state.svelte-19tpivb h3:where(.svelte-19tpivb){font-size:1.5rem;color:var(--text-color);margin-bottom:.5rem}.empty-state.svelte-19tpivb p:where(.svelte-19tpivb){max-width:400px;margin:0 auto}.portfolio-app.svelte-zcccgq{display:flex;flex-direction:column;min-height:80vh}
