/* Projects Page */
.page-hero{ position:relative; min-height:100vh; display:flex; align-items:flex-end; color:#fff; background: var(--hero-bg, none) center/cover no-repeat; }
.page-hero .container{ position:relative; z-index:1; padding: clamp(48px, 8vh, 96px) clamp(32px, 6vw, 72px); }
.page-title{ font-size: clamp(28px, 6vw, 56px); margin:0 0 8px; }
.page-subtitle{ margin:0; opacity:0.92; }

.section{ padding: clamp(40px, 8vh, 72px) 0; }
.container{ max-width:1600px; margin:0 auto; padding:0 clamp(32px, 6vw, 72px); }

/* Grid and card presentation now reuses the shared Projects section styles
   in src/styles/sections/projects.css (two-up Tesla-style overlay cards). */

/* CTA */
.cta-block{ border:1px solid rgba(0,0,0,0.06); border-radius:16px; padding: clamp(24px, 5vw, 40px); background: rgba(255,255,255,0.66); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); text-align:center; }

/* Black edge overlay like service pages */
.page-hero .hero-overlay{ content:""; position:absolute; inset:0; background:linear-gradient(
  to bottom,
  rgba(0,0,0,1) 0%,
  rgba(0,0,0,.45) 10%,
  rgba(0,0,0,.15) 30%,
  rgba(0,0,0,.15) 70%,
  rgba(0,0,0,.45) 90%,
  rgba(0,0,0,1) 100%
); }