/* Four atelier details on desktop; retain the shared two/one-column layout below. */
#atelier-details { scroll-margin-top:140px; }
@media (min-width:1121px) {
  body main #atelier-details .topic-grid {
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:clamp(24px,2vw,32px);
  }
  body main #atelier-details .topic-grid h3 {
    font-size:clamp(30px,2.5vw,38px);
  }
}