/* Présentation de Babileague, dans l'identité du site public. */
.about-intro{padding:68px 0;background:linear-gradient(180deg,var(--soft),#fff)}
.about-intro-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:52px}
.about-intro h1{margin-top:16px;font-size:clamp(38px,4.8vw,58px);text-wrap:balance}
.about-statement{margin-top:24px;font-size:clamp(21px,2.4vw,28px);font-weight:600;letter-spacing:-.025em;line-height:1.35}
.about-lede{margin-top:16px;max-width:53ch;color:var(--muted);font-size:17px;line-height:1.8}
.about-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.about-brand-card{overflow:hidden;background:#000;color:#fff;border-radius:22px}
.about-brand-card img{display:block;width:100%;height:auto}
.about-brand-card figcaption{border-top:1px solid #2b2b2b;padding:22px 26px;font-size:14px;line-height:1.6;color:#bfc0c5}
.about-brand-card strong{color:#fff;font-weight:600}
.about-project,.about-season,.about-contact{padding:64px 0}
.about-section-heading{max-width:700px;margin-bottom:32px}
.about-section-heading h2,.about-contact h2{font-size:clamp(27px,3.2vw,38px);line-height:1.2;letter-spacing:-.035em;margin-top:12px;text-wrap:balance}
.about-section-heading>p:last-child,.about-contact p:last-child{margin-top:16px;font-size:17px;line-height:1.8;color:var(--muted)}
.about-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.about-values article{padding:28px;border:1px solid var(--line);border-radius:18px}
.about-number{font-family:var(--mono);font-size:12px;color:var(--muted)}
.about-values h3{margin-top:22px;font-size:21px;line-height:1.3;letter-spacing:-.02em}
.about-values p{margin-top:12px;color:var(--muted);font-size:15px;line-height:1.8}
.about-season{background:var(--soft);border-block:1px solid var(--line)}
.about-facts{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:28px;padding:28px 0;border-block:1px solid var(--line)}
.about-facts>div{min-width:0}
.about-facts dt{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.about-facts dd{margin-top:8px;font-size:22px;line-height:1.4;font-weight:600;letter-spacing:-.02em;text-wrap:balance}
.about-facts dd span{display:block;margin-top:8px;font-size:14px;font-weight:400;letter-spacing:0;color:var(--muted)}
.about-text-link{display:inline-flex;align-items:center;gap:16px;margin-top:26px;font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:5px}
.about-text-link:hover{color:var(--muted)}
.about-contact-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:64px;align-items:center}
.about-contact-actions{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
@media(max-width:960px){
  .about-intro-grid{grid-template-columns:1fr;gap:36px}
  .about-brand-card{width:100%;max-width:540px}
  .about-values{gap:14px}
  .about-values article{padding:22px}
  .about-facts{grid-template-columns:1fr 1fr}
  .about-facts>div:last-child{grid-column:1/-1}
  .about-contact-grid{grid-template-columns:1fr;gap:28px}
}
@media(max-width:600px){
  .about-intro,.about-project,.about-season,.about-contact{padding:40px 0}
  .about-intro h1{font-size:38px}
  .about-intro .eyebrow{font-size:10px;letter-spacing:.1em}
  .about-lede,.about-section-heading>p:last-child,.about-contact p:last-child{font-size:16px}
  .about-actions{gap:10px}
  .about-actions .btn{padding:13px 16px;font-size:13px}
  .about-brand-card{border-radius:16px}
  .about-brand-card figcaption{padding:18px 20px}
  .about-values{grid-template-columns:1fr}
  .about-values h3{margin-top:12px}
  .about-facts{grid-template-columns:1fr;gap:22px;padding:24px 0}
  .about-facts>div:last-child{grid-column:auto}
  .about-facts dd{font-size:21px}
  .about-contact-actions{align-items:stretch}
  .about-contact-actions .btn{text-align:center;font-size:14px;padding:13px 16px}
}