.main-content{--section-padding-block-end:0}.contact-wrapper{display:flex;flex-direction:column;gap:var(--space-lg);padding-block-end:var(--space-lg)}.contact-wrapper h1{margin-block-end:0;text-align:center}.notification{--icon-color:transparent;--icon-image:"";background-color:var(--color-darkest-overlay);display:grid;inset:0;opacity:1;place-content:center;position:fixed;z-index:20}.notification-content{align-items:center;background-color:var(--color-lightest);border-radius:var(--radius-double);box-shadow:0 5px 10px var(--color-darkest-shadow);display:flex;flex-direction:column;gap:var(--space-lg);max-width:400px;padding:var(--space-lg);position:relative;text-align:center;width:90vw}.notification-content:before{aspect-ratio:1;background-color:var(--icon-color);content:"";-webkit-mask-image:var(--icon-image);mask-image:var(--icon-image);width:150px}.notification .close-notification{inset-block-start:var(--space-md);inset-inline-end:var(--space-md);position:absolute}.notification.success{--icon-color:var(--color-brand-primary);--icon-image:url(/images/sprite.svg#confirmation)}.notification[class*=error]{--icon-color:var(--color-error-main);--icon-image:url(/images/sprite.svg#error)}.notification:not(:is(.success,[class*=error])){opacity:0;pointer-events:none}.contact-image{border-radius:100%;box-shadow:0 6px 18px var(--color-darkest-shadow);display:flex;height:120px;justify-content:center;margin-block-end:var(--space-md);margin-inline:auto;overflow:hidden;width:120px}.contact-image img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 0;object-position:center 0;width:100%}.contact-details{list-style-type:none;padding:0}.contact-details li{align-items:center;display:flex;gap:.25em;padding:0}.form-actions{display:flex;justify-content:center;padding-block-start:var(--space-md)}.form-actions [type=submit]{gap:.5em;position:relative}.form-actions [type=submit]:after{aspect-ratio:1;background-image:url(/images/sprite.svg#send);content:"";filter:var(--filter-white);pointer-events:none;width:16px}.form-actions [type=submit].sending:after{animation:sending 1.5s linear infinite;background-image:url(/images/sprite.svg#loading)}@keyframes sending{to{rotate:-1turn}}@media (min-width:768px){.contact-wrapper{display:grid;grid-template-areas:" heading heading " "  info    form   ";grid-template-columns:1fr 1fr}.contact-wrapper h1{grid-area:heading}.contact-wrapper .contact-info{grid-area:info}.contact-wrapper .contact-form{grid-area:form}.contact-wrapper .form-actions{justify-content:flex-end}}