.projects-page .project-card[hidden]{display:none!important}.projects-bands{display:grid;gap:1rem}.projects-overview-card,.projects-filter-card{--card-bg: linear-gradient( 180deg, color-mix(in srgb, var(--surface-card-top) 97%, transparent), color-mix(in srgb, var(--surface-card-bottom) 100%, transparent) );--card-border-color: color-mix(in srgb, var(--surface-card-border) 46%, transparent);--card-shadow: 0 18px 36px rgba(0, 0, 0, .34), inset 0 0 0 1px color-mix(in srgb, rgba(246, 232, 199, .03) 88%, transparent);--panel-inline-stroke: transparent}.projects-filter-card{--card-border-color: color-mix(in srgb, var(--accent-foam) 28%, var(--surface-card-border) 72%)}.projects-overview-card>div,.projects-filter-card>div{position:relative;z-index:1}.projects-overview-card:before,.projects-filter-card:before{opacity:.3}.projects-overview-card:hover,.projects-overview-card:focus-within,.projects-filter-card:hover,.projects-filter-card:focus-within{--card-shadow: 0 22px 40px rgba(0, 0, 0, .38), 0 0 16px color-mix(in srgb, var(--accent-gold) 5%, transparent), inset 0 0 0 1px color-mix(in srgb, rgba(246, 232, 199, .04) 88%, transparent)}.projects-topband__summary,.projects-filterband__header{display:grid;gap:.35rem;min-width:0}.projects-band-label{margin:0;font-size:.77rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--text-2);display:inline-flex;align-items:center;gap:.55rem}.projects-band-label:before{content:"";width:.9rem;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent-gold) 54%,transparent),transparent)}.projects-band-label:after{content:"";width:.32rem;height:.32rem;border:1px solid color-mix(in srgb,var(--accent-gold) 44%,transparent);transform:rotate(45deg);border-radius:.06rem;opacity:.82}.projects-band-stats{display:flex;flex-wrap:wrap;align-items:baseline;gap:.7rem;min-height:2.5rem}.projects-band-stats span{display:inline-flex;align-items:baseline;gap:.45rem}.projects-band-stats strong{color:var(--text-1);font-size:clamp(1.45rem,2vw,1.8rem);font-weight:700;letter-spacing:-.035em}.projects-band-stats span span{color:var(--text-2);font-size:1rem}.projects-band-dot{color:color-mix(in srgb,var(--accent-gold) 62%,var(--text-2) 38%);font-size:1rem}.projects-topband__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.75rem}.projects-topband__actions .inline-flex{min-width:0}.projects-filterband__hint{margin:0;color:var(--muted);font-size:.95rem;line-height:1.45}.projects-filterband__controls{display:flex;flex-wrap:wrap;gap:.65rem;width:100%;margin-top:.15rem}.projects-page .category-btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.6rem;padding:.7rem 1rem;border-radius:.5rem;border:1px solid color-mix(in srgb,var(--surface-card-border) 34%,transparent);background:color-mix(in srgb,var(--bg-1) 76%,transparent);color:var(--text-2);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:border-color .18s ease,color .18s ease,background-color .18s ease,transform .18s ease,box-shadow .18s ease}.projects-page .category-btn:hover,.projects-page .category-btn:focus-visible{color:var(--text-1);border-color:color-mix(in srgb,var(--accent-gold) 46%,transparent);background:color-mix(in srgb,var(--bg-1) 88%,transparent);box-shadow:0 10px 22px #0000002e;transform:translateY(-1px)}.projects-page .category-btn.active{color:var(--accent-gold);border-color:color-mix(in srgb,var(--accent-gold) 74%,transparent);background:color-mix(in srgb,var(--accent-gold) 10%,var(--bg-1) 90%);box-shadow:inset 0 0 0 1px color-mix(in srgb,rgba(246,232,199,.08) 88%,transparent),0 10px 22px color-mix(in srgb,var(--accent-gold) 9%,transparent)}.projects-bento-grid{display:grid;gap:1.1rem;grid-template-columns:1fr}.projects-bento-grid .project-card{min-height:100%;--card-bg: linear-gradient( 180deg, color-mix(in srgb, var(--surface-card-top) 98%, transparent), color-mix(in srgb, var(--surface-card-bottom) 100%, transparent) );--card-border-color: color-mix(in srgb, var(--surface-card-border) 46%, transparent);--card-shadow: 0 18px 34px rgba(0, 0, 0, .34), inset 0 0 0 1px color-mix(in srgb, rgba(246, 232, 199, .03) 88%, transparent);--panel-inline-stroke: transparent;--spotlight-opacity: .24;overflow:hidden}.projects-bento-grid .project-card[data-card-variant=proof]{--card-bg: linear-gradient( 180deg, color-mix(in srgb, var(--surface-card-top) 96%, transparent), color-mix(in srgb, var(--surface-card-bottom) 100%, transparent) );--card-border-color: color-mix(in srgb, var(--accent-foam) 34%, var(--surface-card-border) 66%)}.projects-bento-grid .project-card:before{opacity:.32}.projects-bento-grid .project-card:hover,.projects-bento-grid .project-card:focus-within{--card-border-color: color-mix(in srgb, var(--accent-gold) 42%, var(--surface-card-border) 58%);--card-shadow: 0 22px 40px rgba(0, 0, 0, .38), 0 0 16px color-mix(in srgb, var(--accent-gold) 6%, transparent), inset 0 0 0 1px color-mix(in srgb, rgba(246, 232, 199, .04) 88%, transparent)}.projects-bento-grid .project-card[data-card-variant=proof]:hover,.projects-bento-grid .project-card[data-card-variant=proof]:focus-within{--card-border-color: color-mix(in srgb, var(--accent-foam) 44%, var(--accent-gold) 20%)}.project-card-content{display:grid;gap:.9rem;height:100%;align-content:start}.project-card-content--feature{gap:1rem}.project-card-content--hero{gap:1.05rem}.project-card-header{display:grid;gap:.7rem}.project-card-header-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}.project-card-title{line-height:.96;letter-spacing:-.04em;text-wrap:balance}.project-card-summary{margin:0;line-height:1.55}.project-card-details{display:grid;gap:.55rem;font-size:.92rem;line-height:1.55;color:var(--text-2);list-style:none;margin:0;padding:0;border-top:1px solid color-mix(in srgb,var(--surface-card-border) 22%,transparent);padding-top:.85rem}.project-card-details li{display:grid;gap:.18rem}.project-card-details--feature{gap:.8rem}.project-card-detail-label{display:inline-flex;align-items:center;gap:.45rem;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase}.project-card-detail-label:before{content:"";width:.65rem;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent-gold) 42%,transparent),transparent)}.project-card-tags{margin-top:auto}.project-card-tags span{border-radius:.7rem}.project-card-flag{display:inline-flex;align-items:center;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.project-card-flag--foam{color:var(--accent-foam)}.project-card-flag--gold{color:var(--accent-gold)}.project-card--hero .project-card-title{font-size:clamp(2.05rem,2.7vw,2.9rem)}.project-card--hero .project-card-summary{font-size:.98rem;max-width:31rem}.project-card--spotlight .project-card-title,.project-card--feature .project-card-title{font-size:clamp(1.55rem,1.9vw,2.15rem)}.project-card--support .project-card-title{font-size:clamp(1.35rem,1.65vw,1.8rem)}.project-card-support-meta{display:grid;gap:.55rem;border-top:1px solid color-mix(in srgb,var(--surface-card-border) 18%,transparent);padding-top:.8rem}.project-card-support-line{margin:0;display:grid;gap:.16rem;font-size:.9rem;line-height:1.5;color:var(--text-2)}.read-more-link{display:inline-flex;align-items:center;gap:.45rem}@media(min-width:768px){.projects-bands{gap:1.1rem}.projects-overview-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.1rem}.projects-topband__actions{position:relative;padding-left:1.05rem}.projects-topband__actions:before{content:"";position:absolute;left:0;top:.25rem;bottom:.25rem;width:1px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--surface-card-border) 42%,transparent),transparent)}.projects-bento-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.projects-bento-grid .project-card--hero{grid-column:1 / -1}.projects-bento-grid .project-card--spotlight,.projects-bento-grid .project-card--feature,.projects-bento-grid .project-card--support{grid-column:span 1}}@media(min-width:1180px){.projects-bento-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense}.projects-bento-grid .project-card--hero{grid-column:span 7}.projects-bento-grid .project-card--spotlight{grid-column:span 5}.projects-bento-grid .project-card--feature{grid-column:span 6}.projects-bento-grid .project-card--support{grid-column:span 4}}@media(max-width:767px){.projects-band-stats{gap:.45rem}.projects-band-stats strong{font-size:1.25rem}.projects-band-stats span span{font-size:.95rem}.projects-topband__actions{width:100%;justify-content:flex-start}.project-card-content{gap:.8rem}.project-card-title{font-size:1.65rem}}