/* Supporting pages only; the entrance and photographic grids stay untouched. */
#information { outline: none; }
.information-page .work-heading { margin-bottom: 56px; }
.about-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(48px, 8vw, 116px); max-width: 1120px; margin: 0 auto; }
.about-photo { margin: 0; padding: 0; }
.about-photo .category-frame { width: 100%; margin: 0; }
.contact-details { padding-top: 35px; }
.information-page h2 { margin: 0 0 18px; font-size: 13px; font-weight: 400; letter-spacing: 0; }
.information-page .person-name { font-size: 23px; letter-spacing: -.45px; margin-bottom: 10px; }
.person-description { margin: 0 0 36px; color: var(--quiet); font-size: 12px; }
.contact-details > a { display: block; width: fit-content; max-width: 100%; overflow-wrap: anywhere; }
.contact-email { font-size: 17px; line-height: 1.6; margin-bottom: 7px; }
.contact-phone { font-size: 13px; line-height: 1.6; }
.information-page address { font-style: normal; font-size: 13px; line-height: 1.85; }
.contact-details address { margin-top: 20px; color: var(--quiet); }
.small-note { margin-top: 20px; font-size: 11px; color: var(--quiet); }
.career-list { margin: 0; font-size: 13px; line-height: 1.75; }
.career-list > div { display: grid; grid-template-columns: 65px minmax(0, 1fr); gap: 18px; margin-bottom: 19px; }
.career-list dt { color: var(--quiet); font-size: 11px; padding-top: 2px; }
.career-list dd { margin: 0; }
.earlier-work { margin-top: 26px; }
.earlier-work summary { cursor: pointer; width: fit-content; padding: 8px 0; color: var(--quiet); font-size: 11px; }
.earlier-work summary:focus-visible { outline: 2px solid #86632c; outline-offset: 5px; }
.earlier-work[open] summary { margin-bottom: 20px; }
.clients { margin-top: 34px; }
.clients p { margin: 0; color: var(--quiet); font-size: 12px; line-height: 1.95; }
.legal-copy { max-width: 740px; }
.legal-intro { color: var(--quiet); font-size: 12px; margin: 0 0 32px; }
.legal-intro a { text-decoration: underline; text-underline-offset: 3px; }
.legal-details { display: grid; grid-template-columns: 1fr 1fr; gap: 42px; }
.legal-copy p { font-size: 13px; line-height: 1.85; }
.legal-details p { margin: 0; overflow-wrap: anywhere; }
.copyright-note { margin-top: 42px; }
.privacy-section { margin-top: 38px; }
.legal-copy a { text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.legal-copy .privacy-date { color: var(--quiet); font-size: 11px; margin-top: 38px; }
.draft-notice { margin-top: 38px; border-left: 1px solid #b99c72; padding-left: 20px; color: var(--quiet); }
.draft-notice h2 { font-size: 12px; }
.draft-notice p { font-size: 12px; }
@media (hover: hover) { .contact-details a:hover, .legal-details a:hover { text-decoration: underline; text-underline-offset: 4px; } }
@media (max-width: 800px) {
  .about-layout { grid-template-columns: minmax(0, 1fr); max-width: 510px; gap: 48px; }
}
@media (max-width: 700px) {
  .information-page .work-heading { margin-bottom: 36px; }
  .legal-details { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .career-list > div { grid-template-columns: 60px minmax(0, 1fr); gap: 15px; }
  .contact-email { font-size: 16px; }
}