/* ——— Page « Le projet » (page-projet.php) : édito du président sur le bleu de la charte. ——— */

.vne-projet { padding-block: 3.5rem 0; }
.vne-projet__entete { margin-bottom: 2.5rem; }

.vne-edito__cadre { position: relative; padding: 0 64px 72px; border-radius: 20px; background: var(--vne-navy); color: #fff; }
/* Surtitre « Édito » : étiquette jaune inclinée posée sur le bord haut, comme les étiquettes de l'accueil. */
.vne-edito__surtitre { display: flex; justify-content: flex-end; transform: translateY(-50%); }
.vne-edito__surtitre span { display: inline-block; padding: .08em .35em .12em; background: var(--vne-yellow); font-family: var(--f-display); font-weight: 800; font-size: clamp(2.25rem, 1.6rem + 2vw, 3.5rem); line-height: 1; color: #fff; transform: rotate(-3deg); }

.vne-edito__grille { display: grid; grid-template-columns: minmax(0, 380px) minmax(0, 1fr); align-items: start; gap: 64px; }
.vne-edito__portrait { margin: 0; padding: 14px; border-radius: 16px; background: #fff; transform: rotate(-2deg); box-shadow: 0 30px 50px -30px rgba(0,0,0,.6); }
.vne-edito__image { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 20%; border-radius: 8px; }

.vne-edito__texte { position: relative; }
.vne-edito__guillemet { display: block; height: .55em; font-family: var(--f-display); font-weight: 800; font-size: 7rem; line-height: 1; color: var(--vne-pink, #F4A8B3); }
.vne-edito__titre { margin-top: 12px; font-family: var(--f-display); font-weight: 800; font-size: clamp(1.75rem, 1.2rem + 1.6vw, 2.5rem); line-height: 1.15; color: #fff; }
.vne-edito__corps { margin-top: 24px; font-size: 1.1875rem; line-height: 1.55; color: rgba(255,255,255,.92); }
.vne-edito__corps > * + * { margin-top: 1em; }
.vne-edito__signature { display: grid; gap: 4px; margin-top: 32px; padding-top: 24px; border-top: 2px solid rgba(255,255,255,.2); font-family: var(--f-sans); }
.vne-edito__signature strong { font-weight: 800; font-size: 1.25rem; color: var(--vne-yellow); }
.vne-edito__signature span { font-weight: 700; font-size: .9375rem; color: rgba(255,255,255,.75); }

@media (max-width: 1023.98px) {
  .vne-edito__cadre { padding: 0 32px 48px; }
  .vne-edito__grille { grid-template-columns: 1fr; gap: 40px; }
  .vne-edito__portrait { width: min(320px, 80%); margin-inline: auto; }
}
@media (max-width: 767.98px) {
  .vne-projet { padding-top: 2.5rem; }
  .vne-projet__entete { text-align: center; }
  .vne-edito__cadre { padding: 0 20px 36px; }
  .vne-edito__surtitre { justify-content: center; }
  .vne-edito__guillemet { font-size: 5rem; }
  .vne-edito__corps { font-size: 1.0625rem; }
}