@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&display=swap";:root{--surface:#131313;--surface-dim:#131313;--surface-bright:#393939;--surface-container-lowest:#0e0e0e;--surface-container-low:#1c1b1b;--surface-container:#201f1f;--surface-container-high:#2a2a2a;--surface-container-highest:#353534;--on-surface:#e5e2e1;--on-surface-variant:#c1c6d7;--outline:#8b90a0;--outline-variant:#414755;--primary:#adc6ff;--on-primary:#002e69;--primary-container:#4b8eff;--on-primary-container:#00285c;--secondary:#c6c6c7;--on-secondary:#2f3131;--secondary-container:#454747;--on-secondary-container:#b4b5b5;--background:#131313;--on-background:#e5e2e1;--font-manrope:"Manrope", sans-serif;--font-mono:"JetBrains Mono", monospace}body{background-color:var(--background);color:var(--on-background);font-family:var(--font-manrope);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-manrope);margin:0}.headline-xl{letter-spacing:-.04em;font-size:80px;font-weight:800;line-height:90px}.headline-lg{letter-spacing:-.02em;font-size:48px;font-weight:700;line-height:56px}.headline-md{font-size:24px;font-weight:600;line-height:32px}.body-lg{font-size:18px;font-weight:400;line-height:28px}.body-md{font-size:16px;font-weight:400;line-height:24px}.code-sm{font-family:var(--font-mono);font-size:14px;font-weight:400;line-height:20px}.label-caps{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:500;line-height:16px}.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px}.container{max-width:1280px;margin:0 auto;padding:0 24px}.grid-works{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:48px;display:grid}.btn-primary{background-color:var(--primary);color:var(--on-primary);font-family:var(--font-manrope);cursor:pointer;border:none;border-radius:4px;padding:12px 24px;font-weight:600;transition:all .3s}.btn-primary:hover{box-shadow:0 0 32px #adc6ff26}.btn-secondary{color:#fff;font-family:var(--font-manrope);cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:4px;padding:12px 24px;font-weight:600;transition:all .3s}.btn-secondary:hover{border-color:#fff}@media (width<=768px){.headline-xl{font-size:40px;line-height:48px}.headline-lg{font-size:32px;line-height:40px}.hero{padding:30px 0 20px}.grid-works{grid-template-columns:1fr;gap:32px}.container{padding:0 16px}.work-content{padding:24px}}.app-wrapper[data-v-8719085e]{min-height:100vh;padding-bottom:100px}.header[data-v-8719085e]{border-bottom:1px solid #ffffff0d;padding:40px 0}.header-inner[data-v-8719085e]{justify-content:space-between;align-items:flex-start;display:flex}.tag[data-v-8719085e]{color:var(--primary);margin-top:8px}.main-nav[data-v-8719085e]{gap:24px;display:flex}.nav-link[data-v-8719085e]{color:var(--on-surface-variant);text-decoration:none;transition:color .3s}.nav-link[data-v-8719085e]:hover,.nav-link.router-link-active[data-v-8719085e]{color:var(--primary)}@media (width<=768px){.header-inner[data-v-8719085e]{flex-direction:column;gap:20px}}.hero[data-v-1d36d0ba]{max-width:800px;padding:100px 0}@media (width<=768px){.hero[data-v-1d36d0ba]{padding:30px 0 20px}.work-content[data-v-1d36d0ba]{padding:24px}}.text-secondary[data-v-1d36d0ba]{color:var(--on-surface-variant);max-width:600px;margin-top:24px}.section-header[data-v-1d36d0ba]{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:baseline;padding-bottom:16px;display:flex}.loading[data-v-1d36d0ba]{color:var(--primary);padding:40px 0}.work-card[data-v-1d36d0ba]{flex-direction:column;height:100%;transition:transform .3s,border-color .3s;display:flex;overflow:hidden}.work-card[data-v-1d36d0ba]:hover{border-color:#ffffff4d;transform:translateY(-8px)}.work-image-placeholder[data-v-1d36d0ba]{background:var(--surface-container-highest);height:240px;overflow:hidden}.work-image-placeholder img[data-v-1d36d0ba]{object-fit:cover;width:100%;height:100%;transition:transform .5s}.work-card:hover .work-image-placeholder img[data-v-1d36d0ba]{transform:scale(1.05)}.img-fallback[data-v-1d36d0ba]{background:linear-gradient(135deg, var(--surface-container-high), var(--surface-container-lowest));width:100%;height:100%}.work-content[data-v-1d36d0ba]{flex-direction:column;flex-grow:1;padding:32px;display:flex}.work-meta[data-v-1d36d0ba]{justify-content:space-between;margin-bottom:16px;display:flex}.text-muted[data-v-1d36d0ba]{color:var(--on-surface-variant)}.mt-4[data-v-1d36d0ba]{margin-top:auto}.fullscreen-modal[data-v-1d36d0ba]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#000000f2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.fullscreen-modal img[data-v-1d36d0ba]{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%;box-shadow:0 0 40px #00000080}.close-btn[data-v-1d36d0ba]{color:#fff;cursor:pointer;z-index:10000;background:0 0;border:none;font-size:40px;transition:color .3s;position:absolute;top:20px;right:30px}.close-btn[data-v-1d36d0ba]:hover{color:var(--primary)}.lab-header[data-v-ea26aea4]{border-bottom:1px solid #ffffff1a;margin-bottom:40px;padding:60px 0 40px}.font-mono[data-v-ea26aea4]{font-family:var(--font-mono);letter-spacing:-.02em}.mt-3[data-v-ea26aea4]{margin-top:16px}.text-secondary[data-v-ea26aea4]{color:var(--on-surface-variant);max-width:600px}.loading[data-v-ea26aea4]{color:var(--primary);padding:40px 0}.lab-card[data-v-ea26aea4]{cursor:pointer;flex-direction:column;height:100%;transition:transform .3s,border-color .3s;display:flex;overflow:hidden}.lab-card[data-v-ea26aea4]:hover{border-color:#fff6;transform:translateY(-4px);box-shadow:0 10px 30px #0000004d}.lab-media[data-v-ea26aea4]{background:var(--surface-container-highest);height:300px;overflow:hidden}.lab-media img[data-v-ea26aea4],.lab-media video[data-v-ea26aea4]{object-fit:cover;width:100%;height:100%;transition:transform .5s}.lab-card:hover .lab-media img[data-v-ea26aea4],.lab-card:hover .lab-media video[data-v-ea26aea4]{transform:scale(1.03)}.lab-content[data-v-ea26aea4]{background:#0003;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.text-muted[data-v-ea26aea4]{color:var(--on-surface-variant)}.fullscreen-modal[data-v-ea26aea4]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#000000f2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content-wrapper[data-v-ea26aea4]{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.fullscreen-modal img[data-v-ea26aea4],.fullscreen-modal video[data-v-ea26aea4]{object-fit:contain;background:#000;border-radius:8px;max-width:100%;max-height:90vh;box-shadow:0 0 40px #00000080}.close-btn[data-v-ea26aea4]{color:#fff;cursor:pointer;z-index:10000;background:0 0;border:none;font-size:40px;transition:color .3s;position:absolute;top:20px;right:30px}.close-btn[data-v-ea26aea4]:hover{color:var(--primary)}@media (width<=768px){.lab-header[data-v-ea26aea4]{padding:30px 0 20px}.fullscreen-modal[data-v-ea26aea4]{padding:20px}}