.image-with-fallback{position:relative;width:100%;overflow:hidden;background:#f3f4f6;border-radius:inherit}@keyframes image-skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.image-with-fallback__skeleton{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#f3f4f6}.image-skeleton{position:absolute;inset:0;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;animation:image-skeleton-shimmer 1.5s infinite}.image-skeleton__icon{position:relative;z-index:1;color:#d1d5db;opacity:.6}.image-with-fallback__error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#f3f4f6}.image-error{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:#9ca3af}.image-error__text{font-size:.875rem;font-weight:500;color:#9ca3af}.image-with-fallback__img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease}.image-with-fallback__img.is-loaded{opacity:1}.image-with-fallback__img.is-hidden{visibility:hidden;pointer-events:none}.image-placeholder{width:100%;display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#d1d5db;border-radius:inherit}@media(prefers-reduced-motion:reduce){.image-skeleton{animation:none;background:#e5e7eb}.image-with-fallback__img{transition:none}}.tag{display:inline-block;padding:.25rem .75rem;font-size:.875rem;color:#4b5563;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:9999px;line-height:1.4}.tag:hover{background-color:#f3f4f6;border-color:#d1d5db}@media(max-width:768px){.tag{font-size:.8125rem;padding:.25rem .625rem}}.project-card{--card-bg: #ffffff;--card-border: #e5e7eb;--card-title: #0f172a;--card-text: #4b5563;--card-shadow: 0 8px 24px rgba(15, 23, 42, .08);display:flex;flex-direction:column;background:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem;overflow:hidden;box-shadow:var(--card-shadow);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.project-card:hover{transform:translateY(-.125rem);box-shadow:0 14px 28px #0f172a24}.project-card--light{--card-bg: #ffffff;--card-border: #e5e7eb;--card-title: #0f172a;--card-text: #4b5563}.project-card--dark{--card-bg: #fefeff;--card-border: #1e293b;--card-title: #000000;--card-text: #000000}.project-card__image-wrapper{width:100%}.project-card__image-container{width:100%;display:block}.project-card__content{display:flex;flex-direction:column;gap:clamp(.55rem,1.2vw,.7rem);padding:clamp(.85rem,2vw,1rem)}.project-card__title{margin:0;font-size:clamp(1rem,1.4vw,1.1rem);font-weight:700;line-height:1.25;color:var(--card-title)}.project-card__company{margin:0;font-size:clamp(.78rem,1vw,.82rem);font-weight:600;color:#475569;line-height:1.3}.project-card__description{margin:0;color:var(--card-text);line-height:1.55;font-size:clamp(.9rem,1.1vw,.94rem)}.project-card__tags{display:flex;flex-wrap:wrap;gap:.5rem}.project-card .button{margin-top:.2rem}