/* Fence Installation theme, based on Serve Local template. */
:root{--cyan:#0EA5E9;--blue:#0EA5E9;--violet:#38BDF8;--line:#315a16}
.btn,.ref-call,.quick button,.contact-submit,.contact-phone,.mobile-call a{background:linear-gradient(135deg,#38BDF8,#0EA5E9)!important;color:#080B0D!important;border:2px solid #00ff44!important;box-shadow:0 0 18px #0EA5E966!important;font-weight:800}
.btn:hover,.ref-call:hover,.quick button:hover,.contact-submit:hover,.contact-phone:hover,.mobile-call a:hover{filter:brightness(1.12);transform:translateY(-1px)}
.service-card .tag,.eyebrow{color:#0EA5E9}.gradient{background:linear-gradient(90deg,#38BDF8,#0EA5E9);-webkit-background-clip:text;background-clip:text;color:transparent}
.home-hero .hero-copy h1,.heading-hero h1{text-shadow:0 0 15px #00ff443d}.mega-logo{background:transparent!important;padding:0!important;object-fit:contain}.ref-wordmark{max-width:300px}@media(max-width:639px){.ref-wordmark{max-width:205px}}

/* 2026-10-12: keep INSTALLATION together on all screen sizes. */
.home-hero .home-title {
  font-size: clamp(2.35rem, 5.2vw, 5.1rem);
  letter-spacing: -0.052em;
  overflow-wrap: normal;
  word-break: normal;
}
.home-hero .home-title .gradient {
  display: inline-block;
  font-size: .83em;
  line-height: 1.03;
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: keep-all;
  letter-spacing: -0.06em;
}
@media (max-width: 820px) {
  .home-hero .home-title { font-size: clamp(2.2rem, 7.6vw, 4.5rem); }
}
@media (max-width: 420px) {
  .home-hero .home-title { font-size: clamp(2rem, 8.4vw, 2.9rem); }
}