/* About Modal Styling - Shared across all pages */

/* Match right panel width on work detail pages to home (shared CSS uses 50vw; home uses 65vw at 768–1200px) */
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .modal__wrapper {
    width: 65vw !important;
  }
}

/* Improved typography and spacing for about modal */
.modal__wrapper--document {
  padding-top: 10rem !important; /* Reduced from 15.375rem for better balance */
}

/* Colophon/font links: inherit paragraph size so they match on home and works pages */
.modal__paragraph a {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.modal__paragraph a.link-4,
.modal__paragraph.fs-32 a.Link {
  font: inherit;
  color: inherit;
  line-height: inherit;
  text-decoration: underline;
}

.modal__paragraph.fs-32 {
  line-height: 1.3 !important; /* Balanced - tighter than 1.45, more readable than 1.1 */
  margin-bottom: 4rem !important; /* Simplified from 3.9375rem to clean 4rem */
  text-wrap: pretty;
}

/* Custom bullet list styling */
.modal__list.fs-32 {
  list-style: none;
  padding-left: 0;
  margin-bottom: 4rem !important;
  line-height: 1.3 !important;
  font-family: Degulartext, sans-serif;
  font-weight: 400;
  color: var(--bt-black);
}

.modal__list.fs-32 li {
  position: relative;
  padding-left: 1.5em; /* Indent: space between star and text */
  margin-bottom: 0.25em;
  font-size: var(--fs-32) !important;
  line-height: 1.3 !important;
}

.modal__list.fs-32 li::before {
  content: "✦";
  position: absolute;
  left: 0;
  color: currentColor;
  font-size: var(--fs-32) !important;
}

.modal__main--heading.fs-80 {
  font-size: 7rem !important;
  margin-bottom: 4rem !important;
}
.modal__subheading.fs-16 {
  margin-bottom: 1.5rem !important; /* Ensure consistent subheading spacing */
}

/* Proportional spacing when heading font shrinks (991px and below) */
@media screen and (max-width: 991px) {
  .modal__main--heading.fs-80 {
    font-size: 4rem !important;
    margin-bottom: 2.5rem !important;
  }
  .modal__paragraph.fs-32 {
    margin-top: 0 !important;
    margin-bottom: 2.5rem !important;
  }
  .modal__list.fs-32 {
    margin-top: 0 !important;
    margin-bottom: 2.5rem !important;
  }
  .modal__subheading.fs-16 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .modal__wrapper--document .rich-text-block-3 {
    margin-top: 0 !important;
    margin-bottom: 2.5rem !important;
  }
}