.projects-page{background:var(--color-white)}.projects-section{padding:var(--spacing-2xl) 0 var(--spacing-3xl)}.projects-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.project-card{display:grid;grid-template-columns:280px 1fr;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);overflow:hidden;transition:box-shadow 0.25s ease}.project-card:hover{box-shadow:var(--shadow-lg)}.project-card__visual{position:relative;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--project-color,var(--color-primary)) 8%,var(--color-gray-50));min-height:200px}.project-card__cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.project-card__cover-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgb(0 0 0 / .3),rgb(0 0 0 / .1))}.project-card__icon-wrap{position:relative;z-index:1;width:64px;height:64px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:var(--project-color,var(--color-primary));background:var(--color-white);box-shadow:var(--shadow-md)}.project-card__cover~.project-card__cover-overlay~.project-card__icon-wrap{color:var(--color-white);background:rgb(0 0 0 / .35);backdrop-filter:blur(4px);box-shadow:none}.project-card__content{padding:var(--spacing-xl);display:flex;flex-direction:column;justify-content:center}.project-card__client{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--color-gray-500);margin-bottom:var(--spacing-xs)}.project-card__client i{font-size:.85em}.project-card__title{font-size:var(--text-xl);font-weight:700;font-family:var(--font-display);color:var(--color-gray-900);margin:0 0 var(--spacing-xs);line-height:1.3}.project-card__lead{font-size:var(--text-sm);font-weight:500;color:var(--color-gray-700);margin:0 0 var(--spacing-sm);line-height:1.5}.project-card__desc{font-size:var(--text-sm);color:var(--color-gray-500);line-height:1.7;margin:0 0 var(--spacing-md)}.project-card__link{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:600;color:var(--color-primary);text-decoration:none;transition:gap 0.2s ease;margin-top:auto}.project-card__link:hover{gap:10px}.project-card--main{grid-template-columns:340px 1fr}.project-card--main .project-card__visual{min-height:240px}.project-card--main .project-card__title{font-size:var(--text-2xl)}.project-card--main .project-card__icon-wrap{width:72px;height:72px;font-size:2rem}.projects-empty{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);color:var(--color-gray-400)}.projects-empty i{font-size:3rem;display:block;margin-bottom:var(--spacing-md)}.projects-empty p{font-size:var(--text-base);margin:0}.projects-contact{text-align:center;padding:var(--spacing-xl);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl)}.projects-contact__title{font-size:var(--text-lg);font-weight:700;font-family:var(--font-display);color:var(--color-gray-900);margin:0 0 var(--spacing-xs)}.projects-contact__text{font-size:var(--text-sm);color:var(--color-gray-500);margin:0 0 var(--spacing-md)}@media (max-width:768px){.project-card,.project-card--main{grid-template-columns:1fr}.project-card__visual{min-height:160px}.project-card--main .project-card__visual{min-height:180px}.project-card__content{padding:var(--spacing-lg)}.project-card--main .project-card__title{font-size:var(--text-xl)}}@media (max-width:480px){.projects-section{padding:var(--spacing-xl) 0 var(--spacing-2xl)}.project-card__visual{min-height:140px}.projects-contact{padding:var(--spacing-lg) var(--spacing-md)}}