.projectCard{background:#1a1512;border:1px solid #fff0dc14;border-radius:16px;flex-direction:column;transition:border-color .3s,transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s;display:flex;overflow:hidden}.projectCard .projectCardVisual{aspect-ratio:16/9;background:#0a0807;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.projectCard .projectCardVisual img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .7s cubic-bezier(.22,1,.36,1)}.projectCard .projectCardVisual .projectCardMonogram{color:currentColor;opacity:.55;font-family:Syne,sans-serif;font-size:4rem;font-weight:800;transition:transform .7s cubic-bezier(.22,1,.36,1)}.projectCard .projectCardVisual--product{color:#5eb8ff;background:repeating-linear-gradient(0deg,#5eb8ff1a 0 1px,#0000 1px 40px),repeating-linear-gradient(90deg,#5eb8ff1a 0 1px,#0000 1px 40px),repeating-linear-gradient(-45deg,#5eb8ff12 0 1px,#0000 1px 28.2845px),linear-gradient(135deg,#5eb8ff38,#0a0807)}.projectCard .projectCardVisual--web3{color:#b18cf5;background:repeating-linear-gradient(0deg,#b18cf51a 0 1px,#0000 1px 40px),repeating-linear-gradient(90deg,#b18cf51a 0 1px,#0000 1px 40px),repeating-linear-gradient(-45deg,#b18cf512 0 1px,#0000 1px 28.2845px),linear-gradient(135deg,#b18cf538,#0a0807)}.projectCard .projectCardVisual--creative{color:#ff7aa8;background:repeating-linear-gradient(0deg,#ff7aa81a 0 1px,#0000 1px 40px),repeating-linear-gradient(90deg,#ff7aa81a 0 1px,#0000 1px 40px),repeating-linear-gradient(-45deg,#ff7aa812 0 1px,#0000 1px 28.2845px),linear-gradient(135deg,#ff7aa838,#0a0807)}.projectCard .projectCardVisual--tooling{color:#8aa8d8;background:repeating-linear-gradient(0deg,#8aa8d81a 0 1px,#0000 1px 40px),repeating-linear-gradient(90deg,#8aa8d81a 0 1px,#0000 1px 40px),repeating-linear-gradient(-45deg,#8aa8d812 0 1px,#0000 1px 28.2845px),linear-gradient(135deg,#8aa8d838,#0a0807)}.projectCard .projectCardVisual--websites{color:#cbb489;background:repeating-linear-gradient(0deg,#cbb4891a 0 1px,#0000 1px 40px),repeating-linear-gradient(90deg,#cbb4891a 0 1px,#0000 1px 40px),repeating-linear-gradient(-45deg,#cbb48912 0 1px,#0000 1px 28.2845px),linear-gradient(135deg,#cbb48938,#0a0807)}.projectCard .projectCardBody{flex-direction:column;flex:1;gap:10px;padding:30px;display:flex}@media only screen and (width<=576px){.projectCard .projectCardBody{padding:20px}}.projectCard .projectCardMeta{align-items:center;gap:14px;display:flex}.projectCard .projectCardYears{font-size:var(--text-caption);color:#c4b8ab}.projectCard .projectCardTitle{font-size:var(--text-body-lg);font-weight:var(--font-bold);letter-spacing:-.01em;margin:0}.projectCard .projectCardSummary{color:#c4b8ab;margin:0}.projectCard .projectCardProof{font-size:var(--text-caption);color:#f5a623;margin:auto 0 0;padding-top:10px}.projectCard .projectCardAction{font-size:var(--text-caption);color:#f2ede6;text-underline-offset:3px;margin-top:7px;text-decoration:underline}.projectCard .projectCardLinks{flex-wrap:wrap;gap:14px;margin:7px 0 0;padding:0;list-style:none;display:flex}.projectCard .projectCardLinks a{font-size:var(--text-caption);color:#f2ede6;text-underline-offset:3px;text-decoration:underline}.projectCard .projectCardLinks a:hover,.projectCard .projectCardLinks a:focus-visible{color:#f5a623}.chip{color:#c4b8ab;font-family:JetBrains Mono,monospace;font-size:var(--text-caption);letter-spacing:.06em;text-transform:uppercase;background:#120f0c;border:1px solid #fff0dc14;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;line-height:1.4;display:inline-flex}.chip:before{content:"";background:currentColor;border-radius:999px;flex-shrink:0;width:6px;height:6px}button.chip{cursor:pointer;transition:border-color .15s,background-color .15s,color .15s}button.chip:hover{color:#f2ede6;border-color:#f5a62366}button.chip:focus-visible{outline-offset:2px;outline:2px solid #f5a623}button.chip.isActive{background:#f5a6231f;border-color:#f5a623}.chip--neutral{color:#c4b8ab}.chip--product{color:#5eb8ff}.chip--web3{color:#b18cf5}.chip--creative{color:#ff7aa8}.chip--tooling{color:#8aa8d8}.chip--websites{color:#cbb489}
