:root{--person-bgc:#f3eeee;--person-border-color:#c81e1e;--person-image-size:100px;--person-contact-icon-size:20px;--person-contact-icon-color:#c81e1e}.person{container:person/inline-size}.person__container{background-color:var(--person-bgc);display:grid;gap:20px;grid-template-areas:"content";grid-template-columns:1fr;height:100%;overflow:hidden;padding:20px}.person__container:has(.person__media){grid-template-areas:"media" "content";grid-template-rows:var(--person-image-size) 1fr}.person__media{grid-area:media}.person__image{aspect-ratio:1/1;border-radius:50%;height:var(--person-image-size);width:var(--person-image-size)}.person__content{display:flex;flex-direction:column;gap:10px;grid-area:content}.person__info:after{background-color:var(--person-border-color);content:"";display:block;height:4px;margin-top:10px;width:40px}.person__name{font-size:var(--text-font-size-xlarge);font-weight:700}.person__function,.person__name{margin-bottom:0}.person__description>:last-child{margin-bottom:0}.person__contact{display:flex;flex-direction:column;font-style:normal;gap:8px;margin-top:20px}.person__email,.person__phone{display:flex;gap:10px;margin-bottom:0}.person__email a,.person__phone a{font-weight:400;hyphens:auto;text-decoration-thickness:1px}.person__icon{color:var(--person-contact-icon-color);flex:0 0 var(--person-contact-icon-size);height:var(--person-contact-icon-size);translate:0 6px;width:var(--person-contact-icon-size)}.person--no-padding .person__container{padding:0}.person--white{--person-bgc:#fff}.person--grey{--person-bgc:#f3eeee}.person--grey-dark{--person-bgc:#dbd2d1}.person--black{--person-bgc:#000;--person-border-color:#ff2434;--person-contact-icon-color:#fff;--text-color:#fff}.person--yellow{--person-bgc:#fd0}@container person (width >= 500px){.person__container{padding:40px}.person__container:has(.person__media){grid-template-areas:"media content";grid-template-columns:var(--person-image-size) 1fr;grid-template-rows:1fr}.person__container:not(:has(.person__description)){align-items:center}.person--no-padding .person__container{padding:0}}