.person-modal{position:fixed;inset-block:0;inset-inline-end:0;z-index:13;display:flex;flex-direction:column;inline-size:100vw;padding-block:2rem;padding-inline:1rem;background-color:var(--color-page-background);text-align:start}.person-modal__controls{display:flex;justify-content:space-between;flex:0 0 auto}.person-modal__nav{display:flex;align-items:center;-webkit-margin-end:1.5rem;margin-inline-end:1.5rem}.person-modal__btn+.person-modal__btn{-webkit-margin-start:.5rem;margin-inline-start:.5rem}.person-modal__btn--prev{transform:rotate(.5turn)}.person-modal__content{-webkit-margin-before:1.5rem;margin-block-start:1.5rem;overflow:auto}.person-modal__image-wrapper{height:11.25rem;width:11.25rem;margin-inline:auto}.person-modal__image{height:100%;width:100%}.person-modal__name{-webkit-margin-before:2.5rem;margin-block-start:2.5rem}.person-modal__name .person-name__name{font-size:1.5rem;line-height:1.3333333333;font-weight:400;line-height:1}@media print,screen and (min-width:37.5em){.person-modal__name .person-name__name{--underline-offset:86%}}.person-modal__name .person-name__occupation{font-size:1rem;line-height:1.5}.person-modal__description,.person-modal__description>*+*{-webkit-margin-before:1rem;margin-block-start:1rem}@media screen and (min-width:28.75em){.person-modal__image-wrapper{margin-inline:0}}@media print,screen and (min-width:37.5em){.person-modal{inline-size:75vw;max-inline-size:58.75rem;padding-inline:2rem}}@media screen and (min-width:56.25em){.person-modal{padding-inline:5rem}}@media(min-height:37.5rem){.person-modal__content{-webkit-margin-before:4rem;margin-block-start:4rem}}