/* Greener Outdoors Landscaping — shared styles
   Design: brutalist/editorial grid, warmed with a forest-green accent.
   Palette: ink #2C2D2B · paper #F6F5F2 · sand #EAE5DC · accent green #2F5233 */

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Slim scrollbar for the editorial feel */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: #F6F5F2; }
::-webkit-scrollbar-thumb { background: #2C2D2B; border-radius: 0; }

html { scroll-behavior: smooth; }

/* Hover states */
.hover-invert:hover {
  background-color: #2C2D2B !important;
  color: #F6F5F2 !important;
}

/* Service card hover — warm green wash instead of flat black */
.hover-accent:hover {
  background-color: #2F5233 !important;
}
.hover-accent:hover,
.hover-accent:hover * {
  color: #F6F5F2 !important;
}

/* Scroll-triggered active state (touch devices: highlights the card centered in view) */
.hover-accent.is-active {
  background-color: #2F5233 !important;
}
.hover-accent.is-active,
.hover-accent.is-active * {
  color: #F6F5F2 !important;
}
.hover-accent.is-active .svc-quote { opacity: 1 !important; }

/* Animated hairline for the About "intelligence" canvas */
@keyframes drawLine { from { height: 0; } to { height: 100%; } }
.line-graphic {
  width: 1px;
  background-color: #2F5233;
  animation: drawLine 2s ease-in-out forwards;
}