.page-main.svelte-rqn88j{min-height:calc(100vh - 64px);padding:96px 0 24px}.container.svelte-rqn88j{max-width:1200px;margin:0 auto;padding:0 24px}.page-title.svelte-rqn88j{font-size:2.6rem;font-weight:700;color:var(--ctp-text);margin-bottom:12px}.page-subtitle.svelte-rqn88j{font-size:1.05rem;color:var(--ctp-subtext0);margin-bottom:32px}.featured-trio-section.svelte-rqn88j{margin-bottom:56px;padding-bottom:40px;border-bottom:1px solid var(--ctp-surface0)}.featured-trio-header.svelte-rqn88j{margin-bottom:24px}.featured-trio-badge.svelte-rqn88j{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);padding:3px 10px;border-radius:999px;margin-bottom:8px;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent)}.featured-trio-title.svelte-rqn88j{font-size:1.6rem;font-weight:800;color:var(--ctp-text);margin:0;letter-spacing:-.01em}.featured-trio-grid.svelte-rqn88j{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.featured-trio-card.svelte-rqn88j{background:color-mix(in srgb,var(--ctp-mantle) 75%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--ctp-surface0);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.featured-trio-card.svelte-rqn88j:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 16px 36px -10px color-mix(in srgb,var(--accent) 20%,transparent)}.trio-media-frame.svelte-rqn88j{height:180px;position:relative;background:var(--ctp-crust);overflow:hidden;border-bottom:1px solid var(--ctp-surface0)}.trio-thumb.svelte-rqn88j{width:100%;height:100%;background-size:cover;background-position:center;transition:transform .4s ease;display:flex;align-items:center;justify-content:center;color:var(--ctp-overlay0)}.featured-trio-card.svelte-rqn88j:hover .trio-thumb:where(.svelte-rqn88j){transform:scale(1.04)}.trio-date-tag.svelte-rqn88j{position:absolute;top:12px;right:12px;background:color-mix(in srgb,var(--ctp-base) 85%,transparent);border:1px solid var(--ctp-surface0);padding:2px 8px;border-radius:6px;font-size:.72rem;font-weight:600;color:var(--ctp-subtext0);font-family:JetBrains Mono,monospace;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.trio-body.svelte-rqn88j{padding:22px 20px;display:flex;flex-direction:column;flex-grow:1}.trio-title.svelte-rqn88j{font-size:1.15rem;font-weight:700;color:var(--ctp-text);margin:0 0 8px;line-height:1.35}.trio-desc.svelte-rqn88j{font-size:.86rem;color:var(--ctp-subtext0);line-height:1.5;margin:0 0 16px;flex-grow:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.trio-tags.svelte-rqn88j{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.trio-tag.svelte-rqn88j{font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:6px;background:color-mix(in srgb,var(--tag-color, var(--accent)) 10%,transparent);color:var(--tag-color, var(--accent));border:1px solid color-mix(in srgb,var(--tag-color, var(--accent)) 20%,transparent);font-family:JetBrains Mono,monospace}.trio-actions.svelte-rqn88j{display:flex;gap:10px;margin-top:auto}.trio-btn.svelte-rqn88j{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:.82rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease}.glance-btn.svelte-rqn88j{background:var(--ctp-surface0);color:var(--ctp-text);border:1px solid var(--ctp-surface1)}.glance-btn.svelte-rqn88j:hover{background:var(--ctp-surface1);color:var(--accent)}.live-btn.svelte-rqn88j{background:var(--accent-surface);color:var(--accent);border:1px solid var(--accent-subtle)}.live-btn.svelte-rqn88j:hover{background:var(--accent);color:var(--ctp-base, #1e1e2e)}@media(max-width:960px){.featured-trio-grid.svelte-rqn88j{grid-template-columns:1fr;gap:20px}}.grid-section-title.svelte-rqn88j{font-size:1.4rem;font-weight:700;color:var(--ctp-text);margin-bottom:20px;padding-top:24px;border-top:1px solid var(--ctp-surface0)}.projects-grid.svelte-rqn88j{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-card.svelte-rqn88j{display:flex;flex-direction:column;padding:20px 20px 22px;background:var(--ctp-mantle);border:1px solid var(--ctp-surface0);border-radius:16px;text-decoration:none;color:inherit;transition:all .25s ease;position:relative;overflow:hidden}.grid-card.svelte-rqn88j:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent);opacity:0;transition:opacity .25s ease}.grid-card.svelte-rqn88j:hover{border-color:var(--accent);box-shadow:0 12px 32px #00000026,0 0 16px color-mix(in srgb,var(--accent) 8%,transparent);transform:translateY(-4px);opacity:1}.grid-card.svelte-rqn88j:hover:before{opacity:1}.grid-card.featured-grid.svelte-rqn88j{border-color:color-mix(in srgb,var(--accent) 30%,var(--ctp-surface0))}.grid-card.featured-grid.svelte-rqn88j:before{opacity:.5}.grid-card-media.svelte-rqn88j{width:100%;height:140px;border-radius:10px;overflow:hidden;background:var(--ctp-crust);border:1px solid var(--ctp-surface0);margin-bottom:14px}.grid-media-thumb.svelte-rqn88j{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--ctp-overlay0);background-size:cover;background-position:top center;transition:background-position 2s ease-in-out,transform .3s ease}.grid-card.svelte-rqn88j:hover .grid-media-thumb.has-image:where(.svelte-rqn88j){background-position:bottom center;transform:scale(1.02)}.card-header.svelte-rqn88j{margin-bottom:10px}.card-title-row.svelte-rqn88j{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.grid-project-name.svelte-rqn88j{font-size:1.05rem;font-weight:600;color:var(--ctp-text);transition:color .2s;line-height:1.3}.grid-card.svelte-rqn88j:hover .grid-project-name:where(.svelte-rqn88j){color:var(--accent)}.grid-stars.svelte-rqn88j{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;color:var(--ctp-yellow);white-space:nowrap;flex-shrink:0}.grid-project-date.svelte-rqn88j{font-size:.72rem;color:var(--ctp-overlay0);font-family:JetBrains Mono,Fira Code,monospace}.grid-narrative-summary.svelte-rqn88j{background:color-mix(in srgb,var(--ctp-crust) 70%,transparent);border:1px solid color-mix(in srgb,var(--ctp-surface0) 60%,transparent);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.narrative-line.svelte-rqn88j{font-size:.8rem;line-height:1.5;color:var(--ctp-subtext0);margin:0}.narrative-tag.svelte-rqn88j{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:.72rem;text-transform:uppercase}.grid-project-desc.svelte-rqn88j{font-size:.85rem;color:var(--ctp-subtext0);line-height:1.65;flex:1;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-footer.svelte-rqn88j{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:auto;padding-top:6px}.card-actions.svelte-rqn88j{display:flex;align-items:center;gap:6px;flex-shrink:0}.grid-case-btn.svelte-rqn88j{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:6px;font-size:.72rem;font-weight:600;background:color-mix(in srgb,var(--accent) 10%,var(--ctp-surface0));color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap;text-decoration:none}.grid-case-btn.svelte-rqn88j:hover{background:color-mix(in srgb,var(--accent) 18%,var(--ctp-surface0));border-color:var(--accent)}.grid-action-icon-link.svelte-rqn88j{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:var(--ctp-surface0);border:1px solid var(--ctp-surface1);color:var(--ctp-subtext0);transition:all .2s ease;text-decoration:none}.grid-action-icon-link.svelte-rqn88j:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--ctp-surface0));transform:translateY(-1px)}.grid-project-tags.svelte-rqn88j{display:flex;flex-wrap:wrap;gap:5px}.grid-tag.svelte-rqn88j{display:inline-flex;align-items:center;padding:2px 9px;border-radius:999px;font-size:.67rem;font-weight:500;border:1px solid var(--tag-color);color:var(--tag-color);background:color-mix(in srgb,var(--tag-color) 8%,transparent);font-family:JetBrains Mono,Fira Code,monospace}.tag-more.svelte-rqn88j{display:inline-flex;align-items:center;padding:2px 9px;border-radius:999px;font-size:.67rem;color:var(--ctp-overlay0);background:var(--ctp-surface0);font-family:JetBrains Mono,Fira Code,monospace}.ext-icon{color:var(--ctp-overlay0);flex-shrink:0;transition:color .2s}.grid-card.svelte-rqn88j:hover .ext-icon{color:var(--accent)}.floating-video-popup.svelte-rqn88j{position:fixed;top:0;left:0;width:320px;height:200px;background-size:cover;background-position:center;border-radius:12px;border:3px solid var(--accent);box-shadow:0 20px 60px #000c;pointer-events:none;z-index:9999;transform:translate3d(var(--x),var(--y),0);will-change:transform;animation:svelte-rqn88j-popupFadeIn .25s cubic-bezier(.175,.885,.32,1.275)}@keyframes svelte-rqn88j-popupFadeIn{0%{opacity:0;filter:blur(4px);transform:translate3d(var(--x),calc(var(--y) + 20px),0) scale(.9)}to{opacity:1;filter:blur(0);transform:translate3d(var(--x),var(--y),0) scale(1)}}@media(max-width:1024px){.projects-grid.svelte-rqn88j{grid-template-columns:repeat(2,1fr)}}@media(max-width:992px){.floating-video-popup.svelte-rqn88j{display:none!important}}@media(max-width:640px){.page-title.svelte-rqn88j{font-size:2.2rem}.projects-grid.svelte-rqn88j{grid-template-columns:1fr}}.pagination.svelte-rqn88j{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:48px}.page-btn.svelte-rqn88j{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--ctp-surface0);border:1px solid var(--ctp-surface1);border-radius:8px;color:var(--ctp-text);font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s}.page-btn.svelte-rqn88j:hover:not(:disabled){background:var(--ctp-surface1);color:var(--accent);border-color:var(--accent)}.page-btn.svelte-rqn88j:disabled{opacity:.5;cursor:not-allowed}.page-numbers.svelte-rqn88j{display:flex;gap:8px}.page-num.svelte-rqn88j{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--ctp-mantle);border:1px solid var(--ctp-surface1);border-radius:8px;color:var(--ctp-text);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.page-num.svelte-rqn88j:hover:not(.active){background:var(--ctp-surface0)}.page-num.active.svelte-rqn88j{background:var(--accent);color:var(--ctp-crust);border-color:var(--accent)}@media(max-width:640px){.pagination.svelte-rqn88j{gap:12px}.page-btn.svelte-rqn88j{padding:8px 12px;font-size:.8rem}.page-num.svelte-rqn88j{width:32px;height:32px;font-size:.8rem}}.projects-filter-bar.svelte-rqn88j{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-top:24px;border-top:1px solid var(--ctp-surface0);flex-wrap:wrap;gap:16px}.projects-filter-bar.svelte-rqn88j .grid-section-title:where(.svelte-rqn88j){margin-bottom:0;padding-top:0;border-top:none}.filter-tabs.svelte-rqn88j{display:flex;gap:8px;flex-wrap:wrap}.filter-tab-btn.svelte-rqn88j{padding:8px 16px;border-radius:8px;background:var(--ctp-surface0);border:1px solid var(--ctp-surface1);color:var(--ctp-text);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease;font-family:Montserrat,sans-serif}.filter-tab-btn.svelte-rqn88j:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,var(--ctp-surface0))}.filter-tab-btn.active.svelte-rqn88j{background:var(--accent);color:var(--ctp-crust);border-color:var(--accent)}@media(max-width:768px){.projects-filter-bar.svelte-rqn88j{flex-direction:column;align-items:flex-start;gap:12px}}.loader-container.svelte-rqn88j{display:flex;flex-direction:column;align-items:center;gap:40px;margin-top:40px;width:100%}.loader-card.svelte-rqn88j{background:var(--ctp-mantle);border:1px solid var(--ctp-surface0);padding:24px 32px;border-radius:16px;width:100%;max-width:480px;text-align:center;box-shadow:0 8px 32px #0003}.loader-title.svelte-rqn88j{font-size:1.1rem;font-weight:600;color:var(--ctp-text);margin-bottom:16px;font-family:Montserrat,sans-serif}.progress-bar-track.svelte-rqn88j{background:var(--ctp-surface0);height:8px;border-radius:999px;overflow:hidden;margin-bottom:10px;position:relative}.progress-bar-fill.svelte-rqn88j{height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--ctp-lavender) 100%);box-shadow:0 0 12px var(--accent);transition:width .15s ease-out}.progress-text.svelte-rqn88j{font-size:.85rem;font-family:JetBrains Mono,monospace;color:var(--ctp-overlay0)}.skeleton-grid.svelte-rqn88j{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%}.skeleton-card.svelte-rqn88j{background:var(--ctp-mantle);border:1px solid var(--ctp-surface0);border-radius:14px;padding:22px 24px;height:200px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.skeleton-card.svelte-rqn88j:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--ctp-surface1) 20%,transparent) 50%,transparent 100%);transform:translate(-100%);animation:svelte-rqn88j-skeleton-shimmer 1.5s infinite}@keyframes svelte-rqn88j-skeleton-shimmer{to{transform:translate(100%)}}.skeleton-header.svelte-rqn88j{display:flex;align-items:center;gap:10px}.skeleton-logo.svelte-rqn88j{width:30px;height:30px;border-radius:6px;background:var(--ctp-surface0)}.skeleton-title-line.svelte-rqn88j{height:16px;width:120px;border-radius:4px;background:var(--ctp-surface0)}.skeleton-body.svelte-rqn88j{display:flex;flex-direction:column;gap:8px;margin-top:16px;flex:1}.skeleton-line.svelte-rqn88j{height:12px;border-radius:4px;background:var(--ctp-surface0);width:100%}.skeleton-line.short.svelte-rqn88j{width:60%}.skeleton-footer.svelte-rqn88j{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.skeleton-badge.svelte-rqn88j{height:18px;width:50px;border-radius:999px;background:var(--ctp-surface0)}.skeleton-button.svelte-rqn88j{height:24px;width:70px;border-radius:8px;background:var(--ctp-surface0)}@media(max-width:1024px){.skeleton-grid.svelte-rqn88j{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.skeleton-grid.svelte-rqn88j{grid-template-columns:1fr}}