.projects-index-page,.project-detail-page{--projects-bg:#f7f9fc;--projects-surface:#fff;--projects-soft:#f3f4f6;--projects-ink:#111827;--projects-copy:#4b5563;--projects-muted:#6b7280;--projects-faint:#9ca3af;--projects-line:#d9e2ed;--projects-line-strong:#bdcad9;--projects-blue:#0052ff;--projects-blue-dark:#003dcc;--projects-blue-soft:#edf3ff;--projects-grid:#809dbe24;--projects-ease:cubic-bezier(.16,1,.3,1);--projects-shadow:0 28px 80px #1118271a,0 8px 20px #1118270d;isolation:isolate;scroll-behavior:smooth;background:var(--projects-bg);min-height:calc(100vh - 160px);color:var(--projects-ink);flex-direction:column;flex:1;font-family:Inter,Geist,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:relative;overflow:hidden auto}.projects-index-page:before,.project-detail-page:before{z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(to right,var(--projects-grid) 1px,transparent 1px),linear-gradient(to bottom,var(--projects-grid) 1px,transparent 1px);background-size:28px 28px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000d1,#00000042 86%,#0000);mask-image:linear-gradient(#000000d1,#00000042 86%,#0000)}.projects-index-page .shell,.project-detail-page .shell{width:min(100% - 64px,1240px);margin-inline:auto}.projects-index-page button,.project-detail-page button{font:inherit;cursor:pointer}.projects-index-page .project-explorer-tools{text-align:center;width:min(100% - 64px,1240px);margin-inline:auto;padding-top:clamp(4rem,10vh,8rem)}.projects-index-page .project-explorer-tools label{width:min(100%,620px);margin-inline:auto;display:block}.projects-index-page .project-explorer-tools input{border:0;border-bottom:1px solid var(--projects-line-strong);width:100%;color:var(--projects-ink);text-align:center;transition:border-color .3s var(--projects-ease),box-shadow .3s var(--projects-ease);background:0 0;outline:0;padding:1rem 0;font:600 .82rem/1.4 JetBrains Mono,monospace}.projects-index-page .project-explorer-tools input::placeholder{color:var(--projects-muted);opacity:.78}.projects-index-page .project-explorer-tools input:focus{border-bottom-color:var(--projects-blue);box-shadow:0 7px 0 -5px var(--projects-blue);caret-color:var(--projects-blue)}.projects-index-page .project-filter-row{border-bottom:1px solid var(--projects-line);flex-wrap:wrap;justify-content:center;gap:1.6rem;width:min(100% - 64px,1240px);margin:1.7rem auto 0;display:flex}.projects-index-page .project-filter-row button{color:var(--projects-muted);letter-spacing:.1em;transition:color .3s var(--projects-ease),transform .3s var(--projects-ease);background:0 0;border:0;padding:.25rem 0 .85rem;font:700 .65rem/1.3 JetBrains Mono,monospace;position:relative}:is(.projects-index-page .project-filter-row button:hover,.projects-index-page .project-filter-row button:focus-visible,.projects-index-page .project-filter-row button.is-active){color:var(--projects-ink);outline:0}.projects-index-page .project-filter-row button.is-active:after{background:var(--projects-blue);content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0}.projects-index-page .project-compare-tray{z-index:20;-webkit-backdrop-filter:blur(14px)saturate(180%);backdrop-filter:blur(14px)saturate(180%);background:#ffffffdb;border:1px solid #0052ff38;justify-content:space-between;align-items:center;gap:2rem;width:min(100% - 32px,580px);padding:.7rem .75rem .7rem 1.1rem;display:flex;position:fixed;bottom:2rem;right:50%;transform:translate(50%);box-shadow:0 28px 70px #1118272e,0 5px 18px #0052ff14}.projects-index-page .project-compare-tray>span{color:var(--projects-ink);letter-spacing:.05em;white-space:nowrap;font:700 .68rem/1.3 JetBrains Mono,monospace}.projects-index-page .project-compare-tray>div{align-items:center;gap:.8rem;display:flex}.projects-index-page .project-compare-tray button{color:var(--projects-copy);transition:color .3s var(--projects-ease),transform .3s var(--projects-ease);background:0 0;border:0;align-items:center;gap:.45rem;font:700 .69rem/1.3 JetBrains Mono,monospace;display:inline-flex}.projects-index-page .project-compare-tray button:first-child{background:var(--projects-blue);color:#fff;padding:.78rem .95rem;box-shadow:0 8px 22px #0052ff38}.projects-index-page .project-compare-tray button:first-child:hover{background:var(--projects-blue-dark);transform:translateY(-1px)}.projects-index-page .project-compare-tray button:active{transform:translateY(1px)scale(.98)}.projects-index-page .project-compare-tray button:disabled{opacity:.5;cursor:not-allowed}.projects-index-page>.project-index-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;padding-top:3rem;padding-bottom:8rem;display:grid}.projects-index-page .project-index-card{border:1px solid var(--projects-line);background:var(--projects-surface);min-width:0;min-height:300px;transition:border-color .3s var(--projects-ease),box-shadow .3s var(--projects-ease),transform .3s var(--projects-ease),background .3s var(--projects-ease);flex-direction:column;padding:1.45rem 1.5rem 1.35rem;display:flex;position:relative;box-shadow:0 8px 24px #11182709}.projects-index-page .project-index-card:after{background:var(--projects-blue);content:"";opacity:0;height:2px;transition:opacity .3s var(--projects-ease),transform .3s var(--projects-ease);position:absolute;bottom:0;left:12%;right:12%;transform:scaleX(.4)}.projects-index-page .project-index-card:hover{border-color:var(--projects-blue);box-shadow:var(--projects-shadow);transform:translateY(-4px)}.projects-index-page .project-index-card:hover:after{opacity:.75;transform:scaleX(1)}.projects-index-page .project-index-card.is-selected{border:2px solid var(--projects-blue);background:radial-gradient(circle at 12% 8%,#0052ff0e,transparent 36%),var(--projects-surface);transform:translateY(-4px);box-shadow:0 24px 54px #0052ff24,0 8px 18px #11182714}.projects-index-page .project-index-card.is-selected:after{opacity:1;transform:scaleX(1)}.projects-index-page .project-index-card-top{justify-content:space-between;align-items:center;display:flex}.projects-index-page .project-index-number{color:var(--projects-blue);letter-spacing:.08em;font:700 .64rem/1 JetBrains Mono,monospace}.projects-index-page .project-compare-toggle{border:1px solid var(--projects-line-strong);width:24px;height:24px;color:var(--projects-faint);transition:border-color .3s var(--projects-ease),color .3s var(--projects-ease),box-shadow .3s var(--projects-ease),transform .3s var(--projects-ease);background:0 0;border-radius:50%;place-items:center;padding:0;font-size:1rem;line-height:1;display:grid}:is(.projects-index-page .project-compare-toggle:hover,.projects-index-page .project-compare-toggle:focus-visible){border-color:var(--projects-blue);color:var(--projects-blue);outline:0;transform:scale(1.12)}.projects-index-page .project-index-card.is-selected .project-compare-toggle{border-color:var(--projects-blue);background:var(--projects-blue);color:#fff;box-shadow:0 0 0 5px #0052ff1f}.projects-index-page .project-index-title{letter-spacing:-.075em;max-width:680px;margin:auto 2.5rem auto 0;padding:2.2rem 0 1.4rem;font-size:clamp(1.9rem,3.1vw,3.25rem);font-weight:800;line-height:.98;text-decoration:none;display:block;position:relative;color:var(--projects-ink)!important}.projects-index-page .project-index-title:after{border-top:1.5px solid var(--projects-blue);border-right:1.5px solid var(--projects-blue);content:"";width:14px;height:14px;transition:right .3s var(--projects-ease),transform .3s var(--projects-ease);position:absolute;top:2.3rem;right:-2.2rem;transform:rotate(45deg)}.projects-index-page .project-index-title:hover:after{right:-2.45rem;transform:rotate(45deg)scale(1.08)}.projects-index-page .project-index-title:focus-visible{outline:2px solid var(--projects-blue);outline-offset:5px}.projects-index-page .project-index-meta{color:var(--projects-muted);letter-spacing:.035em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:auto;padding-top:1rem;font:600 .6rem/1.5 JetBrains Mono,monospace;display:flex}.projects-index-page .project-index-meta span:after{color:var(--projects-line-strong);content:"·";margin-left:.55rem}.projects-index-page .project-index-meta time{color:var(--projects-faint);white-space:nowrap}.projects-index-page .project-index-list:has(.is-selected) .project-index-card:not(.is-selected){opacity:.68}.projects-index-page .project-empty{color:var(--projects-muted);text-align:center;grid-column:1/-1;margin:4rem 0;font-size:1.1rem}.projects-index-page .project-compare-ready{color:var(--projects-blue);justify-content:center;align-items:center;gap:.45rem;margin:-4rem 0 4rem;font:700 .7rem/1.3 JetBrains Mono,monospace;display:flex}.projects-index-page .project-compare-stage{width:min(100% - 64px,1240px);margin:3rem auto 7rem}.projects-index-page .project-compare-exit{border:1px solid var(--projects-line);background:var(--projects-surface);width:38px;height:38px;color:var(--projects-copy);transition:border-color .3s var(--projects-ease),color .3s var(--projects-ease),transform .3s var(--projects-ease);place-items:center;margin-bottom:1rem;display:inline-grid}.projects-index-page .project-compare-exit:hover{border-color:var(--projects-blue);color:var(--projects-blue);transform:translateY(-1px)}.projects-index-page .project-compare-matrix{border:1px solid var(--projects-line);background:var(--projects-surface);box-shadow:var(--projects-shadow);overflow:auto}.projects-index-page .project-matrix-header,.projects-index-page .project-matrix-row{grid-template-columns:minmax(150px,.7fr) repeat(2,minmax(260px,1fr));min-width:760px;display:grid}.projects-index-page .project-matrix-header{z-index:3;border-bottom:2px solid var(--projects-ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;position:sticky;top:0}.projects-index-page .project-matrix-header>span,.projects-index-page .project-matrix-header>div,.projects-index-page .project-matrix-row>*{border-right:1px solid var(--projects-line);min-width:0;padding:1.15rem 1.25rem}.projects-index-page .project-matrix-header>span{color:var(--projects-muted);letter-spacing:.1em;align-self:end;font:700 .64rem/1.3 JetBrains Mono,monospace}.projects-index-page .project-matrix-header>div{gap:.4rem;display:grid}.projects-index-page .project-matrix-header small{color:var(--projects-blue);letter-spacing:.08em;text-transform:uppercase;font:700 .62rem/1.3 JetBrains Mono,monospace}.projects-index-page .project-matrix-header strong{color:var(--projects-ink);font-size:1.08rem;line-height:1.1}.projects-index-page .project-matrix-row{border-bottom:1px solid var(--projects-line);animation:matrix-in .5s var(--projects-ease) both}.projects-index-page .project-matrix-row:nth-child(2){animation-delay:80ms}.projects-index-page .project-matrix-row:nth-child(3){animation-delay:.14s}.projects-index-page .project-matrix-row:nth-child(4){animation-delay:.2s}.projects-index-page .project-matrix-row:nth-child(5){animation-delay:.26s}.projects-index-page .project-matrix-row>strong{background:var(--projects-soft);color:var(--projects-ink);font-size:.82rem}.projects-index-page .project-matrix-row>span{color:var(--projects-copy);font:600 .72rem/1.5 JetBrains Mono,monospace}.projects-index-page .project-matrix-row>.is-winner{background:var(--projects-blue-soft);color:var(--projects-blue);font-weight:800}.project-detail-page{padding-bottom:6rem}.project-detail-page .project-detail-head{border-bottom:1px solid var(--projects-line);padding:2.25rem 0 3.5rem}.project-detail-page .project-back{color:var(--projects-blue);align-items:center;gap:.4rem;margin-bottom:2.5rem;font:700 .68rem/1.3 JetBrains Mono,monospace;text-decoration:none;display:inline-flex}.project-detail-page .project-detail-title-row{justify-content:space-between;align-items:flex-end;gap:2rem;display:flex}.project-detail-page .project-detail-label,.project-detail-page .project-detail-kicker,.project-detail-page .project-fact p,.project-detail-page .project-metrics>p{color:var(--projects-blue);letter-spacing:.1em;text-transform:uppercase;margin:0;font:700 .62rem/1.3 JetBrains Mono,monospace}.project-detail-page .project-detail-head h1{max-width:920px;color:var(--projects-ink);letter-spacing:-.075em;text-wrap:balance;overflow-wrap:anywhere;margin:.9rem 0 0;font-size:clamp(2.8rem,5.2vw,5.8rem);font-weight:800;line-height:.96}.project-detail-page .project-detail-meta{color:var(--projects-muted);letter-spacing:.05em;text-transform:uppercase;flex:none;gap:.8rem;padding-bottom:.25rem;font:600 .63rem/1.3 JetBrains Mono,monospace;display:flex}.project-detail-page .project-detail-meta span+span:before{color:var(--projects-line-strong);content:"·";margin-right:.8rem}.project-detail-page>.project-detail-layout{grid-template-columns:minmax(0,1fr) 250px;gap:clamp(3rem,6vw,6.5rem);width:min(100% - 64px,1000px);padding-top:4rem;display:grid}.project-detail-page .project-detail-summary{max-width:800px;color:var(--projects-copy);margin:0 0 4.5rem;font-size:clamp(1.08rem,1.35vw,1.24rem);line-height:1.75}.project-detail-page .project-section{border-top:2px solid var(--projects-ink);border-bottom:1px solid var(--projects-line);margin-bottom:2.5rem;padding:2rem 0 3.5rem;position:relative}.project-detail-page .project-section h2{max-width:700px;color:var(--projects-ink);letter-spacing:-.065em;text-wrap:balance;margin:.9rem 0 1.1rem;font-size:clamp(1.85rem,3vw,3.25rem);font-weight:800;line-height:1.02}.project-detail-page .project-section>p:not(.project-detail-kicker){max-width:740px;color:var(--projects-copy);margin:0;font-size:1rem;line-height:1.7}.project-detail-page .project-section .reddy-hover-action{position:absolute;top:2rem;right:0}.project-detail-page .project-section-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.project-detail-page .project-flow{border-top:1px solid var(--projects-line);border-bottom:1px solid var(--projects-line);grid-template-columns:repeat(7,minmax(0,1fr));margin-top:2rem;display:grid}.project-detail-page .project-flow>div{border-right:1px solid var(--projects-line);flex-direction:column;justify-content:space-between;gap:.75rem;min-height:112px;padding:.8rem .55rem;display:flex;position:relative}.project-detail-page .project-flow>div:last-child{border-right:0}.project-detail-page .project-flow span{color:var(--projects-blue);font:700 .57rem/1 JetBrains Mono,monospace}.project-detail-page .project-flow strong{color:var(--projects-ink);font-size:.78rem;line-height:1.2}.project-detail-page .project-flow svg{width:13px;color:var(--projects-faint);position:absolute;top:.8rem;right:.35rem}.project-detail-page .project-decisions>div{border-top:1px solid var(--projects-line);max-width:740px;color:var(--projects-copy);align-items:flex-start;gap:.7rem;padding:.85rem 0;font-size:.95rem;line-height:1.55;display:flex}.project-detail-page .project-decisions>div svg{width:16px;color:var(--projects-blue);flex:none;margin-top:.15rem}.project-detail-page .project-failure>svg{width:20px;color:var(--projects-blue);margin-bottom:1rem}.project-detail-page .project-detail-aside{border-left:1px solid var(--projects-line-strong);min-width:0;padding-left:1.5rem}.project-detail-page .project-fact{border-bottom:1px solid var(--projects-line);margin-bottom:1.5rem;padding-bottom:1.5rem}.project-detail-page .project-fact strong{color:var(--projects-copy);margin-top:.6rem;font-size:.8rem;font-weight:600;line-height:1.55;display:block}.project-detail-page .project-metrics{gap:1rem;padding-top:.4rem;display:grid}.project-detail-page .project-metrics>div{gap:.2rem;display:grid}.project-detail-page .project-metrics strong{color:var(--projects-blue);letter-spacing:-.06em;font-size:1.45rem}.project-detail-page .project-metrics span{color:var(--projects-muted);font-size:.76rem}.project-detail-page .project-boundary{background:var(--projects-soft);color:var(--projects-muted);margin-top:2rem;padding:1rem}.project-detail-page .project-boundary svg{width:17px;color:var(--projects-blue)}.project-detail-page .project-boundary p{margin:.7rem 0;font-size:.72rem;line-height:1.6}.project-detail-page .project-inline-link{color:var(--projects-blue);align-items:center;gap:.3rem;font-size:.72rem;font-weight:800;text-decoration:none;display:inline-flex}.project-detail-page .project-detail-nav{border-top:1px solid var(--projects-line);justify-content:space-between;gap:2rem;padding-top:2rem;display:flex}.project-detail-page .project-detail-nav a{max-width:42%;color:var(--projects-blue);font:700 .7rem/1.4 JetBrains Mono,monospace;text-decoration:none}@keyframes matrix-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.projects-index-page .project-index-list{grid-template-columns:1fr}.project-detail-page .project-detail-title-row{flex-direction:column;align-items:flex-start}.project-detail-page>.project-detail-layout{grid-template-columns:1fr;width:min(100% - 40px,720px)}.project-detail-page .project-detail-aside{border-top:1px solid var(--projects-line-strong);border-left:0;padding:1.5rem 0 0}}@media (max-width:620px){.projects-index-page,.project-detail-page{min-height:calc(100vh - 120px)}.projects-index-page .project-explorer-tools,.projects-index-page .project-filter-row,.projects-index-page .shell,.projects-index-page .project-compare-stage,.project-detail-page .shell{width:calc(100% - 32px)}.projects-index-page .project-index-card{min-height:260px}.projects-index-page .project-index-title{font-size:clamp(1.8rem,10vw,2.7rem)}.projects-index-page .project-compare-tray{flex-direction:column;align-items:stretch;gap:.75rem}.projects-index-page .project-compare-tray>div{justify-content:space-between}.project-detail-page .project-detail-head{width:calc(100% - 32px)}.project-detail-page .project-detail-head h1{font-size:clamp(2.55rem,12vw,4.2rem)}.project-detail-page .project-flow{min-width:620px}.project-detail-page .project-architecture{overflow-x:auto}.project-detail-page .project-section .reddy-hover-action{margin-top:1.5rem;position:static}}@media (prefers-reduced-motion:reduce){.projects-index-page,.project-detail-page{scroll-behavior:auto}.projects-index-page *,.project-detail-page *{transition-duration:.01ms!important;animation-duration:.01ms!important}}