/* Match the portrait-and-copy dialog used by the service pages. */
#employee-profile { inset: 0; z-index: 1000; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; place-items: center; width: 100%; height: 100dvh; padding: 16px; overflow: auto; overscroll-behavior: contain; background: rgba(2, 23, 21, .76); backdrop-filter: none; }
#employee-profile[hidden] { display: none; }
#employee-profile .employee-profile-dialog { position: relative; display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1fr); width: min(800px, 100%); height: min(640px, calc(100dvh - 32px)); min-height: 0; overflow: hidden; background: var(--paper); box-shadow: 0 24px 80px #00000047; }
#employee-profile .employee-profile-visual { position: relative; top: auto; height: 100%; min-height: 0; padding: 0; border-radius: 0; box-shadow: none; background: #e6eadc; }
#employee-profile .employee-profile-visual > * { width: 100% !important; max-width: none !important; height: 100% !important; max-height: none !important; margin: 0 !important; aspect-ratio: auto; border-radius: 0; box-shadow: none; }
#employee-profile .employee-profile-visual img { display: block; width: 100% !important; height: 100% !important; max-height: none !important; object-fit: cover !important; object-position: center 30% !important; transform: none !important; }
#employee-profile.employee-profile-portrait-fit .employee-profile-dialog { height: min(500px, calc(100dvh - 32px)); }
#employee-profile.employee-profile-portrait-fit .employee-profile-visual img { object-position: center top !important; }
#employee-profile .employee-profile-panel { min-height: 0; padding: clamp(40px, 5vw, 64px); overflow-y: auto; overscroll-behavior: contain; border-radius: 0; box-shadow: none; }
#employee-profile .employee-profile-content { display: block; max-width: none; margin: 0; }
#employee-profile .employee-profile-eyebrow { --eyebrow-color: var(--accent); margin-bottom: 14px; }
#employee-profile .employee-profile-content h2 { margin: 0 0 18px; font-family: Arial, Helvetica, sans-serif; font-size: var(--type-section-title); font-weight: 400; letter-spacing: -.04em; line-height: var(--leading-heading); overflow-wrap: normal; }
#employee-profile .employee-profile-role { margin: 0 0 28px !important; color: #61706d !important; font-size: var(--type-body) !important; font-style: normal; line-height: var(--leading-body) !important; }
#employee-profile .employee-profile-content section { display: block; padding: 18px 0; border-top: 1px solid #06272426; }
#employee-profile .employee-profile-content section[hidden] { display: none; }
body.editor-preview #employee-profile .employee-profile-content section[hidden] { display: block; }
#employee-profile .employee-profile-content h3 { margin: 0 0 8px; color: var(--accent); font-size: var(--type-small); font-weight: 800; letter-spacing: .12em; line-height: 1.4; text-transform: uppercase; overflow-wrap: normal; }
#employee-profile .employee-profile-content section p { margin: 0; color: #41514e; font-size: var(--type-body); line-height: var(--leading-body); white-space: pre-line; }
#employee-profile .employee-profile-close { position: absolute; z-index: 2; top: 16px; right: 18px; width: 44px; height: 44px; margin: 0; border: 0; background: #e6eadc; box-shadow: none; }
#employee-profile .employee-profile-close:hover { background: #d6ddbd; }
#employee-profile .employee-profile-close:focus-visible { outline: 2px solid #60734a; outline-offset: 4px; }
@media (max-width: 760px) {
  #employee-profile .employee-profile-dialog { grid-template-columns: 1fr; grid-template-rows: auto auto; height: auto; max-height: calc(100dvh - 32px); overflow-y: auto; }
  #employee-profile .employee-profile-visual { height: min(46dvh, 390px); }
  #employee-profile.employee-profile-portrait-fit .employee-profile-dialog { height: auto; }
  #employee-profile.employee-profile-portrait-fit .employee-profile-visual { height: auto; aspect-ratio: 4 / 5; }
  #employee-profile .employee-profile-panel { overflow: visible; padding: 28px; }
  #employee-profile .employee-profile-close { top: 12px; right: 12px; }
}
#employee-profile .employee-profile-eyebrow > span { white-space: nowrap; }