/* Only the homepage story teaser and the native Notre histoire page. */
.sx-story-teaser, .sx-story-page { color:#29232e; font:16px/1.7 Arial,Helvetica,sans-serif; }
.sx-story-teaser *, .sx-story-page * { box-sizing:border-box; }
.sx-story-teaser { background:#fcf3f6; margin:48px 0; padding:40px 0; }
.sx-story-teaser-inner { max-width:1240px; width:calc(100% - 64px); margin:auto; display:grid; grid-template-columns:1.12fr 1fr; gap:48px; align-items:center; }
.sx-story-teaser-image { margin:0; }
.sx-story-teaser-image img { display:block; width:100%; height:auto; border-radius:12px; }
.sx-story-teaser figure figcaption, .sx-story-page figure figcaption { margin-top:8px; color:#6b5a63; font-size:12px; line-height:1.5; }
.sx-story-teaser .sx-story-eyebrow, .sx-story-page .sx-story-eyebrow { color:#b60860; font-size:12px; line-height:1.5; font-weight:700; text-transform:uppercase; letter-spacing:1.5px; margin:0 0 12px; }
.sx-story-teaser h2 { font:700 clamp(25px,2.5vw,36px)/1.18 Arial,Helvetica,sans-serif; letter-spacing:-.6px; margin:0 0 20px; color:#29232e; text-transform:none; }
.sx-story-teaser p { margin:0 0 18px; }
.sx-home-layout .sx-home-main a.sx-story-button, .sx-story-page a.sx-story-button { display:inline-flex; min-height:48px; align-items:center; justify-content:center; background:#b60860; color:#fff; border:1px solid #b60860; border-radius:6px; padding:12px 22px; text-decoration:none; font:600 14px/1.5 Arial,Helvetica,sans-serif; }
.sx-home-layout .sx-home-main a.sx-story-button:hover, .sx-story-page a.sx-story-button:hover { background:#93064d; border-color:#93064d; color:#fff; }
.sx-story-page { max-width:1240px; width:calc(100% - 64px); margin:0 auto; padding:44px 0 48px; clear:both; }
.sx-story-page-heading { max-width:900px; margin:0 auto 28px; text-align:center; }
.sx-story-page h1 { font:700 clamp(30px,3.8vw,50px)/1.12 Arial,Helvetica,sans-serif; letter-spacing:-1px; text-transform:none; margin:0 0 20px; color:#29232e; }
.sx-story-page .sx-story-lead { margin:0; font-size:18px; color:#665760; }
.sx-story-page-image { margin:0 0 40px; }
.sx-story-page-image img { display:block; width:100%; height:auto; border-radius:12px; }
.sx-story-content { max-width:760px; margin:auto; float:none; width:100%; }
.sx-story-content p { margin:0 0 22px; font-size:17px; line-height:1.85; }
.sx-story-content > p:first-child { font-size:22px; font-weight:600; line-height:1.6; }
.sx-story-content h2 { font:700 clamp(24px,2.3vw,30px)/1.3 Arial,Helvetica,sans-serif; color:#29232e; text-transform:none; margin:38px 0 20px; letter-spacing:-.3px; }
.sx-story-page-actions { max-width:760px; margin:34px auto 0; display:flex; flex-wrap:wrap; align-items:center; gap:20px; }
.sx-story-page a.sx-story-secondary { color:#8e114d; text-decoration:underline; text-underline-offset:4px; min-height:44px; display:inline-flex; align-items:center; }
.sx-story-page :focus-visible, .sx-story-teaser :focus-visible { outline:3px solid #b60860; outline-offset:4px; }
@media(max-width:900px) {
    .sx-story-teaser-inner { grid-template-columns:1fr; gap:24px; }
    .sx-story-teaser-image { max-width:760px; }
}
@media(max-width:600px) {
    .sx-story-teaser { margin:32px 0; padding:24px 0 28px; }
    .sx-story-teaser-inner, .sx-story-page { width:calc(100% - 32px); }
    .sx-story-teaser h2 { font-size:27px; }
    .sx-story-teaser p { font-size:15px; }
    .sx-home-layout .sx-home-main a.sx-story-button { width:100%; }
    .sx-story-page { padding:28px 0 32px; }
    .sx-story-page-heading { text-align:left; margin-bottom:22px; }
    .sx-story-page h1 { font-size:32px; }
    .sx-story-page .sx-story-lead { font-size:16px; }
    .sx-story-page-image { margin-bottom:26px; }
    .sx-story-content p { font-size:16px; line-height:1.75; }
    .sx-story-content > p:first-child { font-size:20px; }
    .sx-story-page-actions { gap:12px; }
}
