.projects-page.svelte-rqn88j{max-width:1400px;margin:0 auto;padding:2rem}.page-header.svelte-rqn88j{text-align:center;margin-bottom:4rem;padding:3rem 2rem;background:linear-gradient(135deg,#1a1a1ae6,#2a1a1ae6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:3px solid var(--blood-red);border-radius:12px;box-shadow:0 8px 32px #0009}.page-header.svelte-rqn88j h1:where(.svelte-rqn88j){font-size:3rem;margin-bottom:1rem;background:linear-gradient(135deg,var(--hell-fire) 0%,var(--crimson) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header.svelte-rqn88j p:where(.svelte-rqn88j){font-size:1.3rem;color:var(--bone-white);opacity:.9}.projects-grid.svelte-rqn88j{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:4rem}.project-card.svelte-rqn88j{background:linear-gradient(180deg,#1a1a1acc,#0a0a0a99);border:2px solid var(--blood-red);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;transition:all .3s ease;display:flex;flex-direction:column;cursor:pointer}.project-card.svelte-rqn88j:hover{transform:translateY(-8px);border-color:var(--hell-fire);box-shadow:0 12px 40px #8b000099}.project-thumbnail.svelte-rqn88j{position:relative;width:100%;padding-top:56.25%;background:var(--shadow-gray);overflow:hidden}.project-thumbnail.svelte-rqn88j img:where(.svelte-rqn88j){position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card.svelte-rqn88j:hover .project-thumbnail:where(.svelte-rqn88j) img:where(.svelte-rqn88j){transform:scale(1.1)}.thumbnail-placeholder.svelte-rqn88j{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--ash-gray)}.overlay.svelte-rqn88j{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(139,0,0,.9) 100%);display:flex;align-items:flex-end;justify-content:center;padding:2rem;opacity:0;transition:opacity .3s ease}.project-card.svelte-rqn88j:hover .overlay:where(.svelte-rqn88j){opacity:1}.view-project.svelte-rqn88j{color:var(--bone-white);font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:2px}.project-info.svelte-rqn88j{padding:1.5rem;flex:1;display:flex;flex-direction:column;gap:.75rem}.project-info.svelte-rqn88j h2:where(.svelte-rqn88j){font-size:1.4rem;margin:0;color:var(--bone-white)}.project-meta.svelte-rqn88j{display:flex;flex-direction:column;gap:.5rem;font-size:.85rem;padding-top:.5rem;border-top:1px solid rgba(139,0,0,.3)}.meta-row.svelte-rqn88j{display:flex;gap:.5rem}.meta-label.svelte-rqn88j{color:var(--hell-fire);font-weight:700;min-width:75px}.meta-value.svelte-rqn88j{color:var(--bone-white);opacity:.9}.metacritic-link.svelte-rqn88j{display:inline-flex;align-items:center;gap:.4rem;margin-top:.5rem;padding:.4rem .8rem;background:#8b000033;color:var(--hell-fire);text-decoration:none;border:1px solid var(--blood-red);border-radius:4px;font-size:.8rem;font-weight:600;transition:all .3s ease;width:fit-content}.metacritic-link.svelte-rqn88j:hover{background:#8b000066;border-color:var(--hell-fire);color:var(--bone-white);transform:translate(2px)}.metacritic-link.svelte-rqn88j svg:where(.svelte-rqn88j){flex-shrink:0}.back-link.svelte-rqn88j{text-align:center;padding-top:2rem;border-top:3px solid var(--blood-red)}.back-link.svelte-rqn88j a:where(.svelte-rqn88j){display:inline-block;color:var(--hell-fire);font-size:1.1rem;font-weight:700;text-decoration:none;padding:1rem 2rem;border:3px solid var(--blood-red);border-radius:8px;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(135deg,#1a1a1ae6,#2a1a1ae6)}.back-link.svelte-rqn88j a:where(.svelte-rqn88j):hover{background:linear-gradient(135deg,var(--blood-red) 0%,var(--crimson) 100%);border-color:var(--hell-fire);transform:scale(1.05);box-shadow:0 8px 25px #8b000099}@media(max-width:768px){.page-header.svelte-rqn88j h1:where(.svelte-rqn88j){font-size:2.5rem}.page-header.svelte-rqn88j p:where(.svelte-rqn88j){font-size:1.1rem}.projects-grid.svelte-rqn88j{grid-template-columns:1fr;gap:1.5rem}.project-info.svelte-rqn88j h2:where(.svelte-rqn88j){font-size:1.2rem}.project-meta.svelte-rqn88j{font-size:.9rem}}@media(max-width:480px){.projects-page.svelte-rqn88j{padding:1rem}.page-header.svelte-rqn88j{padding:2rem 1rem;margin-bottom:2rem}.page-header.svelte-rqn88j h1:where(.svelte-rqn88j){font-size:2rem}.page-header.svelte-rqn88j p:where(.svelte-rqn88j){font-size:1rem}.project-info.svelte-rqn88j{padding:1rem}}