/* Page de cas d'usage SURVENUE : même identité, contenu autonome et léger. */
.case-page { color: var(--deep); }
.case-page .new-nav { position: relative; }
.case-page .new-brand { color: var(--deep); }
.case-page .action.dark { background: var(--deep); border-color: var(--deep); color: var(--cream); }
.case-page .action.dark:hover { background: var(--accent-ink); color: #fff; }
.case-page .case-eyebrow { color: var(--accent-ink); font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.case-hero { background: #f7eddf; border-bottom: 1px solid var(--line); }
.case-hero .wrap { padding-block: clamp(52px, 7vw, 88px); }
.case-page .case-hero h1 { max-width: 20ch; margin-top: 24px; font-size: clamp(42px, 5vw, 66px); }
.case-lead { max-width: 730px; margin-top: 30px; color: var(--muted); font-size: clamp(17px, 1.7vw, 21px); line-height: 1.65; }
.case-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 20px 28px; margin-top: 34px; }
.case-text-link, .case-source a, .case-footer nav a { text-decoration: underline; text-underline-offset: 4px; }
.case-text-link { font-weight: 600; }
.case-note { margin-top: 22px; color: var(--muted); font-size: 13px; }
.case-section { padding-block: clamp(72px, 9vw, 116px); }
.case-section h2 { max-width: 900px; margin: 17px 0 42px; }
.case-page .case-section h2 { font-size: clamp(34px, 4vw, 55px); }
.case-columns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.case-columns article { min-width: 0; padding: 30px; border: 1px solid var(--line); background: #fffaf3; }
.case-columns h3 { margin-bottom: 18px; font-size: 20px; }
.case-columns p { color: var(--muted); font-size: 15px; line-height: 1.75; }
.case-section--tint { background: #eee5d8; }
.case-example { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .88fr); gap: clamp(35px, 6vw, 90px); align-items: center; }
.case-example h2 { margin-bottom: 30px; }
.case-example > div:first-child > p:not(.case-eyebrow) { max-width: 630px; margin-top: 20px; font-size: 16px; line-height: 1.75; }
.case-example .case-source { font-size: 13px !important; color: var(--muted); }
.case-sheet { padding: clamp(24px, 3vw, 42px); background: var(--deep); color: var(--cream); box-shadow: 16px 16px 0 #bd7a4933; }
.case-sheet__top { padding-bottom: 20px; border-bottom: 1px solid #ffffff45; color: #e4b783; font-size: 11px; font-weight: 700; letter-spacing: .1em; }
.case-sheet dl > div { display: grid; grid-template-columns: minmax(100px, .42fr) 1fr; gap: 15px; padding: 15px 0; border-bottom: 1px solid #ffffff30; }
.case-sheet dt { color: #dfc6af; font-size: 13px; }
.case-sheet dd { font-size: 14px; }
.case-sheet > p:last-child { margin-top: 23px; color: #dfc6af; font-size: 13px; line-height: 1.65; }
.case-cta { padding-block: clamp(72px, 10vw, 125px); background: #f7eddf; }
.case-cta h2 { max-width: 800px; margin: 15px 0 24px; }
.case-cta p:not(.case-eyebrow) { max-width: 650px; margin-bottom: 32px; color: var(--muted); font-size: 17px; }
.case-cta .case-text-link { display: inline-block; margin-left: 24px; }
.case-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; padding-block: 42px; }
.case-footer p { color: var(--muted); font-size: 13px; }
.case-footer nav { display: flex; flex-wrap: wrap; gap: 16px; font-size: 13px; }
@media (max-width: 800px) {
  .case-columns { grid-template-columns: 1fr; }
  .case-example { grid-template-columns: 1fr; }
}
@media (max-width: 540px) {
  .case-page .new-nav { height: 76px; }
  .case-page.redesign .new-nav .nav-action { display: inline-flex; margin-left: auto; padding: 11px; font-size: 11px; }
  .case-page .nav-action span { display: none; }
  .case-hero .wrap { padding-block: 58px; }
  .case-page .case-hero h1 { font-size: 42px; }
  .case-actions .action { width: 100%; }
  .case-section { padding-block: 68px; }
  .case-columns article { padding: 24px; }
  .case-sheet dl > div { grid-template-columns: 1fr; gap: 3px; }
  .case-cta .case-text-link { margin: 22px 0 0; display: block; }
}