/* Public home page. Same layout as the previous lapointeprojects.ca home page, system fonts. */
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Inter, sans-serif;
  background: #fff; color: #1a1a1a; -webkit-font-smoothing: antialiased;
}
.lp-header { text-align: center; padding: 3rem 3rem 0; }
.lp-logo-link { display: inline-block; }
.lp-logo { height: 520px; width: auto; transition: opacity 0.2s ease; }
.lp-logo-link:hover .lp-logo { opacity: 0.85; }
.lp-content { max-width: 900px; margin: 0 auto; padding: 2rem 2rem 4rem; text-align: center; }
.divider { width: 60px; height: 2px; background: #1a1a1a; margin: 0 auto 4rem; }
.opco-grid { display: flex; justify-content: center; align-items: center; gap: 4rem; flex-wrap: wrap; }
.opco-link { display: block; transition: opacity 0.2s ease; }
.opco-link:hover { opacity: 0.7; }
.opco-link img { max-width: 280px; max-height: 90px; width: auto; height: auto; object-fit: contain; }
.footer { text-align: center; padding: 3rem; font-size: 0.75rem; color: #bbb; }
@media (max-width: 640px) {
  .lp-header { padding: 2rem 1.5rem 0; }
  .lp-logo { height: auto; max-height: 320px; max-width: 100%; }
  .lp-content { padding: 2rem 1.5rem; }
  .opco-grid { gap: 2.5rem; }
  .opco-link img { max-width: 200px; max-height: 65px; }
}