@property --rim-angle{syntax: "<angle>"; inherits: false; initial-value: 45deg;}@layer components{.project-card{position:relative;display:flex;flex-direction:column;gap:var(--space-16);width:var(--card-w);padding:var(--space-24);border:1.5px solid transparent;border-radius:var(--radius-card);background:linear-gradient(#00305b33,#00305b33) padding-box,linear-gradient(to top,#eb5f4d99,#eb5f4d00 62%) padding-box,linear-gradient(var(--color-surface-card),var(--color-surface-card)) padding-box,conic-gradient(from var(--rim-angle),rgb(235 95 77 / .45) 0deg,rgb(61 236 198 / 1) 60deg,rgb(235 95 77 / .45) 130deg,rgb(235 95 77 / .45) 360deg) border-box;box-shadow:var(--shadow-card-glow);animation:rim-spin 24s linear infinite}:nth-child(3n+2)>.project-card{animation-delay:-8s}:nth-child(3n)>.project-card{animation-delay:-16s}@keyframes rim-spin{to{--rim-angle: 405deg}}@media(prefers-reduced-motion:reduce){.project-card{animation:none}}.project-card__media{aspect-ratio:480 / 383;width:100%;height:auto;border-radius:var(--radius-image);object-fit:cover;background:var(--color-surface-card-tint)}.project-card__tags{position:absolute;top:var(--space-24);left:var(--space-24);right:var(--space-24);display:flex;flex-wrap:wrap;gap:var(--space-8);list-style:none;padding:var(--space-12)}.project-card__body{display:flex;flex-direction:column;gap:var(--space-24);flex:1}.project-card__title{font-size:var(--step-h3);color:var(--color-text-on-media)}.project-card__title a{text-decoration:none}.project-card__title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.project-card__title a:focus-visible{outline:none}.project-card:has(.project-card__title a:focus-visible){outline:2px solid var(--color-text-accent);outline-offset:4px}.project-card__desc{font:500 16px/1.4 var(--font-body);color:var(--color-text-on-media)}.project-card__cta{margin-top:auto;padding-top:var(--space-16)}.project-card--medium{width:auto;height:100%}.project-card--medium .project-card__media{aspect-ratio:1}}