/* Readable editorial content; no text is clipped to a previous fixed height. */
.service-detail .service-lead { max-width: 66ch; }
.service-detail .service-article p,
.service-detail .service-article li { max-width: 72ch; line-height: 1.75; overflow-wrap: break-word; }
.service-detail .service-article h2 { max-width: 30ch; line-height: 1.22; }
.service-detail .service-article section { height: auto; max-height: none; overflow: visible; }
.service-detail .service-article ul + p,
.service-detail .service-article ol + p { margin-top: 20px; }
.service-detail .service-toc a { white-space: normal; overflow-wrap: break-word; }
.home-page .directions-format { height: auto; min-height: 190px; }
.home-page .directions-copy .format-link { display: inline-flex; margin-top: 14px; font-size: 14px; line-height: 1.5; }
.home-page .directions-related { display: flex; flex-wrap: wrap; gap: 12px 24px; align-items: baseline; padding: 24px 0 0; border-top: 1px solid #ffffff24; }
.home-page .directions-related > span { font-size: 14px; color: var(--color-text-secondary); }
.home-page .directions-related a { font-size: 14px; line-height: 1.6; }
.home-page .client-goals p { max-width: 66ch; }
.about-page .studio-facts { grid-template-columns: repeat(3,minmax(0,1fr)); }
.about-page .studio-facts dt,
.about-page .studio-facts dd { overflow-wrap: break-word; }
.about-page .about-worldwide h2 { overflow-wrap: break-word; }
.portfolio-page .portfolio-case-content .intro-copy,
.portfolio-page .portfolio-case-content > p { max-width: 68ch; }
.contact-page .contact-copy .intro-copy { max-width: 58ch; }
@media (min-width: 901px) {
  .service-detail .service-toc { max-height: calc(100svh - var(--site-header-offset,80px) - 40px); overflow-y: auto; scrollbar-width: thin; }
}
@media (max-width: 767px) {
  .home-page .directions-related { align-items: flex-start; flex-direction: column; gap: 10px; }
  .home-page .directions-format { min-height: 170px; }
  .service-detail .service-article h2 { font-size: clamp(24px,6.5vw,32px); }
  .about-page .studio-facts { gap: 14px; }
  .about-page .studio-facts dd { font-size: 15px; line-height: 1.5; }
}