/* The navigation reserves room for the name and its complete signature. */
.site-header .wordmark { min-width: 0; max-width: 40%; white-space: nowrap; }
.site-header .wordmark[data-brand-layout="wrapped"] { white-space: normal; overflow-wrap: anywhere; line-height: 1.1; }
.site-header .wordmark small { white-space: normal; overflow-wrap: anywhere; }
.project-chapters { top: max(101px, var(--site-header-height, 101px)); }
.opening-title { right: var(--space); }
.opening-kicker { max-width: calc(100% - var(--space) * 2); }
.opening-kicker > span { min-width: 0; overflow-wrap: anywhere; }
.opening-thought { max-width: calc(60% - var(--space)); }
.opening-title[data-copy-layout="extended"] { max-width: 68%; line-height: 1; }
.opening-title[data-copy-layout="extended"] .opening-line { overflow-wrap: anywhere; }
.footer-invitation { min-width: 0; }
.footer-invitation > a { max-width: 100%; overflow-wrap: anywhere; }
.atelier-footer .footer-meta > a { min-width: 0; overflow-wrap: anywhere; }
.editorial-place .place-photograph figcaption > span { min-width: 0; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.editorial-place .place-photograph figcaption > span:first-child { white-space: normal; }
.atelier-footer { overflow-x: clip; }
@media (max-width: 680px) {
  .site-header .wordmark { max-width: calc(100% - 112px); }
  .project-chapters { top: max(84px, var(--site-header-height, 84px)); }
  [data-project-chapter] { scroll-margin-top: max(152px, calc(var(--site-header-height, 84px) + 75px)); }
  .opening-kicker { top: max(114px, calc(var(--site-header-height, 84px) + 20px)); }
  .opening-thought { right: var(--space); max-width: none; }
  .opening-title[data-copy-layout="extended"] { max-width: none; }
  .opening-material[data-copy-layout="extended"] { left: var(--space); right: var(--space); display: flex; align-items: center; gap: 12px; padding: 6px 10px; font-size: 9px; }
  .opening-material[data-copy-layout="extended"] small { margin-top: 0; font-size: 8px; }
  body:has(.atlas-native-nav) .site-header { position: relative; }
  body:has(.atlas-native-nav) .site-header .wordmark { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
  body:has(.atlas-native-nav) .atlas-native-nav { position: relative; top: auto; left: auto; right: auto; margin: 0 var(--space); }
}