/* Pinecrest Labs — Layout (header, hero, sections, footer) */

/* Mobile overlay */
#mob-ov { transition: opacity .3s; }
#mob-ov.mob-off { opacity: 0; pointer-events: none; }

/* Gradient fade divider */
.gfade { background: linear-gradient(to bottom, transparent, rgba(8,47,73,.4) 50%, transparent); }

/* Geometric pattern behind hero — CSS dot grid */
.geo-dots {
  background-image: radial-gradient(rgba(14,165,233,.12) 1px, transparent 1px);
  background-size: 24px 24px;
}