.install-hero {
  padding-bottom: 2.5rem;
}

.install-hero .display {
  max-width: 12ch;
  font-size: clamp(3.4rem, 9vw, 7.5rem);
  line-height: .88;
}

.install-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: start;
}

.install-guide {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid #343a3e;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .45);
}

.install-copy {
  position: sticky;
  top: 7rem;
}

.install-copy h2 {
  margin: 0 0 1rem;
  font-size: clamp(2rem, 4vw, 4rem);
  line-height: .95;
  text-transform: uppercase;
}

.install-copy p {
  color: #b8bec1;
  line-height: 1.7;
}

.install-copy .btn {
  margin-top: 1rem;
}

.install-notes {
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid #343a3e;
  font-size: .92rem;
}

@media (max-width: 800px) {
  .install-layout { grid-template-columns: 1fr; }
  .install-copy { position: static; }
}