/* ============================================
   TRIKROMI — Page Studio (location studio photo)
   Valeurs Figma exactes pour l'encadré Services.
   ============================================ */

/* ---------- Espacements de sections (extraits Figma, base 1920px) ---------- */
.cr-fullimg + .cr-bigcenter {
  padding-top: clamp(60px, 7.45vw, 143px);      /* image hero → titre centré : 143px */
}
.st-services + .da-list {
  padding-top: clamp(80px, 9.22vw, 177px);      /* encadré services → /Location : 177px */
}
.feature + .contact {
  padding-bottom: clamp(70px, 7.86vw, 151px);   /* contact → footer : 151px (au lieu de 385) */
}

.st-services {
  padding-top: clamp(100px, 12.34vw, 237px);    /* Studio : 237px sous l'intro */
}

/* ---------- /LOCATION : items pilules (2 colonnes) à gauche + paragraphe à droite ---------- */
.st-location {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: clamp(40px, 6vw, 120px);
  max-width: 1240px;                          /* bloc contenu contraint */
  margin: clamp(24px, 3vw, 50px) auto 0;      /* centré sous le titre */
}
.st-location__items {
  display: grid;
  grid-template-columns: auto auto;
  gap: clamp(6px, 0.6vw, 12px) clamp(24px, 3vw, 60px);
  flex: 0 1 auto;
}
.st-location__items li {
  display: flex;
  align-items: center;
  gap: clamp(14px, 1.5vw, 28px);
}
.st-location__text {
  flex: 0 1 38%;
  max-width: 540px;
}
.st-location__text p {
  font-size: clamp(13px, 1vw, 19px);
  line-height: 1.38;
  letter-spacing: -0.06em;
  color: #595959;
}
.st-location__text p + p { margin-top: 1.2em; }

/* ---------- BLOC profils ---------- */
.st-profils {
  width: 100%;
  padding: clamp(110px, 13.1vw, 252px) var(--page-margin) 0;    /* Figma : 252px sous /Location */
}
.st-profils p {
  max-width: 760px;
  font-size: clamp(15px, 1.25vw, 24px);
  line-height: 1.5;
  letter-spacing: -0.03em;
  color: var(--color-black);
}
.st-profils strong { font-weight: 600; }

/* ---------- Responsive ---------- */
@media (max-width: 860px) {
  .st-location { flex-direction: column; gap: 32px; }
  .st-location__items { grid-template-columns: auto; }
  .st-srv__id, .st-srv__name { font-size: clamp(22px, 6vw, 34px); }
  .st-srv__name { margin-left: clamp(12px, 4vw, 30px); }
  .st-srv__num { font-size: clamp(36px, 9vw, 54px); }
  .st-srv__panel-inner { flex-direction: column; padding-left: 0; gap: 16px; }
  .st-srv__desc, .st-srv__tags { max-width: 100%; flex-basis: auto; }
  .st-srv__tags { justify-content: flex-start; }
  .st-srv__actions { align-items: flex-start; margin-left: 0; }
}