.project-subnav[data-astro-cid-vmkcdqhe]{width:100%;border-bottom:1px solid var(--border-muted, rgba(84, 3, 60, .12));margin-top:var(--navbar-height);background:var(--bg-color, #f3f3f3);position:sticky;top:var(--navbar-height);z-index:10}.subnav-container[data-astro-cid-vmkcdqhe]{max-width:1200px;margin:0 auto;padding:.8rem 2rem;display:flex;align-items:center}.project-detail-container[data-astro-cid-vmkcdqhe]{max-width:1040px;margin:3rem auto 8rem;padding:0 2rem;color:var(--text-color, #54033c);box-sizing:border-box}.back-link[data-astro-cid-vmkcdqhe]{font-family:Outfit,sans-serif;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:#ff3009;text-decoration:none;display:inline-block;transition:transform .3s ease;cursor:none}.back-link[data-astro-cid-vmkcdqhe]:hover{transform:translate(-4px)}.project-detail-header[data-astro-cid-vmkcdqhe]{width:100%;background:#54033c04;border-bottom:1px solid var(--border-muted, rgba(84, 3, 60, .12));padding:1.5rem 0;margin:0 0 1rem}.header-container[data-astro-cid-vmkcdqhe]{max-width:1200px;margin:0 auto;padding:0 2rem;box-sizing:border-box}.project-badge[data-astro-cid-vmkcdqhe]{font-family:Outfit,sans-serif;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;opacity:.5;display:block;margin-bottom:.75rem}.project-title[data-astro-cid-vmkcdqhe]{font-family:"DM Serif Display",serif;font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1.1;margin:0 0 1.2rem;color:var(--text-color, #54033c)}.project-summary[data-astro-cid-vmkcdqhe]{font-family:Outfit,sans-serif;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.6;opacity:.75;margin-bottom:1.5rem;max-width:800px}.project-tech-tags[data-astro-cid-vmkcdqhe]{display:flex;flex-wrap:wrap;gap:.6rem}.project-tech-tags[data-astro-cid-vmkcdqhe] span[data-astro-cid-vmkcdqhe]{font-family:Outfit,sans-serif;font-size:.7rem;font-weight:600;padding:.35rem .8rem;border:1px solid rgba(84,3,60,.15);border-radius:99px;text-transform:uppercase;letter-spacing:.08em;opacity:.7}.project-mdx-content[data-astro-cid-vmkcdqhe]>h1,.project-mdx-content[data-astro-cid-vmkcdqhe]>h2,.project-mdx-content[data-astro-cid-vmkcdqhe]>h3,.project-mdx-content[data-astro-cid-vmkcdqhe]>h4,.project-mdx-content[data-astro-cid-vmkcdqhe]>h5,.project-mdx-content[data-astro-cid-vmkcdqhe]>h6,.project-mdx-content[data-astro-cid-vmkcdqhe]>p,.project-mdx-content[data-astro-cid-vmkcdqhe]>ul,.project-mdx-content[data-astro-cid-vmkcdqhe]>ol,.project-mdx-content[data-astro-cid-vmkcdqhe]>blockquote,.project-mdx-content[data-astro-cid-vmkcdqhe]>hr{max-width:760px;margin-left:auto;margin-right:auto}.lightbox[data-astro-cid-vmkcdqhe]{display:flex;visibility:hidden;pointer-events:none;position:fixed;z-index:999999!important;left:0;top:0;width:100%;height:100%;background-color:#36033cf5;backdrop-filter:blur(12px);justify-content:center;align-items:center;opacity:0;padding-top:80px;box-sizing:border-box}.lightbox-wrapper[data-astro-cid-vmkcdqhe]{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:90%;max-height:90vh;position:relative;margin-top:40px}.lightbox-content[data-astro-cid-vmkcdqhe]{max-width:100%;max-height:75vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 50px #0000004d;transform:scale(.9);opacity:0}.lightbox-close[data-astro-cid-vmkcdqhe]{position:absolute;top:2rem;right:2.5rem;color:#fff;font-size:3rem;font-weight:300;cursor:pointer;z-index:1000000!important;line-height:1;user-select:none;opacity:0;transform:translateY(-10px);transition:color .3s ease}.lightbox-close[data-astro-cid-vmkcdqhe]:hover{color:#ff3009}.lightbox-caption[data-astro-cid-vmkcdqhe]{margin-top:1.5rem;color:#ffffffd9;font-family:Outfit,sans-serif;font-size:.95rem;text-align:center;line-height:1.5}@media(max-width:768px){.project-subnav[data-astro-cid-vmkcdqhe]{margin-top:var(--navbar-height)!important;top:var(--navbar-height)!important}.project-detail-header[data-astro-cid-vmkcdqhe]{margin-top:0!important;margin-bottom:.5rem;padding:1rem 0}.project-detail-container[data-astro-cid-vmkcdqhe]{padding:0 1.25rem;margin:2rem auto 5rem}.header-container[data-astro-cid-vmkcdqhe]{padding:0 1.25rem}.subnav-container[data-astro-cid-vmkcdqhe]{padding:.8rem 1.25rem}.project-tech-tags[data-astro-cid-vmkcdqhe]{gap:.4rem}.project-tech-tags[data-astro-cid-vmkcdqhe] span[data-astro-cid-vmkcdqhe]{font-size:.65rem;padding:.25rem .6rem}}body.lightbox-open main{z-index:9999999!important;position:relative}.project-mdx-content h1,.project-mdx-content h2,.project-mdx-content h3{font-family:"DM Serif Display",serif;font-weight:400;color:var(--text-color, #54033c);margin-top:2.5rem;margin-bottom:1rem}.project-mdx-content h2{font-size:2rem}.project-mdx-content p{font-family:Outfit,sans-serif;font-size:1.05rem;line-height:1.7;opacity:.8;margin-bottom:1.5rem}.project-mdx-content ul{margin-bottom:1.5rem;padding-left:1.5rem}.project-mdx-content li{font-family:Outfit,sans-serif;font-size:1.05rem;line-height:1.7;opacity:.8;margin-bottom:.5rem}.project-mdx-content a{color:#ff3009;font-weight:600;position:relative;text-decoration:none;transition:color .3s cubic-bezier(.16,1,.3,1);display:inline-block}.project-mdx-content a:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:#ff3009;transform-origin:bottom right;transition:transform .3s cubic-bezier(.16,1,.3,1)}.project-mdx-content a:hover{color:#ff5e00}.project-mdx-content a:hover:after{transform:scaleX(1);transform-origin:bottom left;background-color:#ff5e00}.project-mdx-content .featured-gif-container{margin:3rem 0 1rem;border-radius:12px;overflow:hidden;box-shadow:0 12px 40px #54033c1f;border:1px solid rgba(84,3,60,.08)}.project-mdx-content .featured-gif{width:100%;height:auto;display:block}.project-mdx-content .comparative-teaser-container{margin:3rem 0 1rem;border-radius:12px;overflow:hidden;box-shadow:0 12px 40px #54033c14;border:1px solid rgba(84,3,60,.06)}.project-mdx-content .teaser-img{width:100%;height:auto;display:block}.project-mdx-content .featured-video-container{margin:2.5rem 0}.project-mdx-content .featured-video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;box-shadow:0 12px 40px #54033c1f;border:1px solid rgba(84,3,60,.08)}.project-mdx-content .featured-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.project-mdx-content .vertical-video-container{margin:2.5rem auto;max-width:320px}.project-mdx-content .vertical-video{position:relative;padding-bottom:177.77%;height:0;overflow:hidden;border-radius:12px;box-shadow:0 12px 40px #54033c1f;border:1px solid rgba(84,3,60,.08)}.project-mdx-content .vertical-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.project-mdx-content .process-images,.project-mdx-content .screenshot-gallery{display:grid;grid-template-columns:1fr;gap:2.5rem;margin:3rem 0}@media(min-width:769px){.project-mdx-content .screenshot-gallery,.project-mdx-content .process-images{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}}.project-mdx-content .image-card,.project-mdx-content .screenshot-card,.project-mdx-content .gif-card{background:transparent;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;width:100%}.project-mdx-content .image-card:hover,.project-mdx-content .screenshot-card:hover,.project-mdx-content .gif-card:hover{transform:none;box-shadow:none}.project-mdx-content .process-img,.project-mdx-content .screenshot-img,.project-mdx-content .gif-media{width:100%;height:auto;display:block;border-radius:12px;box-shadow:0 12px 40px #54033c14;border:1px solid rgba(84,3,60,.06)}.project-mdx-content .image-caption-container,.project-mdx-content .screenshot-caption-container,.project-mdx-content .gif-caption-container{padding:.8rem 0 0;display:flex;flex-direction:column;align-items:center}.project-mdx-content .image-step-tag,.project-mdx-content .screenshot-tag,.project-mdx-content .gif-tag{font-family:Outfit,sans-serif;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#ff3009;margin-bottom:.3rem;display:block;text-align:center}.project-mdx-content .image-caption,.project-mdx-content .screenshot-caption,.project-mdx-content .gif-caption{font-family:Outfit,sans-serif;font-size:.85rem;line-height:1.5;margin:0;opacity:.6;text-align:center;color:#54033c}.project-mdx-content>.image-caption{margin-top:0rem;margin-bottom:3rem}.project-mdx-content .video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin:2rem 0}.project-mdx-content .video-card{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;box-shadow:0 6px 20px #54033c0f;border:1px solid rgba(84,3,60,.08);transition:transform .3s ease,box-shadow .3s ease}.project-mdx-content .video-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #54033c1f}.project-mdx-content .video-card iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.project-mdx-content .gif-section{margin:2.5rem 0}.project-mdx-content .featured-linkedin-container{margin:2.5rem 0;width:100%;display:flex;justify-content:center;border-radius:12px;overflow:hidden;box-shadow:0 12px 40px #54033c1f;border:1px solid rgba(84,3,60,.08)}.project-mdx-content .featured-linkedin-container iframe{display:block;width:100%;border:0}