/* Parcours entreprise : même palette, typographies et filet rouge que le studio. */
.business-section { padding: clamp(48px, 7vw, 100px) 0; scroll-margin-top: 100px; }
.business-section .business-heading { font: 800 clamp(1.8rem, 4vw, 3.3rem)/1.16 var(--font-h); letter-spacing: -.035em; max-width: 22ch; margin: 14px 0 24px; }
.business-section p { line-height: 1.7; }
.business-lead { max-width: 65ch; color: var(--gray-txt); font-size: 1.1rem; }
.business-layout { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 76px); }
.business-aside { padding: 24px; background: var(--gray-bg); align-self: start; border-top: 3px solid var(--red); }
.business-aside h3 { font: 700 1.1rem/1.5 var(--font-h); margin: 0 0 14px; }
.business-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: 28px; }
.business-actions .btn { white-space: normal; text-align: center; min-height: 44px; }
.business-link { color: var(--red-ink, var(--red)); text-decoration: underline; text-underline-offset: 4px; display: inline-flex; align-items: center; min-height: 44px; font-weight: 700; }
.business-section a:focus-visible { outline: 3px solid var(--red-ink, var(--red)); outline-offset: 5px; }
.business-steps { padding: 0; list-style: none; margin: 32px 0; }
.business-steps li { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 20px; padding: 24px 0; border-top: 1px solid var(--line); }
.business-steps li > span { color: var(--red-ink, var(--red)); font: 700 1rem var(--font-h); padding-top: 4px; }
.business-steps h3 { font: 700 clamp(1rem, 2vw, 1.25rem)/1.45 var(--font-h); margin: 0 0 8px; }
.business-steps p { max-width: 72ch; color: var(--gray-txt); margin: 0; }
.business-note { max-width: 78ch; color: var(--gray-txt); font-size: .94rem; }
.business-section details { padding: 20px 0; border-top: 1px solid var(--line); }
.business-section summary { min-height: 44px; cursor: pointer; font-weight: 700; line-height: 1.5; }
.business-section summary:focus-visible { outline: 3px solid var(--red-ink, var(--red)); outline-offset: 4px; }
.business-section details p { max-width: 78ch; color: var(--gray-txt); }
.business-section + .home-folio { padding-top: 20px; }
body.dark-mode .business-aside { background: #202020; }
@media (max-width: 760px) {
  .business-layout { grid-template-columns: minmax(0, 1fr); }
  .business-section .business-heading { font-size: clamp(1.6rem, 7vw, 2.3rem); }
  .business-steps li { grid-template-columns: 34px minmax(0, 1fr); gap: 12px; }
  .business-actions { align-items: stretch; }
  .business-actions .btn { width: 100%; }
}

.hero-cta .btn { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }