.building{position:relative}.project-list{display:flex;flex-direction:column;gap:.5rem}.project-card{position:relative;z-index:16;border:1px solid var(--border);border-radius:6px;background:var(--bg);transition:box-shadow .25s var(--ease-out-quart),border-radius 0s 0s,border-color .2s ease-out,opacity .3s var(--ease-out-quart)}.project-card[data-expanded=true]{z-index:20;border-bottom-left-radius:0;border-bottom-right-radius:0}.card-inner{padding:.875rem 1rem;cursor:pointer;border-radius:6px;transition:background-color .2s var(--ease-out-quart);outline:none}.card-inner:hover,.card-inner:focus-visible{background-color:var(--surface)}.project-card:hover{box-shadow:0 2px 12px color-mix(in srgb,var(--accent) 14%,transparent)}.card-expand-overlay{position:absolute;top:calc(100% + 1px);left:-1px;right:-1px;background:var(--surface);border:1px solid var(--border);border-top:1px solid color-mix(in srgb,var(--border) 60%,var(--accent) 40%);border-radius:0 0 6px 6px;z-index:1;clip-path:inset(0 0 100% 0 round 0 0 6px 6px);opacity:0;transition:clip-path .3s cubic-bezier(.25,1,.5,1),opacity .15s ease-out;pointer-events:none}.project-card[data-expanded=true] .card-expand-overlay{clip-path:inset(0 0 0% 0 round 0 0 6px 6px);opacity:1;pointer-events:auto;transition:clip-path .38s cubic-bezier(.25,1,.5,1),opacity .2s ease-out}.card-expand-body{padding:.875rem 1rem;display:grid;grid-template-columns:1fr 140px;gap:1rem;align-items:start}.card-expand-content{display:flex;flex-direction:column;gap:.6rem;min-width:0}.card-particle-zone{width:140px;height:140px;align-self:center;border-radius:6px;background:transparent;position:relative}#card-backdrop{position:fixed;inset:0;background:#0a0a0ab8;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:15}body.card-open #card-backdrop{opacity:1;pointer-events:auto}body.card-open .project-card:not([data-expanded=true]){opacity:.4}.card-expand-text{font-size:.9375rem;color:var(--text-muted);line-height:1.65}.card-expand-fine{font-size:.7rem;color:var(--text-meta);line-height:1.5}.card-expand-link{font-size:.875rem;color:var(--accent);align-self:flex-start}.card-layout{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center}.card-info{min-width:0;display:flex;flex-direction:column;gap:.3rem}.card-heatmap{flex-shrink:0}.project-summary-header{display:flex;align-items:center;gap:.5rem}.project-name{font-weight:600;font-size:.9375rem;color:var(--text)}.project-language{font-size:.7rem;color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent);padding:.1rem .4rem;border-radius:4px;white-space:nowrap;flex-shrink:0;align-self:flex-start}.project-description{font-size:.9375rem;color:var(--text-muted);line-height:1.5}.card-expand-content>*{opacity:0;translate:0 5px}[data-expanded=true] .card-expand-content>*:nth-child(1){opacity:1;translate:0 0;transition:opacity .25s ease-out .12s,translate .3s cubic-bezier(.25,1,.5,1) .12s}[data-expanded=true] .card-expand-content>*:nth-child(2){opacity:1;translate:0 0;transition:opacity .25s ease-out .19s,translate .3s cubic-bezier(.25,1,.5,1) .19s}[data-expanded=true] .card-expand-content>*:nth-child(3){opacity:1;translate:0 0;transition:opacity .25s ease-out .26s,translate .3s cubic-bezier(.25,1,.5,1) .26s}.heatmap{display:grid;grid-template-columns:repeat(52,10px);grid-template-rows:repeat(7,10px);grid-auto-flow:column;gap:2px;overflow-x:auto;padding-bottom:2px}.heatmap--compact{grid-template-columns:repeat(52,6px);grid-template-rows:repeat(7,6px);gap:1px;overflow-x:visible}.heatmap--mini{grid-template-columns:repeat(13,6px);grid-template-rows:repeat(7,6px);gap:1px;overflow-x:visible}.heatmap--compact .heatmap-cell,.heatmap--mini .heatmap-cell{width:6px;height:6px}.heatmap-cell--future{visibility:hidden}.heatmap-cell{width:10px;height:10px;border-radius:2px;background:var(--surface);position:relative;opacity:0;transition:opacity .22s ease-out;transition-delay:calc(var(--col, 0) * 4ms)}.heatmap--revealed .heatmap-cell{opacity:1}.heatmap-cell[data-level="0"]{background:var(--border)}.heatmap-cell[data-level="1"]{background:color-mix(in srgb,var(--accent) 35%,transparent)}.heatmap-cell[data-level="2"]{background:color-mix(in srgb,var(--accent) 65%,transparent)}.heatmap-cell[data-level="3"]{background:var(--accent)}.heatmap--revealed .heatmap-cell[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:.65rem;line-height:1.3;padding:.2rem .45rem;border-radius:3px;white-space:nowrap;z-index:100;pointer-events:none}.heatmap-empty{font-size:.7rem;color:var(--text-muted);font-style:italic}@supports (animation-timeline: view()){.building .project-card.reveal{animation-name:reveal-left}}@media(max-width:680px){.card-layout{grid-template-columns:1fr auto;grid-template-rows:auto auto}.card-info{display:contents}.project-summary-header{grid-column:1 / -1}.project-description{grid-column:1;grid-row:2}.card-heatmap{grid-column:2;grid-row:2;align-self:center}.card-expand-body{grid-template-columns:1fr}.card-particle-zone{width:100%;height:120px;order:-1}}@media(max-width:480px){.heatmap:not(.heatmap--mini):not(.heatmap--compact){grid-template-columns:repeat(26,10px)}}