/* ============================================================
   Bandeau violet — Figma 8:3808 · 1920 × 826
   Section : px 30 · pt 85 · pb 60
   Panneau : 1140 × 681 · #9D89FC · radius 40 · pt 100 · px 40 · pb 40
   ============================================================ */
.cnt {
  padding-top: 85px;
  padding-bottom: 60px;
  overflow: hidden;
}

.cnt__panel {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 100px 40px 40px;
  border-radius: var(--r-panel);
  background: var(--c-violet);
  color: var(--c-white);
  overflow: hidden;
  --enc-color: var(--c-white);
}

/* Trois arches blanches mordent le panneau : flanc gauche, haut droite, bas centre.
   Positions et rotations relevées au getBoundingClientRect sur le live. */
.cnt__enc-1 { top: 168px; left: -16px;   width: 80px;  height: 52px; transform: rotate(90deg); }
.cnt__enc-2 { top: 0;     left: 1015px;  width: 80px;  height: 52px; transform: rotate(180deg); }
.cnt__enc-3 { bottom: 0;  left: 518.7px; width: 103px; height: 51px; }

.cnt__h {
  max-width: 763.2px;
  min-height: 400px;
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--c-white);
  font-size: var(--fs-h1-alt);
  line-height: var(--lh-h1-alt);
  letter-spacing: var(--ls-h2);
}

/* Étiquettes inclinées posées sur le titre */
.cnt__tags { position: absolute; inset: 0; pointer-events: none; }
.cnt__tags .tag { position: absolute; font-size: 20px; line-height: 34px; padding: 6px 16px; }
.cnt__tags .tag--orange { color: var(--c-white); }
.cnt__tag-1 { left: 425.7px; top:  68.1px; transform: rotate(3.89deg); }
.cnt__tag-2 { left:  21.3px; top: 312.0px; transform: rotate(8.42deg); }
.cnt__tag-3 { left: 845.7px; top: 318.0px; transform: rotate(-9.27deg); }
.cnt__tag-4 { left: 387.7px; top: 482.5px; transform: rotate(5.55deg); }

.cnt__foot {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--sp-24);
  height: 61px;
  margin-top: 80px;
}
.cnt__note { max-width: 300px; font-size: var(--fs-lead); line-height: var(--lh-lead); }
.cnt__logo { width: 145px; height: 34px; }

@media (max-width: 991px) {
  .cnt { padding-top: 48px; padding-bottom: 40px; }
  .cnt__panel { padding: 56px 24px 32px; }
  .cnt__tags { display: none; }
  .cnt__enc-1, .cnt__enc-2 { display: none; }
  .cnt__foot { flex-direction: column; align-items: flex-start; padding-top: 40px; }
}