/* ========================================
   PROJECTS PAGE — Specific Styles
   ======================================== */

.projects-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 24px; }
.project-card { position: relative; overflow: hidden; border-radius: 2px; cursor: pointer; }
.project-card img { width: 100%; height: 420px; object-fit: cover; transition: transform 1.2s var(--transition); }
.project-card:hover img { transform: scale(1.08); }
.project-card-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(14,14,14,0.9) 0%, rgba(14,14,14,0) 50%); display: flex; flex-direction: column; justify-content: flex-end; padding: 30px; opacity: 0; transition: opacity 0.5s; }
.project-card:hover .project-card-overlay { opacity: 1; }
.project-card-title { font-family: var(--font-display); font-size: 1.4rem; font-weight: 400; color: var(--color-white); margin-bottom: 6px; }
.project-card-desc { font-size: 0.8rem; color: var(--color-text-muted); }

.retail-section { position: relative; overflow: hidden; border-radius: 2px; }
.retail-bg { position: relative; overflow: hidden; }
.retail-bg img { width: 100%; height: 60vh; min-height: 400px; object-fit: cover; }
.retail-overlay { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(14,14,14,0.85), rgba(14,14,14,0.4)); display: flex; align-items: center; }
.retail-content { padding: clamp(30px, 5vw, 80px); max-width: 600px; }
.retail-meta { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-top: 30px; }
.retail-meta-item { padding: 16px 0; border-top: 1px solid var(--color-border); }
.retail-meta-label { font-size: 0.65rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--color-accent); margin-bottom: 4px; }
.retail-meta-value { font-size: 0.85rem; color: var(--color-text-muted); }

@media (max-width: 768px) {
  .projects-grid { grid-template-columns: 1fr; }
  .project-card img { height: 300px; }
  .project-card-overlay { opacity: 1; }
  .retail-meta { grid-template-columns: 1fr; }
}