@layer components{[name=Contact] .contact{--portrait-image-size: 12.5rem;display:flex;gap:1.5rem;flex-direction:column}@media screen and (min-width:512px){[name=Contact] .contact{align-items:center;flex-direction:row;gap:2rem}}[name=Contact] .contact .contact-image{flex-shrink:0}@media screen and (min-width:512px){[name=Contact] .contact .contact-image{padding-inline-end:var(--column-gutter)}}[name=Contact] .contact .contact-image figure{height:var(--portrait-image-size);overflow:hidden;width:var(--portrait-image-size)}[name=Contact] .contact .contact-image figure img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}[name=Contact] .contact .contact-description>:first-child{margin-block-start:0;padding-block-start:0}[name=Contact] .contact .contact-description>:last-child:not([class*=button]){margin-block-end:0;padding-block-end:0}[name=Contact] .contact .contact-description>h2,[name=Contact] .contact .contact-description>h3,[name=Contact] .contact .contact-description>h4,[name=Contact] .contact .contact-description>h5,[name=Contact] .contact .contact-description>h6{margin-block-start:0}[name=Contact] .contact .contact-description{max-width:50rem}[name=Contact] .contact .contact-description .contact-name{margin-block-end:.5rem}[name=Contact] .contact .contact-description .contact-name:after{display:none}@media screen and (min-width:512px){[name=Contact] .contact .contact-info{padding-block-start:0}}[name=Contact] .contact .contact-info .contact-info-details{margin-block-start:1rem}[name=Contact] .contact .contact-info .contact-info-phoneList,[name=Contact] .contact .contact-info .contact-info-emailList{@include reset-list();}[name=Contact] .contact .contact-info .contact-info-phoneList:not(:last-child),[name=Contact] .contact .contact-info .contact-info-emailList:not(:last-child){margin-block-end:1rem}[name=Contact] .contact .contact-info .contact-info-phone,[name=Contact] .contact .contact-info .contact-info-email{align-items:center;color:var(--color-link);display:flex;text-decoration:none}[name=Contact] .contact .contact-info .contact-info-phone:hover,[name=Contact] .contact .contact-info .contact-info-phone:focus-visible,[name=Contact] .contact .contact-info .contact-info-email:hover,[name=Contact] .contact .contact-info .contact-info-email:focus-visible{text-decoration:underline}[name=Contact] .contact .contact-info .contact-info-phone:not(:last-child),[name=Contact] .contact .contact-info .contact-info-email:not(:last-child){margin-block-end:1rem}[name=Contact] .contact .contact-info .contact-info-icon{display:inline-block;height:1.5rem;margin-inline-end:1rem;width:1.5rem}[name=Contact] .contact .contact-info .contact-info-icon svg{width:100%}[name=Contact] .contacts>:first-child{margin-block-start:0;padding-block-start:0}[name=Contact] .contacts>:last-child:not([class*=button]){margin-block-end:0;padding-block-end:0}[name=Contact] .contacts>h2,[name=Contact] .contacts>h3,[name=Contact] .contacts>h4,[name=Contact] .contacts>h5,[name=Contact] .contacts>h6{margin-block-start:0}[name=Contact] .contacts-list-item:has(+.contacts-list-item){margin-block-end:2rem}}