.showcase-section[data-astro-cid-xyg7ob6d]{padding-top:5rem;padding-bottom:5rem;position:relative}.filter-tabs-container[data-astro-cid-xyg7ob6d]{display:flex;justify-content:center;margin-bottom:3rem}.filter-tabs[data-astro-cid-xyg7ob6d]{display:inline-flex;flex-wrap:wrap;gap:.35rem;background:#ffffffa6;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);padding:.35rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.9);box-shadow:0 4px 16px #0f172a09,inset 0 1px 1px #fffffff2}.filter-btn[data-astro-cid-xyg7ob6d]{padding:.6rem 1.35rem;font-size:.9rem;font-weight:500;color:var(--text-muted);border-radius:var(--radius-sm);transition:all .22s cubic-bezier(.16,1,.3,1);position:relative;user-select:none}.filter-btn[data-astro-cid-xyg7ob6d]:hover{color:var(--text-main);background:#f1f5f9}.filter-btn[data-astro-cid-xyg7ob6d]:active{transform:scale(.95)}.filter-btn[data-astro-cid-xyg7ob6d].active{background:var(--accent-primary);color:#fff;box-shadow:0 4px 14px #0f172a2e,0 0 0 1px #0f172a14;transform:scale(1.02)}.projects-grid[data-astro-cid-xyg7ob6d]{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media(max-width:1024px){.projects-grid[data-astro-cid-xyg7ob6d]{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.projects-grid[data-astro-cid-xyg7ob6d]{grid-template-columns:1fr}}.project-card[data-astro-cid-xyg7ob6d]{background:transparent;border:none;outline:none;border-radius:0;padding:0;box-shadow:none;display:flex;flex-direction:column;cursor:pointer;transition:transform .28s cubic-bezier(.16,1,.3,1)}.project-card[data-astro-cid-xyg7ob6d]:focus,.project-card[data-astro-cid-xyg7ob6d]:focus-visible{outline:none}.project-card[data-astro-cid-xyg7ob6d]:hover{background:transparent;transform:translateY(-4px);box-shadow:none}.project-card[data-astro-cid-xyg7ob6d].hidden{display:none!important}.project-card[data-astro-cid-xyg7ob6d].is-filtering-out{opacity:0!important;filter:blur(8px)!important;transform:scale(.96) translateY(6px)!important;transition:opacity .15s cubic-bezier(.4,0,.2,1),filter .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1)!important;transition-delay:0s!important;pointer-events:none;will-change:opacity,filter,transform}.project-card[data-astro-cid-xyg7ob6d].is-filtering-in{opacity:0;filter:blur(10px);animation:cinematicFocusIn .32s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--filter-stagger, 0ms);will-change:opacity,filter,transform}@keyframes cinematicFocusIn{0%{opacity:0;filter:blur(10px);transform:scale(.96) translateY(12px)}60%{opacity:.85;filter:blur(3px)}to{opacity:1;filter:blur(0px);transform:scale(1) translateY(0)}}@media(prefers-reduced-motion:reduce){.project-card[data-astro-cid-xyg7ob6d].is-filtering-out,.project-card[data-astro-cid-xyg7ob6d].is-filtering-in{transition:none!important;animation:none!important;opacity:1!important;filter:none!important;transform:none!important}}.project-thumb-wrapper[data-astro-cid-xyg7ob6d]{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:16px;overflow:hidden;background-color:#0f172a;border:none;outline:none;box-shadow:0 4px 16px -3px #0f172a0d;transition:box-shadow .3s cubic-bezier(.16,1,.3,1)}.project-card[data-astro-cid-xyg7ob6d]:hover .project-thumb-wrapper[data-astro-cid-xyg7ob6d]{box-shadow:0 16px 36px -10px #0f172a1f}.project-thumb[data-astro-cid-xyg7ob6d]{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s cubic-bezier(.16,1,.3,1)}.project-card[data-astro-cid-xyg7ob6d]:hover .project-thumb[data-astro-cid-xyg7ob6d]{transform:scale(1.035)}.thumb-overlay[data-astro-cid-xyg7ob6d]{position:absolute;inset:0;background:#0f172a47;display:flex;align-items:center;justify-content:center;opacity:0;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transition:opacity .25s cubic-bezier(.16,1,.3,1)}.project-card[data-astro-cid-xyg7ob6d]:hover .thumb-overlay[data-astro-cid-xyg7ob6d]{opacity:1}.play-btn-circle[data-astro-cid-xyg7ob6d]{width:44px;height:44px;border-radius:50%;background:#fffffff0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--accent-primary, #0f172a);display:flex;align-items:center;justify-content:center;border:none;outline:none;box-shadow:0 8px 20px #0f172a33;transform:scale(.85);transition:transform .25s cubic-bezier(.16,1,.3,1)}.project-card[data-astro-cid-xyg7ob6d]:hover .play-btn-circle[data-astro-cid-xyg7ob6d]{transform:scale(1)}.play-icon[data-astro-cid-xyg7ob6d]{width:18px;height:18px;margin-left:2px}.thumb-duration[data-astro-cid-xyg7ob6d]{position:absolute;bottom:.65rem;right:.65rem;background:#0f172aa6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;outline:none;color:#fff;font-size:.7rem;font-weight:600;padding:.22rem .55rem;border-radius:6px;letter-spacing:.04em;pointer-events:none;box-shadow:0 2px 8px #0000002e}.thumb-multi-badge[data-astro-cid-xyg7ob6d]{position:absolute;top:.65rem;right:.65rem;z-index:3;display:inline-flex;align-items:center;padding:.22rem .6rem;font-size:.68rem;font-weight:600;letter-spacing:.04em;color:#fff;background:#0f172aa6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;outline:none;border-radius:6px;box-shadow:0 2px 8px #0000002e;pointer-events:none}.project-info[data-astro-cid-xyg7ob6d]{padding:.75rem .15rem 0;display:flex;flex-direction:column;gap:.25rem}.project-meta[data-astro-cid-xyg7ob6d]{display:flex;align-items:center;gap:.4rem;font-size:.68rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim)}.meta-separator[data-astro-cid-xyg7ob6d]{color:var(--text-light);font-size:.65rem}.project-category[data-astro-cid-xyg7ob6d]{color:var(--text-light);font-weight:400}.project-title[data-astro-cid-xyg7ob6d]{font-size:.92rem;font-weight:450;color:var(--text-main);line-height:1.4;letter-spacing:-.01em;transition:color var(--transition-fast)}.project-card[data-astro-cid-xyg7ob6d]:hover .project-title[data-astro-cid-xyg7ob6d]{color:var(--accent-blue, #0284c7)}.yt-modal-backdrop{position:fixed;inset:0;z-index:99999;width:100vw;height:100vh;background:#f8fafcf0;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.yt-modal-backdrop.open{display:flex;opacity:1;pointer-events:auto}.yt-topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:.9rem 2.25rem;background:#ffffffd9;backdrop-filter:blur(20px) saturate(190%);-webkit-backdrop-filter:blur(20px) saturate(190%);border-bottom:1px solid rgba(226,232,240,.85);flex-shrink:0}@media(max-width:640px){.yt-topbar{padding:.8rem 1.25rem}}.yt-topbar-left{display:flex;align-items:center;gap:.75rem;min-width:0}.yt-studio-badge{font-size:.72rem;font-weight:700;letter-spacing:.08em;color:#fff;background:#0f172a;padding:.25rem .65rem;border-radius:6px;flex-shrink:0}.yt-topbar-divider{color:#cbd5e1;font-size:.85rem}.yt-client-breadcrumb{font-size:.85rem;font-weight:500;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yt-close-btn{display:inline-flex;align-items:center;gap:.65rem;background:#ffffffe6;border:1px solid rgba(203,213,225,.85);color:#0f172a;padding:.4rem .5rem .4rem 1rem;border-radius:9999px;cursor:pointer;box-shadow:0 2px 8px #0f172a0a;transition:all .2s cubic-bezier(.16,1,.3,1);flex-shrink:0}.yt-close-btn:hover{background:#fff;border-color:#0f172a;transform:translateY(-1px);box-shadow:0 4px 14px #0f172a14}.yt-close-label{font-size:.78rem;font-weight:600;color:#0f172a;letter-spacing:.02em}@media(max-width:480px){.yt-close-label{display:none}.yt-close-btn{padding:.45rem}}.yt-close-icon-wrap{width:26px;height:26px;background:#0f172a0f;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#0f172a;transition:transform .2s ease,background .2s ease}.yt-close-btn:hover .yt-close-icon-wrap{transform:rotate(90deg);background:#0f172a1f}.yt-modal-scroll{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;z-index:10;scroll-behavior:smooth;padding:2rem 2.25rem 5rem;scrollbar-width:thin;scrollbar-color:rgba(15,23,42,.2) transparent}@media(max-width:640px){.yt-modal-scroll{padding:1.25rem 1rem 4rem}}.yt-modal-scroll::-webkit-scrollbar{width:6px}.yt-modal-scroll::-webkit-scrollbar-thumb{background:#0f172a33;border-radius:6px}.yt-stage-container{max-width:1460px;margin:0 auto;width:100%}.yt-layout-grid{display:grid;grid-template-columns:1fr 370px;grid-template-areas:"player sidebar" "details sidebar";gap:2rem;align-items:start;width:100%;transition:all .3s ease}.yt-player-frame{grid-area:player}.yt-details-box{grid-area:details}.yt-playlist-sidebar{grid-area:sidebar}.yt-layout-grid.is-single-video{grid-template-columns:1fr;grid-template-areas:"player" "details";max-width:1080px;margin:0 auto}.yt-layout-grid.is-vertical-video{grid-template-columns:minmax(320px,420px) minmax(360px,580px);grid-template-areas:"player details" "player sidebar";max-width:1040px;margin:0 auto;gap:2.25rem;align-items:start;justify-content:center}.yt-layout-grid.is-vertical-video.is-single-video{grid-template-columns:minmax(320px,420px) minmax(360px,580px);grid-template-areas:"player details";max-width:1040px;margin:0 auto;justify-content:center}.yt-player-frame{position:relative;width:100%;border-radius:16px;overflow:hidden;background:#000;border:1px solid rgba(15,23,42,.1);box-shadow:0 20px 40px -15px #0f172a26,0 6px 16px -4px #0f172a0f;transition:all .3s cubic-bezier(.16,1,.3,1)}.yt-player-aspect{position:relative;width:100%;padding-top:56.25%;background:#000}.yt-player-aspect iframe{position:absolute;inset:0;width:100%;height:100%;border:none;display:block}.yt-layout-grid.is-vertical-video .yt-player-frame{width:100%;max-width:420px;height:74vh;max-height:740px;min-height:480px;aspect-ratio:9 / 16;margin:0 auto;border-radius:20px;box-shadow:0 24px 48px -12px #0f172a33,0 8px 20px -4px #0f172a14;grid-row:1 / span 2}.yt-layout-grid.is-vertical-video .yt-player-aspect{width:100%;height:100%;padding-top:0;aspect-ratio:9 / 16}.yt-details-box{background:#ffffffeb;border:1px solid rgba(226,232,240,.85);border-radius:18px;padding:1.75rem 2rem;box-shadow:0 8px 24px -4px #0f172a0a,inset 0 1px 1px #fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all .3s ease}.yt-layout-grid.is-vertical-video .yt-details-box{padding:2rem 2.25rem;border-radius:20px;box-shadow:0 12px 32px -6px #0f172a0f,inset 0 1px 1.5px #fffffffa}@media(max-width:1024px){.yt-layout-grid{grid-template-columns:1fr;grid-template-areas:"player" "details" "sidebar";gap:1.75rem}.yt-layout-grid.is-vertical-video,.yt-layout-grid.is-vertical-video.is-single-video{grid-template-columns:1fr;grid-template-areas:"player" "details" "sidebar";max-width:480px;gap:1.5rem}.yt-layout-grid.is-vertical-video .yt-player-frame{grid-row:auto;max-width:100%;height:68vh;max-height:580px;min-height:400px}}@media(max-width:640px){.yt-details-box{padding:1.25rem}}.yt-details-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;flex-wrap:wrap}.yt-title-group{display:flex;flex-direction:column;gap:.35rem;max-width:780px}.yt-client-tag{font-size:.76rem;font-weight:700;color:#64748b;letter-spacing:.06em;text-transform:uppercase}.yt-project-title{font-size:1.55rem;font-weight:600;color:#0f172a;line-height:1.25;margin:0}@media(max-width:640px){.yt-project-title{font-size:1.25rem}}.yt-tools-list{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}:global(.yt-tool-chip){font-size:.74rem;font-weight:500;color:#334155;background:#0f172a0a;border:1px solid rgba(203,213,225,.8);padding:.25rem .65rem;border-radius:6px}.yt-divider{height:1px;background:#e2e8f0d9;margin:1.25rem 0}.yt-details-body{color:#334155}.yt-project-desc{font-size:.96rem;color:#334155;line-height:1.75;margin:0;white-space:pre-line}.yt-playlist-sidebar{display:flex;flex-direction:column;min-width:0}.yt-sidebar-card{background:#ffffffe0;border:1px solid rgba(226,232,240,.85);border-radius:18px;padding:1.25rem;box-shadow:0 8px 24px -4px #0f172a0a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:.75rem;position:sticky;top:5rem}.yt-sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.yt-header-title-box{display:flex;align-items:center;gap:.5rem}.yt-header-icon{color:#0f172a}.yt-playlist-title{font-size:.88rem;font-weight:700;color:#0f172a;letter-spacing:.02em;margin:0}.yt-playlist-count-pill{font-size:.72rem;font-weight:700;color:#0f172a;background:#0f172a0f;border:1px solid rgba(15,23,42,.1);padding:.2rem .55rem;border-radius:9999px}.yt-sidebar-subtitle{font-size:.76rem;color:#64748b;margin:0;border-bottom:1px solid rgba(226,232,240,.75);padding-bottom:.75rem}.yt-playlist-list{display:flex;flex-direction:column;gap:.65rem;max-height:calc(100vh - 240px);overflow-y:auto;overflow-x:hidden;padding-right:.25rem;scrollbar-width:thin;scrollbar-color:rgba(15,23,42,.15) transparent}@media(max-width:1024px){.yt-playlist-list{max-height:none}.yt-sidebar-card{position:static}}.yt-playlist-list::-webkit-scrollbar{width:4px}.yt-playlist-list::-webkit-scrollbar-thumb{background:#0f172a26;border-radius:4px}:global(.yt-video-row){display:flex;align-items:flex-start;gap:.75rem;padding:.6rem;border-radius:12px;background:transparent;border:1px solid transparent;cursor:pointer;text-align:left;transition:all .2s cubic-bezier(.16,1,.3,1);user-select:none;width:100%}:global(.yt-video-row:hover){background:#fffffff2;border-color:#cbd5e1cc;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a0a}:global(.yt-video-row.active){background:#fff;border-color:#0f172a;box-shadow:0 4px 16px #0f172a14}:global(.yt-row-thumb-box){position:relative;width:124px;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;flex-shrink:0;background:#0f172a;box-shadow:0 2px 6px #0f172a14}@media(max-width:480px){:global(.yt-row-thumb-box){width:108px}}:global(.yt-row-thumb-img){width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}:global(.yt-video-row:hover .yt-row-thumb-img){transform:scale(1.05)}:global(.yt-row-index-pill){position:absolute;bottom:.35rem;right:.35rem;font-size:.65rem;font-weight:700;color:#fff;background:#0f172ad9;backdrop-filter:blur(4px);padding:.1rem .35rem;border-radius:4px}:global(.yt-row-play-overlay){position:absolute;inset:0;background:#0f172a59;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}:global(.yt-video-row:hover .yt-row-play-overlay){opacity:1}:global(.yt-row-play-icon){width:26px;height:26px;border-radius:50%;background:#fffffff2;color:#0f172a;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}:global(.yt-row-info){display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}:global(.yt-row-title){font-size:.82rem;font-weight:500;color:#0f172a;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}:global(.yt-video-row.active .yt-row-title){font-weight:700;color:#0f172a}:global(.yt-row-status-box){display:flex;align-items:center;gap:.35rem;font-size:.7rem;color:#64748b}:global(.yt-video-row.active .yt-row-status-box){color:#047857;font-weight:600}:global(.yt-row-dot){width:6px;height:6px;border-radius:50%;background:#cbd5e1;display:inline-block}:global(.yt-video-row.active .yt-row-dot){background:#10b981;box-shadow:0 0 6px #10b98199}