.project-card:where(.astro-mspuyifq){position:relative;display:flex;align-items:center;gap:1rem;overflow:hidden;border-radius:var(--custom-radius);padding:1rem;text-decoration-line:none;background:rgb(var(--color-card));box-shadow:var(--card-ring),var(--card-shadow);transition:background-color .25s ease,transform .25s cubic-bezier(.25,1.3,.5,1)}.project-card:where(.astro-mspuyifq):hover{background-color:rgba(var(--color-hover-bg),1)}html[data-theme=dark] .project-card:where(.astro-mspuyifq):hover{background-color:#ffffff0a}.project-icon:where(.astro-mspuyifq){position:relative;display:flex;height:72px;width:72px;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;border-radius:min(calc(var(--custom-radius) * 1.25),24px);background:radial-gradient(130% 100% at 28% 12%,rgba(160,200,255,.3) 0%,transparent 55%),linear-gradient(165deg,#ffffff2e,#ffffff0f);-webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4);box-shadow:inset 0 1px #ffffff6b,inset 0 0 0 1px #ffffff24,inset 0 -10px 20px #00000059,0 12px 26px -10px #0000008c}html[data-theme=light] .project-icon:where(.astro-mspuyifq){background:radial-gradient(130% 100% at 28% 12%,rgba(150,200,255,.42) 0%,transparent 55%),linear-gradient(165deg,#ffffffeb,#e4ecfcd1);box-shadow:inset 0 1px #fff,inset 0 0 0 1px #6e82be33,inset 0 -10px 20px #7896dc24,0 12px 24px -10px #5a78c866}.project-icon:where(.astro-mspuyifq):before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.06) 38%,transparent 62%)}.project-icon:where(.astro-mspuyifq):after{content:"";position:absolute;inset:-45%;z-index:3;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.16) 50%,transparent 58%);transform:translate(-75%);transition:transform .9s cubic-bezier(.22,1,.36,1)}.project-card:where(.astro-mspuyifq):hover .project-icon:where(.astro-mspuyifq):after{transform:translate(75%)}.project-icon-img:where(.astro-mspuyifq){position:relative;height:100%;width:100%;-o-object-fit:contain;object-fit:contain;z-index:1;padding:14px}.project-card:where(.astro-mspuyifq):hover .project-icon-img:where(.astro-mspuyifq){filter:brightness(1.08) saturate(1.06)}.project-monogram:where(.astro-mspuyifq){position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:26px;font-weight:600;z-index:1;font-family:Inter,sans-serif;color:#e8edff;text-shadow:0 0 14px rgba(132,158,255,.95),0 0 34px rgba(98,128,255,.5);transition:text-shadow .3s ease}html[data-theme=light] .project-monogram:where(.astro-mspuyifq){color:#2b3a86;text-shadow:0 0 12px rgba(120,145,255,.65),0 1px 0 rgba(255,255,255,.85)}.project-card:where(.astro-mspuyifq):hover .project-monogram:where(.astro-mspuyifq){text-shadow:0 0 18px rgba(142,166,255,1),0 0 44px rgba(108,138,255,.65)}.project-info:where(.astro-mspuyifq){display:flex;min-width:0px;flex-direction:column;gap:.125rem}.project-title:where(.astro-mspuyifq){font-size:15px;font-weight:500;line-height:21px;--tw-text-opacity: 1;color:rgba(var(--color-text-base),var(--tw-text-opacity, 1));text-wrap:balance}.project-desc:where(.astro-mspuyifq){font-size:.875rem;line-height:1.25rem;line-height:21px;--tw-text-opacity: 1;color:rgba(var(--color-text-secondary),var(--tw-text-opacity, 1));text-wrap:pretty}.project-arrow:where(.astro-mspuyifq){pointer-events:none;position:absolute;right:.625rem;top:.625rem;height:1rem;width:1rem;--tw-text-opacity: 1;color:rgba(var(--color-text-muted),var(--tw-text-opacity, 1));opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.project-arrow:where(.astro-mspuyifq).out{opacity:0}.project-card:where(.astro-mspuyifq):hover .project-arrow:where(.astro-mspuyifq),.project-card:where(.astro-mspuyifq):focus-visible .project-arrow:where(.astro-mspuyifq){opacity:1;transition-duration:.2s}body.hand-drawn .project-card,body.hand-drawn .project-card:where(.astro-mspuyifq){border-radius:4px!important}