/* Styles de public/about.php — sortis de la page (i102b). */

.ab{max-width:820px;margin:0 auto;padding:0 clamp(22px,5vw,44px)}
.ab-hero{padding-top:clamp(96px,13vh,146px);text-align:center}
.ab-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(2rem,5.6vw,3.4rem);
  line-height:1.06;margin:18px auto 0;max-width:15ch}
.ab-hero h1 em{font-style:italic;color:var(--or)}
.ab-sec{padding:clamp(44px,6vh,72px) 0}
.ab-sec h2{font-family:var(--serif);font-weight:500;font-size:clamp(1.4rem,3vw,2rem);margin:0 0 18px}
.ab-sec p{color:var(--ivoire-2);font-size:1.02rem;line-height:1.8;margin:0 0 18px}
.ab-sec p:last-child{margin-bottom:0}
.ab-shot{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:3/2;background:#0e0c09;
  margin-top:36px;box-shadow:0 26px 60px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.06)}
.ab-shot img{width:100%;height:100%;object-fit:cover;display:block}
.ab-legal{border-top:1px solid var(--hair-soft);padding-top:26px;color:var(--ivoire-2);
  font-size:.9rem;line-height:1.7}
.ab-legal a{color:var(--or)}
.ab-cta{text-align:center;border:1px solid var(--hair);border-radius:20px;
  padding:clamp(32px,5vw,56px) clamp(20px,4vw,40px);margin-bottom:clamp(50px,8vw,90px);
  background:linear-gradient(155deg,rgba(242,201,76,.10),rgba(255,255,255,.02))}
.ab-cta h2{font-family:var(--serif);font-weight:500;font-size:clamp(1.5rem,3.6vw,2.2rem);margin:0 0 22px}