@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&display=swap";.projects-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width:768px){.projects-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:1.25rem}.project-card-shell[data-layout=wide],.project-card-shell[data-layout=narrow]{grid-column:span 6}.project-card-shell[data-layout=full]{grid-column:span 12}}@media(min-width:1024px){.projects-grid{gap:1.5rem}.project-card-shell[data-layout=wide]{grid-column:span 7}.project-card-shell[data-layout=narrow]{grid-column:span 5}}.project-card-shell{background:var(--surface-card-outer);border:1px solid var(--border-hairline);border-radius:var(--radius-card);padding:var(--bezel-width);display:block;color:inherit;scroll-margin-top:7rem;opacity:0;transform:translateY(20px);filter:blur(4px);transition:opacity .8s var(--ease-mass) var(--entry-delay, 0ms),transform .8s var(--ease-mass) var(--entry-delay, 0ms),filter .8s var(--ease-mass) var(--entry-delay, 0ms),border-color .4s var(--ease-mass);will-change:transform,opacity}.project-card-shell.is-visible{opacity:1;transform:translateY(0);filter:blur(0)}.project-card-shell[data-status=production].is-visible:hover,.project-card-shell[data-status=production].is-visible:focus-within{border-color:var(--border-hairline-hover);transform:translateY(-3px);transition-duration:.45s;transition-delay:0ms}.project-card-core{background:var(--surface-card-inner);box-shadow:inset 0 1px 1px var(--highlight-inset);border-radius:calc(var(--radius-card) - var(--bezel-width));overflow:hidden;height:100%;display:flex;flex-direction:column}.card-banner{position:relative;height:clamp(150px,26vw,200px);overflow:hidden;flex-shrink:0}.banner-bg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;transform:scale(1.08);filter:blur(4px);transition:transform .7s var(--ease-mass)}.project-card-shell[data-status=production]:hover .banner-bg{transform:scale(1.13)}.banner-overlay{position:absolute;inset:0;background:var(--banner-gradient-overlay)}.banner-meta{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:16px 20px;pointer-events:none}.banner-link{position:absolute;inset:0;z-index:2;border-radius:inherit}.banner-link:focus-visible{outline:2px solid hsl(var(--ring) / .7);outline-offset:-4px}.card-header-text{padding:22px 20px 0}.card-identity{display:flex;align-items:center;gap:11px;min-width:0}.project-logo{width:40px;height:40px;border-radius:9px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.project-monogram{width:40px;height:40px;border-radius:9px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--surface-glass-subtle);border:1px solid var(--border-glass);color:var(--badge-active-text);font-size:.85rem;font-weight:600}.project-name{color:var(--text-on-overlay);font-size:1.4rem;font-weight:600;letter-spacing:-.015em;line-height:1.25;text-wrap:balance}.project-name--dark{color:var(--text-primary)}.project-name-accent{color:var(--project-brand-accent, currentColor)}.font-family-comfortaa{font-family:Comfortaa,Plus Jakarta Sans,Inter,system-ui,sans-serif}.font-family-dm-sans{font-family:DM Sans,Plus Jakarta Sans,Inter,system-ui,sans-serif}.external-icon-wrapper{width:30px;height:30px;border-radius:50%;background:var(--surface-glass-subtle);border:1px solid var(--border-glass);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-on-overlay-muted);transition:transform .45s var(--ease-mass),background-color .45s var(--ease-mass),color .45s var(--ease-mass)}.project-card-shell[data-status=production]:hover .external-icon-wrapper,.project-card-shell[data-status=production]:focus-within .external-icon-wrapper{transform:translate(2px,-2px) scale(1.06);background:var(--surface-glass-medium);color:var(--text-on-overlay)}.card-body{padding:20px;display:flex;flex-direction:column;gap:15px;flex:1}.card-tagline{font-size:.94rem;color:var(--text-primary);line-height:1.6;letter-spacing:-.005em;text-wrap:pretty}.card-section{display:flex;flex-direction:column;gap:6px}.card-section p{font-size:.82rem;color:var(--text-muted);line-height:1.75;text-wrap:pretty}.card-description{gap:10px}.section-label{font-size:.63rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent)}.card-footer{margin-top:auto;padding-top:4px;display:flex;flex-direction:column;gap:14px}.card-footer-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.archive-link{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;letter-spacing:.02em;color:var(--text-dim);text-decoration:none;transition:color .3s var(--ease-mass)}.archive-link:hover,.archive-link:focus-visible{color:var(--text-primary)}.card-tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0}.card-tag{padding:4px 10px;border-radius:100px;font-size:.69rem;font-weight:500;letter-spacing:.01em;background:hsl(var(--primary) / .06);color:hsl(var(--primary) / .68)}@media(min-width:1024px){.project-card-shell[data-layout=full] .card-body{display:grid;grid-template-columns:minmax(0,20rem) minmax(0,1fr);-moz-column-gap:3.5rem;column-gap:3.5rem;row-gap:15px;padding:28px}.project-card-shell[data-layout=full] .card-tagline{grid-column:1;grid-row:1;font-size:1.05rem}.project-card-shell[data-layout=full] .card-footer{grid-column:1;grid-row:2;align-self:end}.project-card-shell[data-layout=full] .card-section{grid-column:2}.project-card-shell[data-layout=full] .card-header-text{padding:28px 28px 0}}.screenshot-strip{display:flex;flex-wrap:wrap;gap:7px}.thumb-btn{position:relative;min-width:0;aspect-ratio:16 / 10;overflow:hidden;border-radius:9px;border:1px solid var(--border-hairline);background:var(--surface-card-outer);cursor:pointer;padding:0;transition:transform .4s var(--ease-mass),border-color .4s var(--ease-mass)}.thumb-btn:hover,.thumb-btn:focus-visible{transform:scale(1.04);border-color:var(--border-hairline-hover)}.thumb-btn:focus-visible{outline:2px solid hsl(var(--ring) / .6);outline-offset:2px}.thumb-btn:active{transform:scale(.98)}.thumb-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block}.thumb-placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,var(--surface-glass-subtle),transparent 70%)}.thumb-play,.thumb-overflow{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-on-overlay)}.thumb-play{background:var(--overlay-medium)}.thumb-overflow{background:var(--overlay-heavy);font-size:.8rem;font-weight:500;letter-spacing:.02em}.lightbox-backdrop{position:fixed;inset:0;z-index:var(--z-modal);background:var(--overlay-modal);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;padding:16px;animation:lightbox-fade-in .35s var(--ease-mass) forwards}@media(min-width:768px){.lightbox-backdrop{padding:32px}}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}.lightbox-panel{position:relative;width:100%;max-width:min(1000px,100%);display:flex;flex-direction:column;gap:12px}.lightbox-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.lightbox-counter{font-size:.76rem;font-weight:500;letter-spacing:.08em;color:var(--text-on-overlay-muted);font-variant-numeric:tabular-nums}.lightbox-close{width:34px;height:34px;border-radius:50%;background:var(--surface-glass-subtle);border:1px solid var(--border-glass);color:var(--text-on-overlay);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s var(--ease-mass),transform .3s var(--ease-mass)}.lightbox-close:hover{background:var(--surface-glass-medium);transform:scale(1.08)}.lightbox-close:active{transform:scale(.96)}.lightbox-media-wrapper{position:relative;width:100%;border-radius:14px;border:1px solid var(--border-hairline);background:var(--surface-card-inner)}.lightbox-img,.lightbox-video{width:100%;height:auto;max-height:72vh;-o-object-fit:contain;object-fit:contain;display:block;border-radius:13px;animation:lightbox-media-in .3s var(--ease-mass) forwards}@keyframes lightbox-media-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:var(--overlay-heavy);border:1px solid var(--border-glass);color:var(--text-on-overlay);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s var(--ease-mass),transform .3s var(--ease-mass)}.lightbox-nav:hover{background:var(--surface-glass-medium);transform:translateY(-50%) scale(1.07)}.lightbox-nav.prev{left:12px}.lightbox-nav.next{right:12px}@media(min-width:1140px){.lightbox-nav{background:var(--surface-glass-medium);color:var(--text-on-overlay)}.lightbox-nav.prev{left:-58px}.lightbox-nav.next{right:-58px}}.lightbox-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;min-height:18px}.lightbox-caption{font-size:.78rem;color:var(--text-on-overlay-muted);letter-spacing:.01em;line-height:1.6}.lightbox-archive{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font-size:.75rem;color:var(--text-dim);text-decoration:none;letter-spacing:.02em;transition:color .3s var(--ease-mass)}.lightbox-archive:hover,.lightbox-archive:focus-visible{color:var(--text-on-overlay)}@media(prefers-reduced-motion:reduce){.project-card-shell{opacity:1;transform:none;filter:none;transition:border-color .2s linear}.banner-bg,.external-icon-wrapper,.thumb-btn,.lightbox-close,.lightbox-nav{transition:none}.project-card-shell[data-status=production].is-visible:hover,.project-card-shell[data-status=production]:hover .banner-bg,.project-card-shell[data-status=production]:hover .external-icon-wrapper{transform:none}.lightbox-backdrop,.lightbox-img,.lightbox-video{animation:none}}@media(prefers-reduced-transparency:reduce){.lightbox-backdrop{backdrop-filter:none;-webkit-backdrop-filter:none;background:hsl(var(--background))}}.status-badge[data-astro-cid-lswdscwn]{display:inline-flex;align-items:center;gap:7px;padding:4px 11px 4px 9px;border-radius:100px;font-size:.66rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1.5;width:-moz-fit-content;width:fit-content;max-width:100%}.status-dot[data-astro-cid-lswdscwn]{width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.badge--active[data-astro-cid-lswdscwn]{background:var(--badge-active-bg);color:var(--badge-active-text);border:1px solid var(--badge-active-border)}.badge--active[data-astro-cid-lswdscwn] .status-dot[data-astro-cid-lswdscwn]{animation:status-pulse 2.8s var(--ease-mass) infinite}.badge--paused[data-astro-cid-lswdscwn]{background:var(--badge-paused-bg);color:var(--badge-paused-text);border:1px solid var(--badge-paused-border)}.badge--neutral[data-astro-cid-lswdscwn]{background:var(--badge-neutral-bg);color:var(--badge-neutral-text);border:1px solid var(--badge-neutral-border)}@keyframes status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.82)}}@media(prefers-reduced-motion:reduce){.badge--active[data-astro-cid-lswdscwn] .status-dot[data-astro-cid-lswdscwn]{animation:none}}