@import url('/assets/marquee-feed-stability.css?v=1');

/* Final layout polish loaded after the main experience layer. */

/* Use stable custom-property translations for the hero images. */
.experience-upgrade .home-photo {
  transform: translate3d(var(--hero-photo-x, 0px), var(--hero-photo-y, 18px), 0) rotate(-1.2deg);
}

.experience-upgrade .home-message {
  transform: translate3d(var(--hero-message-x, 0px), var(--hero-message-y, -10px), 0) rotate(1.4deg);
}

.page-title .content-width,
.testimonial-lead > .content-width,
.reflection-section > .content-width {
  position: relative;
  z-index: 2;
}

.page-title .experience-stars span,
.testimonial-lead .experience-stars span {
  background: #d3ad72;
  box-shadow: 0 0 12px rgba(211, 173, 114, 0.55);
}

.contact-details h3 {
  max-width: 430px;
  margin: 0 0 20px;
  color: #fff8f3;
  font-size: clamp(31px, 3.7vw, 50px);
}

.contact-details > p:not(.section-kicker) {
  max-width: 430px;
  color: rgba(255, 244, 239, 0.76);
}

.contact-details .whatsapp-button {
  margin-top: 19px;
}

.reviews-heading .section-kicker {
  color: #d3ad72;
}

.reviews-heading .primary-button {
  margin-top: 32px;
  border-color: #fff8ef;
  color: #2d0d1d;
  background: #fff8ef;
}

.reviews-heading .primary-button:hover,
.reviews-heading .primary-button:focus-visible {
  color: #fff;
  background: transparent;
}

.results-section > .content-width > .section-kicker {
  margin-bottom: 10px;
  text-align: center;
}

.testimonial-note {
  max-width: 760px;
  margin: 48px auto 0;
  padding-top: 24px;
  border-top: 1px solid rgba(75, 23, 48, 0.14);
  color: #806c74;
  font-size: 11px;
  line-height: 1.7;
  text-align: center;
}

.experience-upgrade .testimonial-photo img {
  filter: saturate(0.88) contrast(1.02);
}

/* Keep the one approved engineering link visually anchored at bottom-right. */
.experience-upgrade .footer-links {
  align-self: start;
}

.experience-upgrade .footer-links a[href*="engineering-consulting"] {
  grid-column: 1 / -1;
  justify-self: end;
}

@media (max-width: 900px) {
  .experience-upgrade .home-photo,
  .experience-upgrade .home-message {
    transform: none;
  }

  .experience-upgrade .footer-links a[href*="engineering-consulting"] {
    grid-column: auto;
    justify-self: start;
  }
}

@media (max-width: 620px) {
  .hero-kicker {
    max-width: 280px;
    line-height: 1.7;
  }

  .contact-details h3 {
    font-size: 34px;
  }
}