@layer quartz-base{body:has(.project-cards) .page-listing{display:none}.project-cards{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem;margin:.5rem 0 2rem;display:grid}.project-card{border:1px solid var(--lightgray);background-color:var(--light);color:var(--darkgray);border-radius:8px;flex-direction:column;font-weight:400;text-decoration:none;transition:border-color .15s;display:flex;overflow:hidden}.project-card:hover{border-color:var(--secondary)}.project-card:hover .project-card-title{color:var(--secondary)}.project-card:hover .project-card-cover img{transform:scale(1.04)}.project-card-cover{aspect-ratio:16/9;border-bottom:1px solid var(--lightgray);background:var(--lightgray);position:relative;overflow:hidden}.project-card-cover:not(.placeholder):before{content:"";background:var(--cover) center/cover no-repeat;filter:blur(18px)brightness(.75);position:absolute;inset:-24px}.project-card-cover img{box-sizing:border-box;object-fit:contain;border-radius:0;width:100%;height:100%;margin:0;padding:.75rem 1rem;transition:transform .3s;position:relative}.project-card-cover.placeholder{background:radial-gradient(circle at 20% 15%, color-mix(in srgb, var(--c1) 45%, transparent), transparent 60%), linear-gradient(135deg, var(--c2), var(--light))}.project-card-cover.placeholder:after{content:"";background-color:var(--c1);opacity:.25;position:absolute;inset:0;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='180' viewBox='0 0 320 180'%3E%3Cg fill='none' stroke='white' stroke-width='1.2'%3E%3Cpath d='M0 45 C 55 15, 105 15, 160 45 C 215 75, 265 75, 320 45'/%3E%3Cpath d='M0 90 C 55 60, 105 60, 160 90 C 215 120, 265 120, 320 90'/%3E%3Cpath d='M0 135 C 55 105, 105 105, 160 135 C 215 165, 265 165, 320 135'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='180' viewBox='0 0 320 180'%3E%3Cg fill='none' stroke='white' stroke-width='1.2'%3E%3Cpath d='M0 45 C 55 15, 105 15, 160 45 C 215 75, 265 75, 320 45'/%3E%3Cpath d='M0 90 C 55 60, 105 60, 160 90 C 215 120, 265 120, 320 90'/%3E%3Cpath d='M0 135 C 55 105, 105 105, 160 135 C 215 165, 265 165, 320 135'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-size:cover;mask-size:cover}.project-card-body{flex-direction:column;flex:1;padding:.9rem 1rem 1rem;display:flex}.project-card-title{color:var(--dark);margin:0;font-size:1.1rem;transition:color .15s}.project-card-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:.4rem 0 0;font-size:.92rem;line-height:1.5;display:-webkit-box;overflow:hidden}.project-card-footer{color:var(--gray);justify-content:space-between;gap:.5rem;margin-top:auto;padding-top:.8rem;font-size:.82rem;display:flex}.project-card-tags{white-space:pre;text-overflow:ellipsis;overflow:hidden}@media (prefers-reduced-motion:reduce){.project-card:hover .project-card-cover img{transform:none}}.featured-cards-source{display:none}.callout.featured{box-shadow:none;background:0 0;border:none;padding:0;overflow:visible}.callout.featured>.callout-title{display:none}.callout.featured>.callout-content{background:0 0;padding:0;overflow:visible}.callout.featured>.callout-content.has-cards>ul{display:none}.callout.featured>.callout-content .project-cards{margin:.75rem 0 1rem}}