/* ==========================================================================
   CHI SIAMO — TESTIMONIAL  (Figma 2001:2756, y=3813–4352)
   Full-bleed photo (539px, same absolute-fill treatment as featured-project)
   with a quote panel overlaid — but anchored by a left offset inside the
   container rather than pinned to the container's right edge, so it reuses
   the container-centring trick, not the right:50%/translateX one.
   ========================================================================== */
.testimonial {
  position: relative;
  height: 539px;
  overflow: hidden;
  background: var(--aec-antracite);
}
.testimonial picture { display: contents; }
.testimonial__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.testimonial > .container { position: relative; height: 100%; }

.testimonial__panel {
  position: absolute;
  left: 246px;    /* measured: panel x (326) − container x (80) */
  top: 93px;      /* measured: panel y (3906) − image top (3813) */
  width: 798px;
  margin: 0;
  padding: 40px 48px;
  background: rgba(255, 255, 255, .9);
  border-radius: var(--radius-frame);
}

.testimonial__mark {
  display: block;
  margin: 0 0 -8px;
  font-size: 105px;
  line-height: 45px;
  color: #D9D9D9;
}
.testimonial__quote { margin: 0 0 var(--space-40); color: var(--c-text); }
.testimonial__author {
  display: block;
  margin: 0;
  font-style: normal;
  text-align: right;
  color: var(--c-text);
}

/* No tablet/mobile frame for this section — derived, same reasoning as
   featured-project: below 1024 the overlay panel drops into normal flow
   under a shorter image band instead of floating on top of it. */
@media (max-width: 1024px) {
  .testimonial { height: auto; background: var(--c-surface); }
  .testimonial__media { position: static; height: 280px; background: var(--aec-antracite); }
  .testimonial > .container { height: auto; }
  .testimonial__panel {
    position: static;
    width: 100%;
    max-width: 500px;
    margin-top: -60px;      /* slight overlap onto the photo, matches the desktop panel's floating feel */
    padding: var(--space-40) var(--pad-x);
  }
}
@media (max-width: 768px) {
  .testimonial__panel { margin-top: 0; max-width: none; }
  /* Fixed size, not a lower clamp()/token floor on the shared .t-h2-small
     utility (also used by the values-list titles, which don't want this
     override) — requested specifically for this quote at mobile. */
  .testimonial__quote { font-size: 18px; }
}