/* La Clique du Web — histoire et accueil, octobre 2026. Contrastes accessibles. */
.lcw-story-intro{padding-bottom:65px}
.lcw-story-intro h1{max-width:990px}
.lcw-story-blue{color:#254eff}
.lcw-story-intro .lead{max-width:850px}
.lcw-story-section{scroll-margin-top:90px;background:#f7f9fe;border-block:1px solid #e6ecf6;color:#162747;padding:clamp(55px,7vw,105px) 0}
.lcw-story-section .wrap{max-width:1240px}
.lcw-story-kicker{display:inline-block;text-transform:uppercase;font-size:.74rem;font-weight:800;letter-spacing:.16em;color:#2451cf;line-height:1.45}
.lcw-story-header{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:70px;align-items:end;margin-bottom:45px}
.lcw-story-header h2{font-size:clamp(2.15rem,3.9vw,4rem);line-height:1.1;letter-spacing:-.055em;font-weight:750;max-width:760px;color:#12264a;margin:15px 0 0}
.lcw-story-header h2 span{color:#254eff}
.lcw-story-header>p{max-width:410px;font-size:1.08rem;color:#536681;line-height:1.75;margin:0 0 7px}
.lcw-story-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.lcw-story-chapter{padding:32px 27px 29px;background:white;border:1px solid #dce5f4;border-radius:18px;box-shadow:0 10px 25px rgba(11,39,95,.035)}
.lcw-story-index{font-size:.72rem;letter-spacing:.11em;text-transform:uppercase;color:#2451cf;font-weight:800;display:block;margin-bottom:22px}
.lcw-story-index span{color:#9baed4;padding:0 8px}
.lcw-story-chapter h3{color:#172849;font-size:clamp(1.25rem,2vw,1.52rem);line-height:1.25;letter-spacing:-.035em;margin:0 0 19px;font-weight:750}
.lcw-story-chapter p{line-height:1.8;font-size:.955rem;color:#4c607a;margin:0 0 14px}
.lcw-story-chapter p:last-child{margin-bottom:0}
.lcw-story-pullquote{margin:20px 0 75px;padding:35px clamp(25px,5vw,65px);border-radius:18px;background:#142b60;border:0;color:#fff;display:flex;align-items:center;gap:25px}
.lcw-story-quote-mark{font-size:6rem;line-height:.7;color:#a8c1ff;font-family:Georgia,serif;flex:0 0 auto}
.lcw-story-pullquote p{font-size:clamp(1.3rem,2.4vw,2.15rem);line-height:1.42;letter-spacing:-.025em;margin:0;color:white;font-weight:500}
.lcw-story-pullquote strong{color:#bfd0ff}
.lcw-story-now{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:clamp(30px,6vw,90px);align-items:center;margin-bottom:80px}
.lcw-story-number-panel{background:linear-gradient(155deg,#2958ed,#17347e);border-radius:25px;color:#fff;min-height:410px;padding:37px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.lcw-story-number-panel:after{content:'';position:absolute;width:300px;height:300px;right:-115px;bottom:-120px;border:1px solid rgba(255,255,255,.26);border-radius:50%;box-shadow:0 0 0 50px rgba(255,255,255,.045),0 0 0 100px rgba(255,255,255,.035);pointer-events:none}
.lcw-story-number{font-size:clamp(7rem,14vw,11.5rem);line-height:.9;font-weight:800;letter-spacing:-.1em;margin-left:-.05em;font-variant-numeric:lining-nums}
.lcw-story-number-label{font-size:clamp(1.45rem,2.2vw,2.2rem);font-weight:700;line-height:1.18;max-width:290px;letter-spacing:-.045em;position:relative;z-index:1}
.lcw-story-mini-line{font-size:.76rem;letter-spacing:.09em;text-transform:uppercase;color:#d9e4ff;position:relative;z-index:1}
.lcw-story-now-copy h3{color:#142849;font-size:clamp(1.9rem,3.3vw,3rem);line-height:1.13;letter-spacing:-.05em;margin:16px 0 23px}
.lcw-story-now-copy p{font-size:1rem;line-height:1.8;color:#4a5d79;margin:0 0 16px}
.lcw-story-now-copy p strong{color:#172e63}
.lcw-story-outro{border-top:1px solid #d9e3f5;padding-top:57px;max-width:960px;margin:0 auto;text-align:center}
.lcw-story-outro h3{font-size:clamp(2rem,3.9vw,3.25rem);line-height:1.13;letter-spacing:-.045em;color:#15294f;margin:14px 0 25px}
.lcw-story-outro p{line-height:1.82;font-size:1rem;color:#4a5e7c;margin:0 auto 16px;max-width:780px}
.lcw-story-outro .lcw-story-closing{font-weight:700;color:#183b82;font-size:1.13rem;margin:28px auto}
.lcw-story-actions{display:flex;justify-content:center;gap:13px;flex-wrap:wrap;margin-top:27px}
.lcw-story-button{display:inline-flex;align-items:center;justify-content:center;gap:15px;border-radius:12px;padding:15px 22px;min-height:49px;font-size:.95rem;font-weight:800;text-decoration:none!important;transition:background .2s,color .2s,transform .2s}
.lcw-story-button:hover{transform:translateY(-2px)}
.lcw-story-button:focus-visible{outline:3px solid #92b0ff;outline-offset:3px}
.lcw-story-button-primary{color:white!important;background:#254eff}
.lcw-story-button-primary:hover{background:#173dbf}
.lcw-story-button-secondary{color:#2145bc!important;background:#fff;border:1px solid #c4d2f2}
.lcw-story-button-secondary:hover{background:#e6edff}
/* Encadré de l'accueil placé entre le profil et les formules. */
.lcw-home-story{background:#edf3ff;border-block:1px solid #dbe6fb;padding:clamp(42px,5.3vw,73px) 0;color:#172b51}
.lcw-home-story-inner{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.55fr);gap:clamp(30px,6vw,95px);align-items:center}
.lcw-home-story-copy h2{font-size:clamp(1.85rem,3.45vw,3.25rem);line-height:1.16;letter-spacing:-.045em;margin:15px 0 18px;color:#15294e}
.lcw-home-story-copy h2 span{color:#254eff}
.lcw-home-story-copy p{max-width:660px;color:#455b79;line-height:1.8;font-size:1rem;margin:0 0 25px}
.lcw-home-story-emblem{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;border-radius:22px;border:1px solid #cadafa;background:rgba(255,255,255,.82);padding:28px 22px;min-height:245px}
.lcw-emblem-overline{color:#536eaa;text-transform:uppercase;letter-spacing:.15em;font-weight:800;font-size:.7rem}
.lcw-home-story-emblem strong{font-size:clamp(5rem,8vw,7.7rem);line-height:1.02;letter-spacing:-.085em;color:#254eff}
.lcw-emblem-caption{color:#193869;font-weight:750;line-height:1.4;font-size:1rem}
.lcw-emblem-dots{font-size:.55rem;color:#94b0ef;letter-spacing:1.2em;margin-top:12px;margin-right:-1.2em}
@media(max-width:980px){.lcw-story-header{gap:30px}.lcw-story-chapter{padding:26px 22px}.lcw-story-now{gap:35px}}
@media(max-width:760px){.lcw-story-header,.lcw-story-now,.lcw-home-story-inner{grid-template-columns:1fr;gap:22px}.lcw-story-header{margin-bottom:25px}.lcw-story-chapters{grid-template-columns:1fr}.lcw-story-pullquote{margin-bottom:48px;padding:25px 23px}.lcw-story-now{margin-bottom:48px}.lcw-story-number-panel{min-height:260px;padding:27px}.lcw-story-number{font-size:7rem}.lcw-story-number-label{font-size:1.75rem}.lcw-story-outro{padding-top:40px}.lcw-home-story-emblem{min-height:155px;max-width:none}.lcw-home-story-emblem strong{font-size:5.5rem}.lcw-home-story-inner{gap:28px}.lcw-story-intro{padding-bottom:35px}}
@media(max-width:440px){.lcw-story-header h2{font-size:1.95rem}.lcw-story-pullquote{gap:10px}.lcw-story-quote-mark{font-size:3.5rem}.lcw-story-pullquote p{font-size:1.23rem}.lcw-story-actions{flex-direction:column}.lcw-story-button{width:100%}.lcw-story-number-panel{min-height:245px}}
@media(prefers-reduced-motion:reduce){.lcw-story-button{transition:none}.lcw-story-button:hover{transform:none}}

/* Page À propos — ajustement ciblé du bloc portrait de Christian.
   Dégage le haut du cadre et ajoute de l'air autour du portrait. */
#christian .v33-portrait {
  margin-top: 22px;
  padding-top: 38px;
}
@media (max-width: 760px) {
  #christian .v33-portrait {
    margin-top: 16px;
    padding-top: 32px;
  }
}