/* PRISM Site 27.4.2 — Notre vocation centrée, 6 cartes égales */

body.p8-public .p8-welcome{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
  align-items:stretch !important;
  padding:clamp(36px,4vw,58px) !important;
  max-width:none !important;
}

/* Les deux anciens conteneurs deviennent transparents pour former une seule grille. */
body.p8-public .p8-welcome-copy,
body.p8-public .p8-bullets,
body.p8-public .p8-side-panel{
  display:contents !important;
}

/* Introduction centrée sur toute la largeur. */
body.p8-public .p8-welcome > .p8-welcome-copy > .p8-kicker,
body.p8-public .p8-welcome > .p8-welcome-copy > h2,
body.p8-public .p8-welcome > .p8-welcome-copy > p:not(.p8-kicker){
  grid-column:1 / -1 !important;
  width:min(900px,100%) !important;
  max-width:900px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}

body.p8-public .p8-welcome > .p8-welcome-copy > .p8-kicker{
  margin-bottom:2px !important;
}

body.p8-public .p8-welcome > .p8-welcome-copy > h2{
  margin-top:0 !important;
  margin-bottom:6px !important;
  font-size:clamp(2.1rem,3.5vw,3.45rem) !important;
  line-height:1.03 !important;
  text-wrap:balance;
}

body.p8-public .p8-welcome > .p8-welcome-copy > p:not(.p8-kicker){
  margin-top:2px !important;
  margin-bottom:20px !important;
  line-height:1.75 !important;
  color:var(--p8-muted,#c8c1b8) !important;
  text-wrap:pretty;
}

/* Les six cartes partagent exactement le même modèle. */
body.p8-public .p8-bullets > div,
body.p8-public .p8-spot-card{
  box-sizing:border-box !important;
  width:100% !important;
  min-width:0 !important;
  height:100% !important;
  min-height:142px !important;
  margin:0 !important;
  padding:20px 22px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  gap:8px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:18px !important;
  background:linear-gradient(145deg,rgba(30,29,34,.92),rgba(24,23,28,.88)) !important;
  box-shadow:none !important;
}

body.p8-public .p8-bullets > div strong,
body.p8-public .p8-spot-card strong{
  display:block !important;
  margin:0 !important;
  font-size:1rem !important;
  line-height:1.3 !important;
  color:#f5d66b !important;
}

body.p8-public .p8-bullets > div span,
body.p8-public .p8-spot-card span{
  display:block !important;
  margin:0 !important;
  font-size:.94rem !important;
  line-height:1.6 !important;
  color:#cfc8c0 !important;
}

body.p8-public .p8-bullets > div:hover,
body.p8-public .p8-spot-card:hover{
  border-color:rgba(232,196,83,.28) !important;
  background:linear-gradient(145deg,rgba(34,32,37,.96),rgba(27,25,30,.92)) !important;
}

/* Tablette : 2 colonnes × 3 lignes. */
@media(max-width:980px){
  body.p8-public .p8-welcome{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    padding:32px 24px !important;
  }
  body.p8-public .p8-bullets > div,
  body.p8-public .p8-spot-card{
    min-height:136px !important;
  }
}

/* Mobile : 1 colonne, toujours cartes identiques. */
@media(max-width:640px){
  body.p8-public .p8-welcome{
    grid-template-columns:1fr !important;
    gap:10px !important;
    padding:26px 16px !important;
  }
  body.p8-public .p8-welcome > .p8-welcome-copy > h2{
    font-size:clamp(1.75rem,9vw,2.3rem) !important;
  }
  body.p8-public .p8-welcome > .p8-welcome-copy > p:not(.p8-kicker){
    margin-bottom:14px !important;
    line-height:1.65 !important;
  }
  body.p8-public .p8-bullets > div,
  body.p8-public .p8-spot-card{
    min-height:122px !important;
    padding:18px !important;
  }
}