/* CMK Grupp: Tehtud tööd lehe päise ja tagasiside tekstiala kujundus.
   Eraldi failina, et hinnangukaart, galerii ja muud lehed jääksid muutmata. */
.works-hero {
  display: flex;
  align-items: center;
  min-height: 286px;
}
.works-hero::before {
  background: linear-gradient(90deg, rgba(5,12,21,.89) 0%, rgba(5,12,21,.64) 27%, rgba(5,12,21,.25) 64%, rgba(5,12,21,.06) 100%);
}
.works-hero .hero-bg { object-position: center 48%; }
.works-hero .image-hero-content {
  width: min(1320px, calc(100% - 44px));
  max-width: none;
  padding: 51px 0 53px;
}
.works-hero .hero-line { width: 49px; height: 4px; margin-bottom: 18px; }
.works-hero .eyebrow {
  margin-bottom: 10px;
  color: #ffd1a0;
  font-size: .73rem;
  font-weight: 850;
  line-height: 1.4;
  letter-spacing: .20em;
}
.works-hero h1.works-hero-title {
  margin: 0;
  max-width: none;
  color: #fff;
  font-size: clamp(3rem, 4.45vw, 4.35rem);
  font-weight: 900;
  letter-spacing: -.058em;
  line-height: 1.04;
  white-space: nowrap;
}
.works-hero h1.works-hero-title strong {
  display: inline;
  color: #ff8a16;
  font-weight: 900;
}
.works-hero .image-hero-content > p.works-hero-subtitle {
  display: block;
  width: auto;
  max-width: 560px;
  margin: 17px 0 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  text-shadow: 0 2px 10px rgba(0,0,0,.64);
  color: rgba(255,255,255,.9) !important;
  font-size: clamp(.95rem, 1.35vw, 1.08rem);
  line-height: 1.55;
  font-weight: 500;
}
/* Tagasiside pealkiri ei võistle visuaalselt Hange.ee 4,9 hinnanguga. */
.cmk-reviews-copy h2 {
  max-width: 590px;
  font-size: clamp(2rem, 2.6vw, 2.75rem);
  line-height: 1.15;
  letter-spacing: -.04em;
}
.cmk-reviews-copy h2 span { display: block; }
.cmk-reviews-copy .cmk-reviews-lead {
  max-width: 525px;
  font-size: .98rem;
  line-height: 1.65;
}
@media (max-width: 900px) {
  .works-hero { min-height: 245px; }
  .works-hero .image-hero-content { padding: 45px 0 47px; }
  .works-hero h1.works-hero-title { font-size: clamp(2.6rem, 6.5vw, 3.7rem); }
  .cmk-reviews-copy h2 { font-size: clamp(2.05rem, 4vw, 2.6rem); }
}
@media (max-width: 640px) {
  .works-hero { min-height: 211px; }
  .works-hero::before {
    background: linear-gradient(90deg, rgba(5,12,21,.89), rgba(5,12,21,.53) 78%, rgba(5,12,21,.37));
  }
  .works-hero .image-hero-content {
    width: calc(100% - 28px);
    padding: 36px 0 38px;
  }
  .works-hero .hero-line { width: 36px; height: 3px; margin-bottom: 12px; }
  .works-hero .eyebrow { font-size: .63rem; letter-spacing: .15em; margin-bottom: 9px; }
  .works-hero h1.works-hero-title { font-size: clamp(2.15rem, 9vw, 2.75rem); line-height: 1.08; }
  .works-hero .image-hero-content > p.works-hero-subtitle { margin-top: 13px; font-size: .88rem; line-height: 1.5; }
  .cmk-reviews-copy h2 { font-size: clamp(1.95rem, 8vw, 2.35rem); line-height: 1.13; }
}