/* Helvu Studio — brand override on top of the Davies template.
   Source: 03_Branding/Intake_Assets/Paleta_HelvuS.png (brandbook 2025) */
:root {
  --primary: #00DF83;           /* Caribbean Green — brand primary accent */
  --primary-rgb: 0, 223, 131;
  --helvu-rich-black: #004639;  /* brand primary, used for section depth/gradients */
  --helvu-platinum: #DEE0E4;    /* brand secondary */
  --helvu-cool-grey: #888FA1;   /* brand secondary */
}

/* Real Helvu logo swapped in place of the template's icon-font glyph */
.logo-site .logo-img {
  height: 28px;
  width: auto;
}
.img-agency img {
  max-height: 60px;
  width: auto;
  margin: 0 auto;
  display: block;
}

/* Selected Works slider — the template shipped three 860x645 (4:3) stills, so the
   slot carries no ratio of its own and real shots (0.82 to 1.92) each rendered at a
   different height. Pin the slot to the template's 4:3 for a steady layout, but use
   `contain`: cropping to fill ate the blurred backgrounds and surfaces that give
   these product shots their depth. Letterboxing is invisible on the black page. */
.slick-for .image {
  display: block;
  aspect-ratio: 4 / 3;
  overflow: hidden;
}
.slick-for .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* CTA button sits under the heading, sharing its right alignment */
.cta-action {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
}
.cta-action .text-body-1 {
  margin-bottom: 0;
}
.cta-action--start {
  align-items: flex-start;
}
@media (max-width: 767px) {
  .cta-action {
    align-items: flex-start;
  }
}

/* Real client names used as text in place of licensed third-party logos */
.section-brand .img-brand.text-body-1 {
  aspect-ratio: unset;
  padding: 32px 12px;
  opacity: 0.85;
  text-align: center;
  font-size: 15px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.section-brand .img-brand.text-body-1:hover {
  color: var(--primary);
  opacity: 1;
}