.container--article{--article-width:60rem}.ob-contact{display:grid;grid-template-columns:1fr;gap:1.5rem}@media screen and (min-width:768px){.ob-contact{grid-template-columns:1fr 1fr}}.ob-contact__block,.block{background-color:#ebebeb;border:2px solid #d6d6d6;padding:1em;border-radius:8px;margin-bottom:1em;--color:var(--brand-primary)}.ob-contact__block>p,.block>p,.ob-contact__block>address,.block>address{margin-bottom:1rem}.contact-category{margin:1.5em 0}@media screen and (min-width:500px){.ob-contact-list{--article-width:min(90vw,60rem)}}@media screen and (min-width:700px) and (max-width:839px){.ob-contact-list{--article-width:min(70vw,60rem)}}.contact-group{display:grid;grid-template-columns:1fr;gap:1rem}@media screen and (min-width:840px){.contact-group{grid-template-columns:1fr 1fr}}.contact,.contact-info{width:100%;overflow:hidden;text-overflow:ellipsis;max-width:100%}.contact-box{border-radius:2px;height:100%;padding:0;position:relative;display:grid;grid-template-columns:5em 1fr;gap:1em;font-size:.8em}.contact-box .contact-name{margin:0}.contact-box .contact-details{padding:.75em;overflow:auto}.contact-box .contact-image{padding:3px;background:white;border:2px solid #ebebeb;border-radius:12px;width:5em;height:7em;object-fit:cover;object-position:top}@media screen and (min-width:600px){.contact-box{grid-template-columns:7em 1fr;font-size:1em}.contact-box .contact-image{width:7em;height:9em}}