:root {
  --installation-red: var(--rental-red);
  --installation-lime: var(--rental-lime);
}

.installation-hero .rental-hero-media img { object-position: 60% center; }
.installation-hero h1 { max-width: 1240px; font-size: clamp(54px, 6.9vw, 88px); }
.installation-hero .hero-intro { max-width: 760px; }
.rental-preview-copy h3 { color: var(--installation-red); }

.installation-process-layout { grid-template-columns: minmax(210px,.3fr) minmax(0,1.7fr); }
.installation-process-track { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 38px clamp(14px,1.8vw,25px); }
.installation-process-track::before { display: none; }
.installation-process-track .rental-flow-step { min-height: 238px; padding: 24px 16px 21px; border: 1px solid rgba(255,255,255,.13); text-align: left; transition: border-color .3s ease, background .3s ease, transform .4s var(--rental-ease); }
.installation-process-track .rental-flow-step:hover { border-color: var(--installation-red); background: #111; transform: translateY(-5px); }
.installation-process-track .rental-flow-icon { width: 58px; height: 58px; margin: 0 0 30px; font-size: 23px; animation-duration: 11.2s; }
.installation-process-track .rental-flow-step:nth-child(2) .rental-flow-icon { animation-delay: 1.4s; }
.installation-process-track .rental-flow-step:nth-child(3) .rental-flow-icon { animation-delay: 2.8s; }
.installation-process-track .rental-flow-step:nth-child(4) .rental-flow-icon { animation-delay: 4.2s; }
.installation-process-track .rental-flow-step:nth-child(5) .rental-flow-icon { animation-delay: 5.6s; }
.installation-process-track .rental-flow-step:nth-child(6) .rental-flow-icon { animation-delay: 7s; }
.installation-process-track .rental-flow-step:nth-child(7) .rental-flow-icon { animation-delay: 8.4s; }
.installation-process-track .rental-flow-step:nth-child(8) .rental-flow-icon { animation-delay: 9.8s; }
.installation-process-track .rental-flow-step > .mono { margin-bottom: 9px; }
.installation-process-track .rental-flow-step h3 { max-width: 190px; font-size: 15px; }
.installation-process-track .rental-flow-step p { max-width: 210px; margin: 10px 0 0; font-size: 11px; }

.installation-projects { background: #050505; }
.installation-project-grid { grid-template-columns: repeat(auto-fit,minmax(min(100%,320px),1fr)); grid-auto-flow: dense; grid-auto-rows: 470px; }
.installation-project-grid .rental-project-card,
.installation-project-grid .rental-project-card:nth-child(n),
.installation-project-grid .rental-project-card:nth-child(n+5),
.installation-project-grid .rental-project-card:nth-child(n+5):last-child:nth-child(odd) { min-height: 0; grid-column: auto; grid-row: auto; }

@media (max-width: 1100px) {
  .installation-process-layout { grid-template-columns: 1fr; }
  .installation-process-track { grid-template-columns: repeat(4,minmax(0,1fr)); }
}

@media (max-width: 760px) {
  .installation-hero h1 { font-size: clamp(38px,9.9vw,52px); }
  .installation-process-track { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
  .installation-process-track .rental-flow-step { min-height: 228px; padding: 20px 14px; }
  .installation-process-track .rental-flow-icon { margin-bottom: 24px; }
  .installation-project-grid { grid-template-columns: 1fr; grid-auto-rows: 430px; }
}

@media (max-width: 420px) {
  .installation-process-track { grid-template-columns: 1fr; }
  .installation-process-track .rental-flow-step { min-height: 210px; }
}

@media (prefers-reduced-motion: reduce) {
  .installation-include-card,
  .installation-process-track .rental-flow-step { transform: none !important; }
}

/* Keep installation-page typography white; retain lime for surfaces and focus accents. */
.installation-hero .hero-button-lime,
.rental-directory .section-kicker,
.rental-preview-copy .mono,
.event-serve-head .mono,
.event-number,
.event-toggle,
.event-detail .mono,
.rental-process-note,
.rental-flow-step > .mono,
.projects-head > .projects-view-all,
.rental-project-card .mono,
.project-empty a,
.installation-include-card:hover .mono,
.msav-footer-links a:hover,
.msav-footer-links a:focus-visible { color: #fff; }

.installation-hero .hero-button-lime:hover,
.installation-hero .hero-button-lime:focus-visible { color: #111; }

.installation-hero .hero-button-lime { color: var(--installation-lime); }

/* Keep the solutions eyebrow as a lime navigation cue. */
.rental-directory .section-kicker { color: var(--installation-lime); }

/* Requested light-green metadata accents. */
.rental-process-note,
.projects-head > .projects-view-all,
.rental-project-card .mono { color: var(--installation-lime); }

/* Preserve the established lime information accents in the red environment section. */
.event-types .event-serve-head .mono,
.event-types .event-number,
.event-types .event-toggle,
.event-types .event-detail .mono,
.event-types [data-environment-page-status] { color: var(--installation-lime); }


/* MSAV shared Featured Projects card layout */
.msav-shared-project-grid{display:grid!important;grid-template-columns:1.25fr .85fr 1fr!important;grid-template-rows:repeat(2,270px)!important;gap:8px!important}
.msav-shared-project-grid .project-card{position:relative!important;min-height:0!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;text-decoration:none!important;grid-column:auto!important;grid-row:auto!important}
.msav-shared-project-grid .project-card:first-child{grid-row:1 / 3!important}
.msav-shared-project-grid .project-card:last-child{grid-column:3!important;grid-row:1 / 3!important}
.msav-shared-project-grid .project-card:only-child{grid-column:1!important;grid-row:1 / 3!important}
.msav-shared-project-grid .project-card::after{position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(180deg,transparent 28%,rgba(0,0,0,.88))!important;content:""!important}
.msav-shared-project-grid .project-card img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;filter:grayscale(.92) brightness(.63) contrast(1.1)!important;transition:transform .8s cubic-bezier(.16,1,.3,1),filter .55s ease!important}
.msav-shared-project-grid .project-copy{position:absolute!important;z-index:2!important;right:0!important;bottom:0!important;left:0!important;padding:clamp(20px,2.4vw,34px)!important}
.msav-shared-project-grid .project-copy h3{max-width:330px!important;margin:0!important;color:#fff!important;font-size:clamp(19px,2vw,31px)!important;font-weight:500!important;line-height:1.05!important;letter-spacing:-.04em!important}
.msav-shared-project-grid .project-copy p{margin:11px 0 0!important;color:rgba(255,255,255,.64)!important;font-size:11px!important}
.msav-shared-project-grid .project-card:hover img,.msav-shared-project-grid .project-card:focus-visible img{filter:grayscale(.25) brightness(.74)!important;transform:scale(1.055)!important}
.msav-shared-project-grid .project-card:hover,.msav-shared-project-grid .project-card:focus-visible{border-color:#e31b2b!important;outline:none!important}
.msav-shared-project-grid .project-card:hover .project-copy h3,.msav-shared-project-grid .project-card:focus-visible .project-copy h3,.msav-shared-project-grid .project-card:hover .project-copy p,.msav-shared-project-grid .project-card:focus-visible .project-copy p{color:#c9ff21!important}
@media(max-width:1100px){.msav-shared-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,330px)!important}.msav-shared-project-grid .project-card:first-child,.msav-shared-project-grid .project-card:last-child,.msav-shared-project-grid .project-card:only-child{grid-column:auto!important;grid-row:auto!important}}
@media(max-width:680px){.msav-shared-project-grid{grid-template-columns:1fr!important;grid-template-rows:none!important}.msav-shared-project-grid .project-card{min-height:330px!important}}