/* Studio Event 22 — pages de prestation (SEO) et blocs partagés avec l'accueil. Charte v1.0. */

/* Bandeau d'ouverture avec photo */
.page-hero{position:relative;isolation:isolate;min-height:78vh;min-height:78svh;display:flex;align-items:flex-end;padding:calc(var(--entete) + 70px) 20px 80px;overflow:hidden}
.page-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.page-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,6,3,.72) 0,rgba(10,6,3,.35) 38%,rgba(10,6,3,.82) 78%,var(--noir) 100%),radial-gradient(ellipse at 80% 20%,rgba(90,50,8,.45),rgba(10,6,3,0) 60%)}
.page-hero .conteneur{width:100%}
.fil-ariane{font-size:.72rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--sable);margin:0 0 18px}
.fil-ariane a{color:var(--sable);text-decoration:none}
.fil-ariane a:hover{color:var(--or)}
.fil-ariane span{color:var(--orange);margin:0 8px}
.page-titre{font-family:var(--titre);font-weight:700;color:var(--blanc);font-size:clamp(2rem,5.2vw,3.7rem);letter-spacing:.06em;line-height:1.12;margin:14px 0 0;max-width:900px;text-shadow:0 6px 24px rgba(0,0,0,.7)}
.page-titre em{font-style:normal;color:var(--orange);text-shadow:0 0 24px rgba(255,154,31,.4)}
.page-intro{max-width:720px;font-size:clamp(1.02rem,1.7vw,1.18rem);color:var(--blanc);margin:22px 0 0;text-shadow:0 2px 12px rgba(0,0,0,.8)}
.page-hero .appels{justify-content:flex-start;margin-top:32px}
.page-hero .filet{margin:22px 0}

/* Blocs texte + image en alternance */
.bloc-media{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.bloc-media+.bloc-media{margin-top:110px}
.bloc-media.inverse .media{order:2}
.media{position:relative}
.media img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border:2px solid var(--orange);box-shadow:0 24px 60px rgba(0,0,0,.6),0 0 40px rgba(255,154,31,.12)}
.media.paysage img{aspect-ratio:3/2}
.media::before{content:"";position:absolute;inset:-14px 14px 14px -14px;border:1px solid var(--filet);z-index:-1}
.texte .surtitre{margin-bottom:10px}
.texte h2{font-family:var(--titre);font-weight:700;color:var(--orange);letter-spacing:.06em;font-size:clamp(1.5rem,3vw,2.15rem);line-height:1.2;margin:0 0 20px}
.texte h3{font-weight:600;font-size:1.05rem;letter-spacing:.04em;margin:26px 0 8px;color:var(--or)}
.texte p{margin:0 0 16px;color:var(--sable)}
.texte p strong,.texte li strong{color:var(--blanc);font-weight:500}
.liste-losanges{list-style:none;padding:0;margin:18px 0 0}
.liste-losanges li{position:relative;padding:7px 0 7px 26px;color:var(--sable)}
.liste-losanges li::before{content:"";position:absolute;left:3px;top:16px;width:8px;height:8px;background:var(--orange);transform:rotate(45deg);box-shadow:0 0 10px rgba(255,154,31,.6)}

/* Formules / cartes d'offre */
.formules{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:56px}
.formule{border:1px solid rgba(255,154,31,.3);padding:38px 28px 32px;text-align:center;background:linear-gradient(180deg,rgba(255,154,31,.08),rgba(10,6,3,.5));position:relative;transition:border-color .3s,transform .3s}
.formule:hover{border-color:var(--orange);transform:translateY(-4px)}
.formule .duree{font-family:var(--titre);font-weight:700;font-size:2.4rem;color:var(--orange);line-height:1}
.formule h3{font-family:var(--titre);letter-spacing:.14em;text-transform:uppercase;font-size:1.05rem;margin:14px 0 12px;color:var(--blanc)}
.formule p{margin:0;color:var(--sable);font-size:.95rem}
.formule.vedette{border-color:var(--orange);box-shadow:0 0 40px rgba(255,154,31,.15)}
.formule .badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--or),var(--orange));color:var(--noir);font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;padding:5px 12px;white-space:nowrap}

/* Galerie d'ambiance */
.galerie{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:280px;gap:14px;margin-top:56px}
.galerie figure{margin:0;overflow:hidden;position:relative;border:1px solid var(--filet)}
.galerie img{width:100%;height:100%;object-fit:cover;transition:transform .9s ease,filter .9s ease;filter:saturate(.92)}
.galerie figure:hover img{transform:scale(1.06);filter:saturate(1.05)}

/* Bande d'appel à l'action */
.cta-bande{text-align:center;border:1px solid var(--filet);padding:64px 24px;background:radial-gradient(ellipse at 50% 0,rgba(255,154,31,.16),rgba(10,6,3,0) 70%),rgba(21,14,7,.6)}
.cta-bande h2{font-family:var(--titre);color:var(--orange);letter-spacing:.08em;font-size:clamp(1.6rem,3.4vw,2.4rem);margin:10px 0 14px}
.cta-bande p{color:var(--sable);max-width:640px;margin:0 auto}
.cta-bande .appels{margin-top:30px}

/* Cartes-liens vers les prestations (accueil + bas des pages) */
.univers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px}
.carte-univers{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;border:1px solid var(--filet);text-decoration:none;isolation:isolate}
.carte-univers img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .9s ease}
.carte-univers::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,6,3,.05) 30%,rgba(10,6,3,.92) 100%)}
.carte-univers:hover img{transform:scale(1.07)}
.carte-univers:hover{border-color:var(--orange)}
.carte-univers span{position:absolute;left:22px;right:22px;bottom:20px}
.carte-univers b{display:block;font-family:var(--titre);font-size:1.25rem;letter-spacing:.08em;color:var(--blanc)}
.carte-univers small{display:block;color:var(--or);font-size:.7rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;margin-top:8px}

/* Présentation d'Aloïs */
.photographe{display:grid;grid-template-columns:280px 1fr;gap:60px;align-items:center;max-width:1000px;margin:60px auto 0}
.photographe-embleme{width:100%;height:auto;aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 2px rgba(255,154,31,.3),0 30px 70px rgba(0,0,0,.7),0 0 60px rgba(255,154,31,.3)}
.photographe-portrait{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border:2px solid var(--orange);box-shadow:0 24px 60px rgba(0,0,0,.6),0 0 50px rgba(255,154,31,.25)}
.photographe .signature{font-family:var(--titre);color:var(--or);letter-spacing:.14em;margin-top:22px}


@media (max-width:1000px){
  .formules{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto}
  .galerie{grid-template-columns:repeat(2,1fr);grid-auto-rows:220px}
  .univers{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  .bloc-media{grid-template-columns:1fr;gap:40px}
  .bloc-media.inverse .media{order:0}
  .bloc-media+.bloc-media{margin-top:80px}
  .media::before{display:none}
  .photographe{grid-template-columns:1fr;text-align:center;gap:34px}
  .photographe-embleme{max-width:220px;margin:0 auto}
  .photographe-portrait{max-width:260px;margin:0 auto}
  .page-hero{min-height:70svh;padding-bottom:56px}
}
@media (max-width:560px){
  .univers{grid-template-columns:1fr}
  .galerie{grid-auto-rows:150px;gap:10px}
  .page-hero .appels{flex-direction:column;align-items:stretch}
  .page-hero .appels .bouton{justify-content:center}
}