.projects-site{--project-bg:#f7f9fc;--project-surface:#fff;--project-panel:#eef3f8;--project-border:#d8e1eb;--project-text:#102033;--project-muted:#52657a;--project-subtle:#718297;--project-accent:#087f5b;--project-accent-soft:#e1f5ee;--project-shadow:#192d4638;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--project-bg);min-height:100dvh;color:var(--project-text)}html.dark .projects-site{--project-bg:#0b0f17;--project-surface:#101720;--project-panel:#151e2a;--project-border:#273244;--project-text:#f8fafc;--project-muted:#cbd5e1;--project-subtle:#94a3b8;--project-accent:#34d399;--project-accent-soft:#11382f;--project-shadow:#0000007a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.project-shell{width:min(100% - 2rem,72rem);margin-inline:auto}.project-measure{max-width:46rem}.project-skip{z-index:100;background:var(--project-text);color:var(--project-bg);border-radius:.5rem;padding:.75rem 1rem;font-weight:700;position:fixed;top:.5rem;left:1rem;transform:translateY(-150%)}.project-skip:focus{transform:translateY(0)}.project-header{z-index:40;border-bottom:1px solid var(--project-border);background:color-mix(in srgb, var(--project-bg) 84%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0}.project-header__inner{justify-content:space-between;align-items:center;gap:1rem;min-height:4rem;display:flex}.project-brand{min-height:2.75rem;color:var(--project-text);letter-spacing:-.02em;align-items:center;gap:.625rem;font-weight:800;display:inline-flex}.project-brand img{object-fit:contain;width:2rem;height:2rem}.project-brand__accent{color:var(--project-accent)}.project-nav{align-items:center;gap:.25rem;display:flex}.project-nav a,.project-menu-button{min-height:2.75rem;color:var(--project-muted);border-radius:.625rem;justify-content:center;align-items:center;padding:.625rem .875rem;font-size:.875rem;font-weight:650;transition:color .18s,background-color .18s,border-color .18s;display:inline-flex}.project-nav a:hover,.project-nav a[aria-current=page]{background:var(--project-panel);color:var(--project-text)}.project-theme-toggle{margin-left:.25rem;display:inline-flex}.project-theme-toggle button{border-color:var(--project-border);background:var(--project-surface);color:var(--project-muted)}.project-theme-toggle button:hover{border-color:var(--project-accent);background:var(--project-panel);color:var(--project-text)}.project-menu-button{border:1px solid var(--project-border);background:var(--project-surface);display:none}.project-mobile-nav{border-top:1px solid var(--project-border);padding-block:.75rem;display:none}.project-mobile-nav a{min-height:2.75rem;color:var(--project-muted);border-radius:.625rem;align-items:center;padding-inline:.875rem;font-weight:650;display:flex}.project-mobile-nav a:hover{background:var(--project-panel);color:var(--project-text)}.project-mobile-theme{min-height:3rem;color:var(--project-muted);justify-content:space-between;align-items:center;padding-inline:.875rem;font-weight:650;display:flex}.project-mobile-theme button{border-color:var(--project-border);background:var(--project-surface);color:var(--project-muted)}.project-hero{border-bottom:1px solid var(--project-border);padding-block:clamp(3rem,6vw,5rem) clamp(2.5rem,5vw,4rem)}.project-eyebrow{color:var(--project-accent);font-family:var(--font-geist-mono);letter-spacing:.16em;font-size:.75rem;font-weight:700}.project-hero h1{letter-spacing:-.05em;margin-top:1rem;font-size:clamp(2.75rem,7vw,4.25rem);font-weight:780;line-height:1}.project-hero p{max-width:42rem;color:var(--project-muted);margin-top:1.5rem;font-size:clamp(1rem,2vw,1.2rem);line-height:1.7}.project-stats{color:var(--project-subtle);flex-wrap:wrap;gap:.75rem 1.5rem;margin-top:2rem;font-size:.875rem;display:flex}.project-stats strong{color:var(--project-text);font-family:var(--font-geist-mono)}.project-timeline-section{padding-block:clamp(3rem,7vw,6rem)}.project-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:4rem;display:flex}.project-filter{border:1px solid var(--project-border);min-height:2.75rem;color:var(--project-muted);background:var(--project-surface);cursor:pointer;border-radius:999px;padding:.625rem 1rem;font-size:.875rem;font-weight:650;transition:color .18s,border-color .18s,background-color .18s}.project-filter:hover{border-color:var(--project-accent);color:var(--project-text)}.project-filter[aria-pressed=true]{border-color:var(--project-accent);background:var(--project-accent-soft);color:var(--project-accent)}.project-empty{border:1px dashed var(--project-border);color:var(--project-muted);text-align:center;border-radius:1rem;padding:3rem}.project-timeline{gap:4.5rem;display:grid;position:relative}.project-timeline:before{content:"";inset-block:0;background:var(--project-border);width:1px;position:absolute;left:50%}.project-timeline__item{grid-template-columns:1fr 1fr;column-gap:5rem;display:grid;position:relative}.project-timeline__item:nth-child(odd) .project-card{grid-column:1}.project-timeline__item:nth-child(2n) .project-card{grid-column:2}.project-node{border:3px solid var(--project-bg);background:var(--project-subtle);width:.875rem;height:.875rem;box-shadow:0 0 0 1px var(--project-border);border-radius:50%;transition:background-color .2s,box-shadow .2s;position:absolute;top:2rem;left:50%;transform:translate(-50%)}.project-date{color:var(--project-subtle);font-family:var(--font-geist-mono);font-size:.75rem;position:absolute;top:1.75rem}.project-timeline__item:nth-child(odd) .project-date{left:calc(50% + 1.5rem)}.project-timeline__item:nth-child(2n) .project-date{right:calc(50% + 1.5rem)}.project-timeline__item:focus-within .project-node,.project-timeline__item:hover .project-node{background:var(--project-accent);box-shadow:0 0 0 1px var(--project-accent), 0 0 0 .45rem var(--project-accent-soft)}.project-card{border:1px solid var(--project-border);background:var(--project-surface);color:inherit;box-shadow:0 18px 45px -38px var(--project-shadow);border-radius:1rem;padding:clamp(1.25rem,3vw,1.75rem);transition:transform .2s,border-color .2s,background-color .2s,box-shadow .2s;display:block}.project-card:hover,.project-card:focus-visible{border-color:color-mix(in srgb, var(--project-accent) 70%, var(--project-border));background:color-mix(in srgb, var(--project-surface) 97%, var(--project-accent));box-shadow:0 24px 55px -34px var(--project-shadow);transform:translateY(-4px)}.project-card__top{align-items:flex-start;gap:1rem;display:flex}.project-card__icon{border:1px solid var(--project-border);background:var(--project-panel);width:2.75rem;height:2.75rem;color:var(--project-subtle);border-radius:.75rem;flex:none;place-items:center;transition:color .2s,border-color .2s,background-color .2s;display:grid}.project-card:hover .project-card__icon,.project-card:focus-visible .project-card__icon{border-color:var(--project-accent);background:var(--project-accent-soft);color:var(--project-accent)}.project-card h2{letter-spacing:-.02em;font-size:1.25rem;font-weight:750;line-height:1.3}.project-card__meta{color:var(--project-subtle);margin-top:.35rem;font-size:.8rem}.project-placeholder{border:1px solid var(--project-border);color:var(--project-muted);font-family:var(--font-geist-mono);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;margin-top:1rem;padding:.25rem .55rem;font-size:.68rem;display:inline-flex}.project-card__summary{color:var(--project-muted);margin-top:1.25rem;line-height:1.65}.project-highlights{color:var(--project-muted);gap:.625rem;margin-top:1.25rem;font-size:.875rem;display:grid}.project-highlights li{grid-template-columns:1rem 1fr;gap:.5rem;display:grid}.project-highlights svg{color:var(--project-accent);margin-top:.2rem}.project-tags{flex-wrap:wrap;gap:.4rem;margin-top:1.5rem;display:flex}.project-tag{background:var(--project-panel);color:var(--project-subtle);font-family:var(--font-geist-mono);border-radius:.4rem;padding:.3rem .5rem;font-size:.68rem}.project-card__cta{color:var(--project-accent);align-items:center;gap:.35rem;margin-top:1.5rem;font-size:.875rem;font-weight:700;display:inline-flex}.project-card__cta svg{transition:transform .2s}.project-card:hover .project-card__cta svg,.project-card:focus-visible .project-card__cta svg{transform:translate(4px)}.project-detail{padding-block:clamp(2.5rem,6vw,5rem)}.project-back{min-height:2.75rem;color:var(--project-muted);align-items:center;gap:.5rem;font-weight:650;display:inline-flex}.project-back:hover{color:var(--project-accent)}.project-breadcrumb{color:var(--project-subtle);margin-top:2rem;font-size:.875rem}.project-breadcrumb a:hover{color:var(--project-accent)}.project-detail-hero{border-bottom:1px solid var(--project-border);padding-block:2.5rem 4rem}.project-detail-hero h1{letter-spacing:-.05em;max-width:60rem;margin-top:1rem;font-size:clamp(2.4rem,7vw,5rem);line-height:1}.project-detail-hero__summary{max-width:48rem;color:var(--project-muted);margin-top:1.5rem;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.7}.project-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.project-action{border:1px solid var(--project-border);min-height:2.75rem;color:var(--project-text);border-radius:.625rem;align-items:center;gap:.5rem;padding:.625rem .875rem;font-weight:700;display:inline-flex}.project-action:hover{border-color:var(--project-accent);background:var(--project-accent-soft);color:var(--project-accent)}.project-summary-grid{border:1px solid var(--project-border);background:var(--project-border);border-radius:1rem;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:2rem;display:grid;overflow:hidden}.project-summary-item{background:var(--project-surface);min-height:7rem;padding:1.25rem}.project-summary-item dt{color:var(--project-subtle);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700}.project-summary-item dd{color:var(--project-text);overflow-wrap:anywhere;margin-top:.5rem;font-weight:650}.project-section{border-bottom:1px solid var(--project-border);padding-block:clamp(3.5rem,8vw,6rem)}.project-section h2{letter-spacing:-.035em;font-size:clamp(1.7rem,4vw,2.5rem)}.project-section__intro{color:var(--project-muted);margin-top:1rem;line-height:1.75}.project-section h3{margin-top:2rem;font-size:1rem}.project-list{color:var(--project-muted);gap:.75rem;margin-top:1rem;line-height:1.65;display:grid}.project-list li{padding-left:1.25rem;position:relative}.project-list li:before{content:"";background:var(--project-accent);border-radius:50%;width:.35rem;height:.35rem;position:absolute;top:.7em;left:0}.project-architecture{border:1px solid var(--project-border);background:var(--project-surface);border-radius:1rem;margin-top:2rem;overflow:hidden}.project-architecture img{width:100%;height:auto;display:block}.project-architecture figcaption{border-top:1px solid var(--project-border);color:var(--project-subtle);padding:.875rem 1rem;font-size:.8rem}.project-component-grid,.project-challenge-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem;display:grid}.project-info-card{border:1px solid var(--project-border);background:var(--project-surface);border-radius:.875rem;padding:1.25rem}.project-info-card h3{margin-top:0}.project-info-card p{color:var(--project-muted);margin-top:.625rem;line-height:1.65}.project-phases{gap:1rem;margin-top:2rem;display:grid}.project-phase{border:1px solid var(--project-border);background:var(--project-surface);border-radius:.875rem;grid-template-columns:8rem 1fr;gap:1.5rem;padding:1.25rem;display:grid}.project-phase__label{color:var(--project-accent);font-family:var(--font-geist-mono);font-size:.78rem;font-weight:700}.project-phase h3{margin-top:0}.project-phase p{color:var(--project-muted);margin-top:.5rem;line-height:1.65}.project-phase__meta{color:var(--project-subtle);margin-top:.75rem;font-size:.8rem}.project-table{border-collapse:collapse;width:100%;margin-top:2rem}.project-table th,.project-table td{border-bottom:1px solid var(--project-border);text-align:left;vertical-align:top;padding:1rem}.project-table th{color:var(--project-subtle);text-transform:uppercase;letter-spacing:.07em;font-size:.75rem}.project-table td{color:var(--project-muted);line-height:1.6}.project-table td:first-child{color:var(--project-text);font-weight:700}.project-footer-nav{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:1rem;padding-block:3rem;display:grid}.project-footer-nav a{border:1px solid var(--project-border);min-height:4rem;color:var(--project-muted);border-radius:.75rem;flex-direction:column;justify-content:center;padding:.75rem 1rem;display:flex}.project-footer-nav a:hover{border-color:var(--project-accent);color:var(--project-accent)}.project-footer-nav a:last-child{text-align:right}.project-footer-nav__label{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.project-footer-nav strong{color:var(--project-text);margin-top:.25rem;font-size:.875rem}@media (max-width:1023px){.project-shell{width:min(100% - 1.5rem,72rem)}.project-nav{display:none}.project-menu-button{display:inline-flex}.project-mobile-nav[data-open=true]{display:grid}.project-hero{padding-top:3.5rem}.project-filters{margin-bottom:3rem}.project-timeline{gap:2.5rem;padding-left:1.25rem}.project-timeline:before{left:.45rem}.project-timeline__item{display:block}.project-node{top:1.75rem;left:.45rem}.project-date{margin:0 0 .625rem .75rem;display:block;position:static}.project-card{margin-left:.75rem}.project-summary-grid,.project-component-grid,.project-challenge-grid{grid-template-columns:1fr}.project-phase{grid-template-columns:1fr;gap:.5rem}.project-table,.project-table tbody,.project-table tr,.project-table td{display:block}.project-table thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.project-table tr{border:1px solid var(--project-border);background:var(--project-surface);border-radius:.75rem;margin-bottom:1rem;overflow:hidden}.project-table td{border-bottom:1px solid var(--project-border);grid-template-columns:7rem 1fr;gap:.75rem;display:grid}.project-table td:last-child{border-bottom:0}.project-table td:before{content:attr(data-label);color:var(--project-subtle);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:700}.project-footer-nav{grid-template-columns:1fr 1fr}.project-footer-nav>a:nth-child(2){text-align:center;grid-area:2/1/auto/-1}}@media (prefers-reduced-motion:reduce){.projects-site *,.projects-site :before,.projects-site :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.project-card:hover,.project-card:focus-visible{transform:none}}