.section--text .contact{margin:1rem 0 20px}@media only screen and (min-width:768px){.section--text .contact{margin:40px -20px}}@media only screen and (min-width:1024px){.section--text .contact{margin:3rem -4rem}}.contact{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f5f0eb;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-20px;margin-right:-20px;position:relative}.contact__content{padding:2rem 20px;position:relative;width:100%}.contact__title{border-bottom:1px solid #ddd;font-size:1.125rem;font-style:italic;margin-bottom:1.625rem;padding-bottom:1.625rem}.contact__function{font-size:var(--text-font-size-small);line-height:1.25;color:#e60d2e;margin-top:.5rem}.contact__meta{font-size:var(--text-font-size-small);line-height:1.25;color:#4a4a4a;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem;margin-top:1.25rem}.contact__meta-item{display:block}.contact__media{background-color:#dcd2be;display:none;height:100%;overflow:hidden;position:absolute;right:0;top:0;width:55%}.contact__media::before{background-color:#f5f0eb;height:150px;-webkit-transform:skew(-20deg);transform:skew(-20deg);-webkit-transform-origin:bottom left;transform-origin:bottom left;width:30px;bottom:0;content:"";height:100%;left:-98%;position:absolute;width:100%;z-index:1}.contact__media::after{background-color:#fff;height:100px;-webkit-transform:skew(-20deg);transform:skew(-20deg);-webkit-transform-origin:bottom left;transform-origin:bottom left;width:20px;bottom:0;content:"";height:100%;left:0;position:absolute;z-index:1}.contact__image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%;left:0;position:absolute;top:0}@media only screen and (min-width:768px){.contact{--contact-min-height:300px;min-height:var(--contact-min-height)}.contact__content{padding:3rem 55vw 3rem 20px}.contact__title{border-bottom:0;padding-bottom:0}.contact__name{font-size:1.25rem}.contact__media{display:block}}@media only screen and (min-width:1024px){.contact{--contact-min-height:340px}.contact__content{padding:3rem 530px 3rem 4rem}.contact__name{font-size:1.5rem}.contact__function,.contact__meta{font-size:1rem}.contact__media::after{background-color:#fff;height:150px;-webkit-transform:skew(-20deg);transform:skew(-20deg);-webkit-transform-origin:bottom left;transform-origin:bottom left;width:30px;height:100%}}